现在前端技术日新月异,对于同一个问题痛点,各个时段有各自的解决方案,这就带来了很大差异。今天我就打算梳理js模块化的历史进程,讲一讲这些方案要做什么,怎么做。 ...
分类:
Web程序 时间:
2017-08-19 18:48:03
阅读次数:
215
浅谈webpack打包原理 模块化机制 webpack并不强制你使用某种模块化方案,而是通过兼容所有模块化方案让你无痛接入项目。有了webpack,你可以随意选择你喜欢的模块化方案,至于怎么处理模块之间的依赖关系及如何按需打包,webpack会帮你处理好的。 关于模块化的一些内容,可以看看我之前的文 ...
分类:
Web程序 时间:
2017-08-19 18:26:54
阅读次数:
201
异步加载的方式1:动态脚本加载 异步加载方式2:defer HTML 4 为script标签定义了一个扩展属性:defer。 defer是在HTML解析完成之后就会执行,如果有多个,按照加载的顺序依次执行 Defer 属性指明本元素所含的脚本不会修改 DOM,因此代码能安全地延迟执行。defer 属 ...
分类:
其他好文 时间:
2017-08-17 10:28:05
阅读次数:
187
Ajax实际就是XMLHttpRequest对象和DOM、(X)HTML和CSS的简称,用于概括异步加载页面内容的技术。 Ajax实例 HTML代码如下,包含一个h5标题和一个按钮: JS代码如下: 上述代码中核心对象是XMLHttpRequest,这正是Ajax的技术基础。所有现代浏览器均支持XM ...
分类:
编程语言 时间:
2017-08-17 00:42:26
阅读次数:
216
我们经常会碰到用selenium操作页面上某个元素的时候,需要等待页面加载完成后,才能操作, 否则页面上的元素不存在,会抛出异常。 或者碰到AJAX异步加载,我们需要等待元素加载完成后,才能操作。 首先来讲,我们最不推荐的就是使用 Thread.sleep( ) ; 这个也叫做线程休眠。 这种写法通 ...
分类:
其他好文 时间:
2017-08-15 15:09:32
阅读次数:
233
在说异步加载的时候,先把应用背景说一下! 我们平时使用最多的是同步加载,同步模式又称为阻塞模式!顾名思义,他会阻止浏览器的后续处理,停止后续一系列的解析,包括后续文件的加载,渲染,代码执行等等! 那既然同步模式有那么多弊端,为啥我们还要用它呢!其实是为了安全性考虑的,js之所以要同步执行,很多时候是 ...
分类:
其他好文 时间:
2017-08-15 10:16:48
阅读次数:
238
什么是phantomjs phantomjs官网是这么说的,‘整站测试,屏幕捕获,自动翻页,网络监控’,目前比较流行用来爬取复杂的,难以通过api或正则匹配的页面,比如页面是通过异步加载。phantomjs就是一个完整的浏览器只能没有界面,因此我们可以用它来模拟真正的浏览器去访问页面,然后再获取页面 ...
分类:
Web程序 时间:
2017-08-03 12:34:01
阅读次数:
1771
一,引入webpack插件 二,要确定cnpm install jquery --save,之后在入口文件引入jquery; 三, 这么打包之后jquery需要require才能用的,在入口的index.js中, 这样,打包到dist下的vendor.js中的jquery就可以引用了。 ...
分类:
Web程序 时间:
2017-08-02 18:54:48
阅读次数:
371
前端模块规范有三种:CommonJs,AMD和CMD。 CommonJs用在服务器端,AMD和CMD用在浏览器环境AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。AMD:提前执行(异步加载:依赖先执行)+延迟执行CMD: ...
分类:
Web程序 时间:
2017-08-02 00:41:02
阅读次数:
245
第三百三十七节,web爬虫讲解2—PhantomJS虚拟浏览器+ PhantomJS虚拟浏览器 phantomjs 是一个基于js的webkit内核无头浏览器 也就是没有显示界面的浏览器,利用这个软件,可以获取到网址js加载的任何信息,也就是可以获取浏览器异步加载的信息 下载网址:http://ph ...
分类:
Web程序 时间:
2017-08-02 00:37:25
阅读次数:
186