js代码

使用uglifyjs压缩JS

由 一世执手 提交于 2020-01-05 02:58:12
一般vue项目完成打包以后需要优化，特别是首次打开加载速度们，webpack打包以后js文件体积很大等方法，可以用这个方法来压缩js文件 安装node.js 安装当前应用 -- uglifyjs 如何安装node.js就不再介绍了, 百度一下一大把.安装uglifyjs如下: uglifyjs压缩JS文件 ====== 演示如何使用uglifyjs压缩JS 打开一个用于存放JS文件的文件夹,文件目录如下图: 准备压缩lazyLoad.js做实验, 当前该文件的大小为10KB.我们来进行压缩,看看压缩后的文件大小是多少? 这里给大家介绍一个小技巧, 以方便快速地打开cmd, 并定位到当前目录. 点击"在此处打开命令窗口"后即可以进入到cmd, 你会发现已经切换到当前文件所在的路径了. 此时输入命令对lazyLoad.js文件进行压缩并输出文件名为lazyLoady.min.js的文件: uglifyjs lazyLoad.js -o lazyLoad.min.js 也可以运行如下代码, 测试一下 -m 参数: uglifyjs lazyLoad.js -m -o lazyLoad.min.js 以看到, 压缩后只有3KB, 相比之前的, 文件缩小了3倍多.快去试下吧! 结束语 ====== 对于自己来说, 本文就相当于做笔记. 需要注意的是, uglifyjs只能压缩js文件

JS页面刷新实现方法总结

由 泪湿孤枕 提交于 2020-01-05 02:58:04
定时刷新： 　　1，<script>setTimeout("location.href='url'",2000)</script> 　　说明：url是要刷新的页面URL地址 　　2000是等待时间=2秒， 　　2，<meta name="Refresh" content="n;url"> 　　说明： 　　n is the number of seconds to wait before loading the specified URL. 　　url is an absolute URL to be loaded. 　　n,是等待的时间，以秒为单位 　　url是要刷新的页面URL地址 　　3，<%response.redirect url%> 　　说明：一般用一个url参数或者表单传值判断是否发生某个操作，然后利用response.redirect 刷新。 　　4，刷新框架页 　　〈script language=javascript>top.leftFrm.location.reload();parent.frmTop.location.reload();</script〉 　　弹出窗体后再刷新的问题 　　Response.Write("<script>window.showModalDialog('.. /OA/SPCL.aspx',window,'dialogHeight:

【第一节 Node.js简介】

由 喜你入骨 提交于 2020-01-05 02:32:55
1.Node.js是什么？ 　　 　　Node.js是基于Chrome JavaScript运行时建立的一个平台，实际上它是对Google Chrome V8引擎进行了封装，它主要用于创建快速的、可扩展的网络应用。Node.js采用事件驱动和非阻塞I/O模型，使其变得轻微和高效，非常适合构建运行在分布式设备的数据密集型实时应用。 　　 　　它运行于浏览器的Javascript，浏览器就是Javascript代码的解析器，而Node.js则是服务器端JS的代码解析器，存于服务器端的JS代码由Node.js来解析和应用。 　　 　　JS解析器只是JS代码运行的一种环境，浏览器是JS运行的一种环境，浏览器为JS提供了操作DOM对象和window对象等接口。Node.js也是JS的一种运行环境，node.js为JS提供操作文件、创建http服务、创建TCP、UDP服务等接口，所以Node.js可以完成其他后台语言能完成的工作。 　　总结：Node.js是一个让JavaScript运行在服务端的开发平台。 2.Node.js能做什么？ 　　 以前JavaScript并不涉及什么逻辑代码，但是node的出现使得JavaScript能做一些负责的逻辑代码 JavaScript为客户端而生，node为网络而生 异步方式，适合开发大的应用 具有复杂逻辑的网站 基于社交网络的大Web的应用 Web

js 常用页面刷新

由 a 夏天 提交于 2020-01-05 02:26:55
基本上所有要求自动刷新页面的代码都有，大家可以自由发挥做出完美的页面。 1) 10表示间隔10秒刷新一次 2) <script> window.location.reload(true); </script> 如果是你要刷新某一个iframe就把window给换成frame的名字或ID号 3) <script> window.navigate("本页面url"); </script> 4> function abc() { window.location.href="/blog/window.location.href"; setTimeout("abc()",10000); } 刷新本页： Response.Write("<script>window.location.href=window.location.href;</script>") 刷新父页： Response.Write("<script>opener.location.href=opener.location.href;</script>") 转到指定页: Response.Write("<script>window.location.href='yourpage.aspx';</script>") 刷新页面实现方式总结(HTML,ASP,JS) 'by aloxy 定时刷新： 1，<script

JS实现页面刷新

由 眉间皱痕 提交于 2020-01-05 02:25:17
自动刷新页面的方法： 1、页面自动刷新--代码嵌入<head>区域中 <meta http-equiv="refresh" content="20"> 其中： 20指页面每隔20秒刷新一次 2、页面自动跳--代码嵌入<head>区域中 <meta htttp-equiv="refresh" content="20" url="http://www.baidu.com"> 其中： url是20秒后跳转的目标地址 3、页面自动刷新-- JS <script language="JavaScript"> function myrefresh() { window.location.reload(); } setTimeout('myrefresh()',1000); //指定1秒刷新一次 </script> 其中：1000ms页面刷新一次 4、框架刷新语句--JS //刷新包含该框架的页面用 <script language=JavaScript> parent.location.reload(); </script> //子窗口刷新父窗口 <script language=JavaScript> self.opener.location.reload(); </script> (　或　<a href="javascript:opener.location.reload()">刷新</a

JS实现刷新iframe的方法

由 会有一股神秘感。 提交于 2020-01-05 01:24:34
<iframe src="1.htm" name="ifrmname" id="ifrmid"></iframe> 　　 方案一:用iframe的name属性定位 　　<input type="button" name="Button" value="Button" 　　onclick="document.frames(ifrmname).location.reload()"> 　　或 　　<input type="button" name="Button" value="Button" 　　onclick="document.all.ifrmname.document.location.reload()"> 　　 方案二:用iframe的id属性定位 　　<input type="button" name="Button" value="Button" 　　onclick="ifrmid.window.location.reload()"> 　　 终极方案:当iframe的src为其它网站地址(跨域操作时) 　　<input type="button" name="Button" value="Button" 　　onclick="window.open(document.all.ifrmname.src,ifrmname,)"> 　

JS实现刷新iframe的方法

由 我的未来我决定 提交于 2020-01-05 01:23:04
<iframe src="1.htm" name="ifrmname" id="ifrmid"></iframe> 方案一:用iframe的name属性定位 <input type="button" name="Button" value="Button" onclick="document.frames('ifrmname').location.reload()"> 　　或 <input type="button" name="Button" value="Button" onclick="document.all.ifrmname.document.location.reload()"> 　　方案二:用iframe的id属性定位 <input type="button" name="Button" value="Button" onclick="ifrmid.window.location.reload()"> 　　终极方案:当iframe的src为其它网站地址(跨域操作时) <input type="button" name="Button" value="Button" onclick="window.open(document.all.ifrmname.src,'ifrmname','')"> 代码如下：<input type=button value=刷新

js刷新页面方法

由 泄露秘密 提交于 2020-01-05 01:19:17
1.刷新方法列表 　　最近常遇到js刷新页面的需求，就搜集了一些资料来整理一下常用的方法当做我的学习笔记和大家分享！ 　　1、history.go(0) 　　2、location.reload() 　　3、location.replace(location) 　　4、location.assign(location) 　　5、window.navigate(location) 　　6、document.URL=location.href 　　7、document.execCommand('Refresh') 2.刷新方法解析 1， reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新") 2， replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后退”来访问已经被替换的URL。 语法： location.replace(URL) 通常使用： location.reload() 或者是 history.go(0) 来做。 此方法类似客户端点F5刷新页面

js 实现call和apply方法，超详细思路分析

由 北城以北 提交于 2020-01-05 00:36:52
壹 ❀ 引 我在 五种绑定策略彻底弄懂this 一文中，我们提到 call，apply，bind 属于显示绑定，这三个方法都能直接修改this指向。其中call与apply比较特殊，它们在修改this的同时还会直接执行方法，而bind只是返回一个修改完this的 boundFunction 并未执行，那么今天我们来讲讲如果通过JavaScript模拟实现call与apply方法。 贰 ❀ 关于call与apply1 贰 ✿ 壹 call与apply区别 除了都能改变this指向并执行函数，call与apply唯一区别在于参数不同，具体如下： var fn = function (arg1, arg2) { // do something }; fn.call(this, arg1, arg2); // 参数散列 fn.apply(this, [arg1, arg2]) // 参数使用数组包裹 call第一参数为this指向，后续散列参数均为函数调用所需形参，而在apply中这些参数被包裹在一个数组中。 贰 ✿ 贰 使用场景 call与apply在日常开发中非常实用，我们在此列举几个实用的例子。 检验数据类型： function type(obj) { var regexp = /\s(\w+)\]/; var result = regexp.exec(Object

浅谈js运行机制(线程）

由 扶醉桌前 提交于 2020-01-05 00:29:37
浅谈js运行机制(线程） 1.前言 从开始接触js时，我们便知道js是单线程的。单线程，异步，同步，互调，阻塞等。在实际写js的时候，我们都会用到ajax,不管是原生的实现，还是借助jQuery等工具库实现，我们都知道，ajax可以实现局部刷新，并且在请求处理时，任然可以响应用户的操作，比如点击事件。不是说js是单线程吗?这些都是怎么实现的？ 在阅读《深入理解Bootrap的源码》一书，在分析轮播组件(carousel.js)的源码时，作者对一句代码操作的注释引起了我的兴趣。 setTimeout(function(){ that.$element.trigger('slid'); },0);//触发slid事件,这里使用setTimeout是为了确保UI刷新线程不被阻塞。 1 2 3 4 后面我会一一解答这些疑惑。 2.浏览器线程 js运作在浏览器中,是单线程的，即js代码始终在一个线程上执行，这个线程称为js引擎线程。 浏览器是多线程的，除了js引擎线程，它还有： UI渲染线程 浏览器事件触发线程 http请求线程 EventLoop轮询的处理线程 …….. 这些线程的作用： UI线程用于渲染页面 js线程用于执行js任务 浏览器事件触发线程用于控制交互，响应用户 http线程用于处理请求，ajax是委托给浏览器新开一个http线程 EventLoop处理线程用于轮询消息队列
订阅 js代码