webpack代码分割和懒加载 实现方式：1.webpack methodsrequire.ensure（['']， callback，chunkName）// []路径可省略 // var _ = require('lodash') 必须require.ensure(['lodash'], function() { var _ = require('lodash')}, 'vendor')...
CommonsChunkPlugin多入口提取公共代码 webpack提取公共代码的作用：减少代码冗余提高加载速度 如下图：分别有A,B,C 3个模块，当加载图一时需要需要同时加载A和C模块，加载图二时，需要同时加载B,C模块 ，而图3先将C提取出来，这样加载页面时，会减少重复加载和代码量CommonsChunkPlugin相关介绍：1.配置{ plugins: [ new we...
webpack学习2 webpack核心概念Entry Output Loaders Plugins一.Entry代码的入口打包的入口单个或多个二.output打包成的文件(bundle) 一个或多个 自定义规则三.loaders处理文件 转化为模块 常用loader 编译相关： babel-loader ts-loader 样式...
webpack学习1 一.webapck相关文档地址1.webpack版本releasehttps://github.com/webpack/webpack/releases 2.webapck中文文档https://webpack.docschina.org/concepts/二.大版本变化webpack v1.0.0 – 2014.2.20webpack v2.2.0 – 2017.1....
H5通过流的方式预览PDF文件实践总结： 前言：最近领导让研究H5如何通过后端返回流的方式去预览PDF文件，通过实践，现总结如下：一.导入插件pdf.js，先去官网下载插件： http://mozilla.github.io/pdf.js/getting_started/#download，插件目录如下图： 当下载下来后，为做测试，将目录文件直接部署在线服务器，去直接访问viewer.html看是否能成功，输入地址： ...
webpack4.0报错The 'mode' option has not been set, webpack will fallback to 'production' for thisvalue. 升级webpack4.0后，打包报如下错误：WARNING in configurationThe 'mode' option has not been set, webpack will fallback to 'production' for thisvalue. Set 'mode' option to 'development' or 'production' to enable d...
js 获取每月有几周，当前时间在当月第几周，今天周几等方法 因产品需要展示相关时间，现总结如下方法：以供日后参考：获取每月有几周 // year:年 month:月 day:日 getWeeks(year, month, day) { const d = new Date() // 该月第一天 d.setFullYear(2018, 6, 1) let w1 = d.getDay() if (w1 ...
内存空间详解 注：本文只作为学习和参考，如有疑问，欢迎大家指出，共同交流学习，谢谢！前言因为JavaScript具有自动垃圾回收机制，所以对于前端开发来说，内存空间并不是一个经常被提及的概念，很容易被大家忽视。特别是很多不是计算机专业的朋友在进入到前端之后，会对内存空间的认知比较模糊，甚至有些人干脆就是一无所知。当然也包括我自己。在很长一段时间里认为内存空间的概念在JS的学习中并不是那么重要。可是后...
浅析前端页面渲染机制 前言作为一个前端开发人员，浏览器渲染机制是个老生常谈的问题，为了日后参考回顾，于是写下该文，如有遗漏或者错误，欢迎留言指出！主流浏览器介绍市面上主流浏览器：Chrome，FireFox，Safari，IE浏览器使用内核也是有差别的，大致可以分为以下几类：Trident内核： IE Webkit内核：Chrome,Safari Gecko内核：FireFox...
async/await学习总结 译者按: Node.js的异步编程方式有效提高了应用性能；然而回调地狱却让人望而生畏，Promise让我们告别回调函数，写出更优雅的异步代码；在实践过程中，却发现Promise并不完美；技术进步是无止境的，这时，我们有了Async/Await。async/await简介:1.Node.js 7.6已经支持async/await了 2.async/await是写异步代码的新方式，以前的...
node.js基础 一.node和JavaScript的异同相同点：1.ECMAScript 2.语法3.内置对象，方法不同点：JS中的顶层对象：windownode顶层对象：global// 一个文件就是一个模块// 每个模块都有自己的作用域// 使用var来申明的一个变量，他并不是全局的，而是属于当前模块下的var a = 100console.log(a) // 100gl...
Charles获取https数据相关配置 1.. 配置 Charles 根证书操作如下： 之后会弹出钥匙串，如果不弹出，请自行打开钥匙串，如下图： 系统默认是不信任 Charles 的证书的，此时对证书右键，在弹出的下拉菜单中选择『显示简介』，点击使用此证书时，把使用系统默认改为始终信任，如下图： 最后Charles就安装证书了！2. 在移动设备上配置证书打开手机的浏览器，输入 charlesp...
js基本数据类型和引用数据类型的区别 1、基本数据类型和引用数据类型 ECMAScript包括两个不同类型的值：基本数据类型和引用数据类型。 基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。 当我们把变量赋值给一个变量时，解析器首先要确认的就是这个值是基本类型值还是引用类型值。2、常见的基本数据类型： Number、String 、Boolean、Null和Undefined。基本
vscode常用插件 一.常用插件vscode-icons 图标美化 Debugger for Chrome 调试 Beautify 代码格式化 Prettier 代码格式化（修复vetur插件自带问题） ESLint 代码规范 JavaScript (ES6) code snippets javascript 语法提示 vetur vue必备 VueHelper vue 及相关技术栈语法提...
vue过渡动画效果学习总结 一.过渡动效1.提供了transition的封装组件，添加过渡动画2.添加删除css类名二.过渡的css类名v-enter:定义进入过渡的开始状态v-enter-active：定义进入活动状态，比如设置时间等v-enter-to:定义进入的结束状态v-leave:定义离开过渡的开始状态v-leave-active:定义离开活动状态v-leave-to:定义离开的结束
vue-router学习总结 一.vue-router作用：通过管理url,实现url和组件的对应和通过Url进行组件之间的切换二.hash和history模式1.默认情况下使用hash模式，即#/path2.history模式： mode: 'history', // router实例里面添加该属性 // 配合router-link使用,to目标path 三.router
vue的理解 一.vue是什么？构建用户界面的渐进式框架，只关注视图层(view)二.vue中的2个核心点1.响应的数据绑定当数据发生改变 => 自动更新视图利用Object.defindeProperty中的setter/getter代理数据，监听对数据的操作（Object.defindeProperty() 方法IE8不兼容，即可通过该方法判断游览器是否兼容）2.组合的视图组件 UI页面映射为组件
vuex、辅助函数、Modules总结（附Demo） 一.Vuex概念专为vue.js应用程序开发的状态管理模式,采用集中式存储管理应用的所有组件的状态，以相应的规则保证状态以一种可预测的方式发生变化二.状态组件内部状态：仅在一个组件内使用的状态.应用级别状态:多个组件公用的状态三.什么情况下使用Vuex1.多个视图依赖于同一状态（特指依赖多层嵌套组件的某一状态）2.来自不同视图的行为需要变更同一状态四.Vuex核心概念store:类似容器，
闭包总结 一.概念闭包是指在函数声明时的作用域以外的地方调用函数二.使用场景1.作为函数作为返回值function fn() { var max = 10; return function bar(x) { if(x > max) { console.log(x); } } } var f1 = fn();
css基础知识 一.CSS引入方式1.行间样式 2.内部样式 3.外联样式二.border属性相关border: 1px soild red ; 分别对应粗细 样式 颜色 border方向：top right bottom left border形状：非矩形(随着容器的大小而变化，可能是三角形，可能是梯形) demo:使用border实现网页常见下标图案样式:div{
关注
