js代码 | 易学教程

JS系列：js函数

阅读更多关于 JS系列：js函数

函数 function 在js中函数就是一个方法（一个功能体）基于这个函数，一般是为了实现某个功能。 var total = 10 ; total += 10 ; total = total / 2 ; total = total . toFixed ( 2 ) ; //保留小数点后面2位（数字有一个方法toFixed用来保留小数点后面的位数） ... 在后续的代码中，我们依然想实现相同的操作（加 10 除以 2 ），需要重新编写 //=>这样导致代码大量冗余，不利于开发，降低了开发效率。如果进行对这个功能的代码封装，后期执行即可。函数诞生的目的就是实现封装：把实现一个功能的代码封装到一个函数中，后期想要实现这个功能，只需要把这个函数执行即可，不必要再次编写重复代码，起到了" 低耦合高内聚（减少页面冗余代码，提高代码的重复使用率）"`的作用 javascript封装 function fn ( ) { var total = 10 ; total += 10 ; total /= 2 ; == ( total = total / 2 ) total = total . toFixed ( 2 ) ; console . log ( total ) ; } fn ( ) ; fn ( ) ; ... 想用多少次我们就执行多少次函数即可 === = ES3 标准中 : //=

js调用HttpPrinter(web打印插件)

阅读更多关于 js调用HttpPrinter(web打印插件)

js调用HttpPrinter(web打印插件) 对比了康虎云报表 lodop 后选择了 HttpPrinter (原因: 功能免费只有源码收费) demo地址: https://www.lanzous.com/b743805 js代码如下,base64的部分已经精简: <!DOCTYPE html> <html> <head> <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <script> $(document).ready(function(){ //获取打印机列表 begin $("#btn_getprintlist").click(function(){ var ip = $("#ip").val(); var port = $("#port").val(); if(ip==""||port==""){alert("ip,port不能为空"); return false;} //$.post("http://127.0.0.1:12345/getprinterlist", $.post("http://"+ip+":"+port+"/getprinterlist", { //method:"Donald Duck", //city:"Duckburg" },

不可不知的JS函数基本知识

阅读更多关于不可不知的JS函数基本知识

赞过我的同学，今天写的程序都没有BUG。思维导图 [不可不知的JS函数知识] | |—— 关于函数的定义和作用 |—— [函数的定义和作用] （ES6前后的三种定义方法） |—— [匿名函数的定义和作用] |—— [箭头函数] | |—— 关于函数的参数 |—— [argument的理解] |—— [默认参数的设置方式] | |—— 关于函数的作用于 |—— [作用域、作用域链、预解析] | |—— 关于函数的执行 |—— [递归函数] 函数的作用函数是专门用来封装代码的。不使用函数的话代码会过于冗杂，同时需求变更时要修改的地方会很多。函数的定义 ES6之前：还可以直接把一个函数保存在变量中，可以作为函数的参数和返回值，同时将来可以直接用变量名称（）；的方式执行 function 函数名称 ( 形参列表 ) { 需要封装的代码 ; } let 函数名称 = function ( 形参列表 ) { 需要封装的代码 ; } ES6之后：为了简化函数的定义，ES6中引入了箭头函数 let 函数名称 = ( 形参列表 ) => { 需要封装的代码 ; } 注意点函数的命名要求命名函数最好用驼峰命名 toLeft 小写单词首字母大写单词… 关于函数的类型说明 js中函数参数可以不需要指定类型也不需要确定函数的返回值类型，所以在函数名前加类型名。

js中常见字符串类型操作方法(2)

阅读更多关于 js中常见字符串类型操作方法(2)

toLowerCase() , toLocalLowerCase() , toUpperCase() , toLocaleUpperCase() var stringValue = "hello world"; stringValue.toLowerCase();// "hello world" stringValue.toUpperCase();// "HELLO WORLD" stringValue.toLocaleLowerCase();// "hello world" stringValue.toLocaleUpperCase();// "HELLO WORLD" 一般来说，在不知道自己的代码将在哪种语言环境中运行的情况下，还是使用针对地区的方法更稳妥一些。 match() match()方法只接受一个参数，要么是一个正则表达式，要么是一个 RegExp 对象。 var text = "cat, bat, sat, fat"; var pattern = /.at/; //与 pattern.exec(text)相同 var matches = text.match(pattern); console.log(matches.index); //0 console.log(matches[0]); //"cat" console.log(pattern.lastIndex)

Spring MVC中JSP引用js jquery 报404

阅读更多关于 Spring MVC中JSP引用js jquery 报404

web.xml配置文件 <!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd" > < web-app > < display-name > Archetype Created Web Application </ display-name >  < servlet > < servlet-name > dispatcherServlet </ servlet-name > < servlet-class > org.springframework.web.servlet.DispatcherServlet </ servlet-class >  < init-param > < param-name > contextConfigLocation </ param-name > < param-value > classpath:springmvc.xml </ param-value > </ init-param > <!-

js实现页面重新加载

阅读更多关于 js实现页面重新加载

1、reload 方法，该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet]) 参数： bForceGet，可选参数，默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(“刷新”) 2、 replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后退”来访问已经被替换的URL。语法： location.replace(URL) 通常使用： location.reload() 或者是 history.go(0) 来做。此方法类似客户端点F5刷新页面，所以页面method=”post”时，会出现”网页过期”的提示。因为Session的安全保护机制。当调用 location.reload() 方法时， aspx页面此时在服务端内存里已经存在，因此必定是 IsPostback 的。如果有这种应用：需要重新加载该页面，也就是说期望页面能够在服务端重新被创建，期望是 Not IsPostback 的。这里，location.replace() 就可以完成此任务。被replace的页面每次都在服务端重新生成。代码： location.replace(location.href); 3

js格式问题收集

阅读更多关于 js格式问题收集

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 1、JS中(function(){xxx})(); 这种写法是什么意思？自执行匿名函数：常见格式：(function() { /* code */ })(); 解释：包围函数（function(){})的第一对括号向脚本返回未命名的函数，随后一对空括号立即执行返回的未命名函数，括号内为匿名函数的参数。作用：可以用它创建命名空间，只要把自己所有的代码都写在这个特殊的函数包装内，那么外部就不能访问，除非你允许(变量前加上window，这样该函数或变量就成为全局)。各JavaScript库的代码也基本是这种组织形式。总结一下，执行函数的作用主要为匿名和自动执行,代码在被解释时就已经在运行了。其他写法 (function () { /* code */ } ()); !function () { /* code */ } (); ~function () { /* code */ } (); -function () { /* code */ } (); +function () { /* code */ } (); 来源： oschina 链接： https://my.oschina.net/qingqingdego/blog/3143108

JS 之简写

阅读更多关于 JS 之简写

JavaScript 的一些简写三元运算当想写if…else语句时，使用三元操作符来代替。 const x = 20; let answer; if (x > 10) { answer = 'is greater'; } else { answer = 'is lesser'; } 简写： const answer = x > 10 ? 'is greater' : 'is lesser'; 也可以嵌套if语句： const big = x > 10 ? " greater 10" : x 短路求值当给一个变量分配另一个值时，想确定源始值不是null，undefined或空值。可以写撰写一个多重条件的if语句。 if (variable1 !== null || variable1 !== undefined || variable1 !== '') { let variable2 = variable1; } 或者可以使用短路求值方法： const variable2 = variable1 || 'new'; 声明变量简写 let x; let y; let z = 3; 简写方法： let x, y, z=3; if存在条件简写 if (likeJavaScript === true) 简写： if (likeJavaScript)

JS 计时器

阅读更多关于 JS 计时器

一、setInterval() 循环计时器延迟多长时间去反复执行 1. 设定计时器 setInterval ( function ( ) { console . log ( 1 ) ; } , 1000 ) ; function showlog ( ) { console . log ( 1 ) ; } setInterval ( "showlog()" , 1000 ) ; //一般写在函数外部，时间单位为毫秒 2. 清除计时器 var count = 0 ; var timer = setInterval ( function ( ) { count ++ ; console . log ( count ) ; if ( count >= 10 ) { clearInterval ( timer ) ; //关闭计时器 } } , 1000 ) ; 二、setTimeout 一次性计时器 var timer = setTimeout ( function ( ) { console . log ( 1 ) ; } , 1000 ) ; // 时间单位为毫秒，一般写在函数内部 1. 拓展 for ( var i = 0 ; i < 10 ; i ++ ) { setTimeout ( function ( ) { console . log ( i ) ; /

Emlog评论列表JS实现打字特效

阅读更多关于 Emlog评论列表JS实现打字特效

教程简介在别人博客看到评论打字特效觉得好看网上找了教程发代码跟大家分享这个效果原本是Atom编辑器上的一个插件现在只要在网页上引用JS脚本我们的网站也能拥有如此有逼格的效果教程一步以下代码保存为JS文件命为什么名字都可以 ( function webpackUniversalModuleDefinition ( root , factory ) { if ( typeof exports === 'object' && typeof module === 'object' ) module . exports = factory (); else if ( typeof define === 'function' && define . amd ) define ([], factory ); else if ( typeof exports === 'object' ) exports [ "POWERMODE" ] = factory (); else root [ "POWERMODE" ] = factory (); })( this , function () { return ( function ( modules ) { // webpackBootstrap var installedModules = {}; function _

订阅 js代码