半夏微澜ぺ - 博客园

2020年6月18日

摘要： js代码是单线程的，同一时间不可能同时运行两个js代码，js中的异步不是js的异步而是浏览器的异步。一些i/o操作定时器额计时和事件监听等都是由浏览器提供的其他线程来完成的。执行过程： 1 所有的同步任务都在主线程上执行，形成一个执行栈。 2 主线程之外，还存在一个‘任务队列’，只要异步任务有了阅读全文

posted @ 2020-06-18 15:49 半夏微澜ぺ阅读(373) 评论(0) 推荐(0)

2020年6月3日

vue key Diff算法中央bus实现平行组件之间的传值路由的重定向和别名 vuecli2与vuecli3 RESTFul vue自定义插件

摘要： v-for key v-for循环需要添加key属性，唯一标识，这样重新渲染的速度比较快；key的作用==》虚拟DOM的Diff算法主要作用是快速更新虚拟dom树 lodash javascript使用工具库中央bus实现平行组件之间的传值 $emit与$on进行组件之间的传值；注意$emit和阅读全文

posted @ 2020-06-03 16:08 半夏微澜ぺ阅读(289) 评论(0) 推荐(0)

2020年6月2日

手动搭建vue-cli时，出现的错误

摘要： webpack打包模块的源码执行顺序 1 把所有的模块代码放入函数中，用一个数组保存起来2 根据require时传入的数组索引，能知道需要哪一段代码3 从数组中，根据索引取出包含我们代码的函数4 执行该函数，传入一个对象 module.exports5 我们的代码，按照约定，正好是用module. 阅读全文

posted @ 2020-06-02 16:24 半夏微澜ぺ阅读(663) 评论(0) 推荐(0)

2020年5月29日

axios 基础知识点总结

摘要：介绍 ajax 是封装 XMLHttpRequestsaxios 是基于ES6 Promise,也是从浏览器创建XMLHttpRequest，可以用在浏览器和nodejs中特征从浏览器创建XMLHttpRequest //get post put patch 从node创建http请求拦截请求阅读全文

posted @ 2020-05-29 16:44 半夏微澜ぺ阅读(831) 评论(0) 推荐(0)

2020年5月28日

vue-router 基础知识点总结

摘要：功能 vue-router实现vue的单页面应用，vue的官方路由器，与vue核心深度集成，使vue构建单页面程序变得轻而易举嵌套路由/视图映射模块化，基于组件的路由器配置路由参数，查询，通配符查看由vue过渡系统提供动力的过渡效果细粒度的导航控制与自动活动css类的链接HTML5历史纪录模式或哈阅读全文

posted @ 2020-05-28 16:56 半夏微澜ぺ阅读(611) 评论(0) 推荐(0)

vue 基础知识总结

摘要： vue于jquery的区别 jquery主要时操作dom vue 主要是操作数据是一个渐进式前端框架，vue中渲染dom用到了diff算法，渲染dom要比原生js快 vue参数 Vue是一个构造函数，需要传入options el 挂载根元素 template 模板字符串,有template直接渲染阅读全文

posted @ 2020-05-28 10:40 半夏微澜ぺ阅读(1024) 评论(0) 推荐(0)

2020年5月26日

webpack 拷贝插件copy-webpack-plugin

摘要：将单个文件或整个目录复制到构建目录安装 npm install copy-webpack-plugin --save-dev const CopyPlugin = require('copy-webpack-plugin'); module.exports = { plugins: [ new C 阅读全文

posted @ 2020-05-26 16:52 半夏微澜ぺ阅读(17705) 评论(0) 推荐(1)

webpack-dev-server

摘要： webpack-dev-server是webpack官方提供的一个小型Express服务器。使用它可以为webpack打包生成的资源文件提供web服务，主要提供两个功能： 1 为静态文件提供服务 2 自动刷新和热更新（HMR）安装 npm install webpack-dev-server -- 阅读全文

posted @ 2020-05-26 16:22 半夏微澜ぺ阅读(310) 评论(0) 推荐(0)

clean-webpack-plugin 打包删除无用的文件

摘要： clean-webpack-plugin用于删除/清除构建文件夹默认情况下，此插件将output.path 在每次成功构建后删除webpack目录中的所有文件以及所有未使用的webpack资产 npm install clean-webpack-plugin --save-dev demo con 阅读全文

posted @ 2020-05-26 15:54 半夏微澜ぺ阅读(1346) 评论(0) 推荐(0)

extract-text-webpack-plugin 实现webpack打包分离css

摘要： webpack的打包机制，webpack本来只能打包处理js文件，但是通过强大的loader之后，可以打包处理各种类型的文件，默认都打包到一个bundle.js里面了。为了把css从js中抽离处理就用到了extract-text-webpack-plugin 用法： npm install ext 阅读全文

posted @ 2020-05-26 15:23 半夏微澜ぺ阅读(959) 评论(0) 推荐(0)