webpack优化方案 1. 优化开发体验 1-1. 加快构建速度 ① 缩小文件搜索范围 由于 Loader 对文件的转换操作很耗时，需要让尽可能少的文件被 Loader 处理，用include和exclude去缩小； resolve.modules用于配置 Webpack 去哪些目录下寻找第三方模块：[path.resolve(__dirn...

2018-06-24 01:50:24

前面的话 某些情况下需要在典型数据流外强制修改子代。要修改的子代可以是 React 组件实例，也可以是 DOM 元素。这时就要用到refs来操作DOM 使用场景 下面是几个适合使用 refs 的情况 1、处理焦点、文本选择或媒体控制 2、触发强制动画 3、集成第三方 DOM 库 如果可以...

2018-06-24 01:50:41

业务场景：当鼠标移入某元素时，显示提示框进行介绍。当鼠标移除时，会自动消失。引入ToolTip.js和ToolTip.css 主方法： ToolTip. show（需要提示的元素id, 随意不重复即可, 要提示的html文本, 宽（ 可不指定 ）, 高（可不指定）） ; ToolTip. show（obj, id, html, wi...

2018-06-24 01:50:40

1.效果 2.源码 % @ page contentType = " text/html;charset=UTF-8 " language = " java " % html head style type ="text/css" #myDiv { display : inline-block ; width : 500px ; height : 300px ; background-color : rgba(0,0,0,0.3) ; color : hsla(0,100%,70%,1...

2018-06-24 01:50:36

js中有六大数据类型，包括五种基本数据类型number、boolean、null、undefiined、string和混合数据类型object 我们可以用typeof操作符来检测变量的数据类型（输出的是一个关于数据类型的字符串） 1 var a=1 ; 2 console.log( typeof a); // number 3 var b="hello" ; 4...

2018-06-24 01:50:31

直接使用 Vue 构建前端单页面应用，页面源码时只有简单的几行 html，这并不利于网站的 SEO，这时候就需要服务端渲染 2016 年 10 月 25 日，zeit.co 背后的团队对外发布了一个 React 的服务端渲染应用框架 Next.js 几小时后，一个基于 Vue.js 的服务端渲染应用框架应运...

2018-06-24 01:50:13

一、绑定class的几种方式 1.对象语法 直接看例子： div id ="app3" div :class ="{'success':isSuccess,'fail':isFail}" 对象绑定class / div //简单的处理直接使用数据来判断 div :class ="classes" 计算属性绑定class / div //当class的表达式过长或逻辑复杂时，使用...

2018-06-24 01:50:29

大致问题，由于百度地图点聚合在超过1000个点的时候会出现稍许卡顿，而超过5000之后明显卡坤甚至浏览器崩溃的情况，所以需要修改百度地图外链引入的MarkerClusterer_min.js文件。 以下为修改后的文件内容 1 /* * 2 * @fileoverview MarkerClusterer标记聚合器用来解决...

2018-06-24 01:50:23

最近想用LayaBox做个小游戏，然而Laya本身不自带构建工具。然后觉得写模块化的东西还是用webpack好使，用es6的语法也比较清晰。 于是就装了webpack，只用babel-loader来编译用es6写的代码。配置文件如下： const webpack = require('webpack' );module.exports = { ent...

2018-06-24 01:50:21

1、使右键和复制失效 方法1： 在网页中加入以下代码： 复制代码 代码如下: script language="Javascript" document.oncontextmenu=new Function("event.returnValue=false"); document.onselectstart=new Function("event.returnValue=false"); /script 方法2： 在body...

2018-06-24 01:50:20