• .17-浅析webpack源码之compile流程-入口函数run

    本节流程如图: 现在正式进入打包流程,起步方法为run: Compiler.prototype.run = (callback) = { const startTime = Date.now(); const onCompiled = (err, compilation) = { /**/ }; this .applyPluginsAsync("before-run", this , err = { if (err) return callbac...

    2018-06-24 01:08:20

  • angular升级指南

    废话少说 上链接 angular 升级指南...

    2018-06-24 01:08:18

  • js、jquery实现列表模糊搜索功能

    模糊搜索功能在工作中应用广泛,并且很实用,自己写了一个方法,以后用到的时候可以直接拿来用了! 实现的搜索功能: 1. 可以匹配输入的字符串找出列表中匹配的项,列表框的高度跟随搜索出的列表项的多少改变 2. 可以点击某一项进行选中列表项 3. 可以按下上、下、回车...

    2018-06-24 01:08:15

  • !function

    例如: !function(){alert('ok')}(); 常见格式:(function() { /* code */ })(); //也等同于此 匿名函数 解释:包围函数(function(){})的第一对括号向脚本返回未命名的函数,随后一对空括号立即执行返回的未命名函数,括号内为匿名函数的参数。 作用:可以用它创建命...

    2018-06-24 01:07:52

  • .19-浅析webpack源码之compile流程-rules参数处理(2)

    第一步处理rule为字符串,直接返回一个包装类,很简单看注释就好了。 test/include/exclude 然后处理test、include、exclude,如下: if (rule.test || rule.include || rule.exclude) { // 标记使用参数 checkResourceSource("test + include + exclude" ); // 没有就...

    2018-06-24 01:08:01

  • Webpack框架知识整理——Loader

    4.Loader 4.1 loader 用于对模块的源代码进行转换,使你在 import 或"加载"模块时预处理文件: 1可以将文件从不同的语言(如 TypeScript)转换为 JavaScript语言; 2 或将内联图像转换为 data URL。 因此,loader 可以说是向我们提供了处理前端构建步骤的强大方法。 其次...

    2018-06-24 01:08:09

  • window.onload和JQuery中$(function(){})的区别即其实

    一、区别 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 在Jquery中$(function(){ })和$(document).ready(function(){ })的效果是一样,是在DOM树加载完成之后(DOM树加载完不代表全部资源加载完,例如图片,音频和视频等还没加载)就会执行。所...

    2018-06-24 01:08:04

  • Vue 过滤器filters

    1、示例代码 采用vue单文件组件,使用 moment插件 格式化日期 template div h1{{date | dateFormat}}/h1 /div/templatescript import moment from 'moment' ; import 'moment/locale/zh-cn' ; moment.locale( 'zh-cn' ); export default { data() { return { date: new...

    2018-06-24 01:08:01

  • ajax本地跨域问题

    报错内容 : 04-response.html:48 Failed to load file:///C:/Soft/directory/AppServ/www/04.php: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https. 原因分析 : 通过file协议浏览http时,发送的ajax请求...

    2018-06-24 01:07:59

  • .18-浅析webpack源码之compile流程-rules参数处理(1)

    Tips:写到这里,需要对当初的规则进行修改。在必要的地方,会在webpack.config.js中设置特殊的参数来跑源码,例如本例会使用module:{rules:[...]}来测试,基本上测试参数均取自于vue脚手架(太复杂的删掉)。 下面两节的主要流程图如下: 在进入compile方法后,迎面而来...

    2018-06-24 01:07:57

2