首先说下自己遇到的坑，搞了半天。 开始使用过的node版本是6.3.0，配置完毕运行打包命令一直报错，后来，删除了node_modules node使用8.9.0版本,运行npm i 才可以。 一、config/目录中复制 prod.env.js 修改为test.env.js {代码...} 二、prod.env.js 修改 {代码...} 三、dev.env.js {代码...} 四、config/index.js文件修...

1、下载安装必须插件 {代码...} 2、引入html内容 {代码...} 注意如果想看upload详细讲解可以看我上一片文章：[链接] 3、首先配置工具栏显示图标 {代码...} 4、这里的其他图标都是系统给的，只有“size”字体选择下拉框，是我自己配置的，因为默认只有三种字体大小，我们需要扩展,在Quill上注册字体： {代码...} 5、使用配...

vuex是vue的状态管理器，但是他就好像是一个全局变量，界面刷新的时候state就会回到初始定义的状态，这是我们不想看到的，我们可以将他存储到localStorage或者使用插件来实现。一、安装插件

使用场景，本地创建的项目想复制到其他文件夹下面使用。切记vue创建的项目中有好多配置文件是隐藏文件，需要复制所有文件，如果这些隐藏文件没有复制，那么运行的时候肯定会报错。

一、配置路由器的时候添加如下项 meta {代码...} 二、在main.js中写全局路由钩子 {代码...} 这样就可以在路由跳转的时候修改响应界面的title值了。

一、定义变量 {代码...} 二、简单的计算 加减乘除 {代码...} 三、选择器嵌套 {代码...} 四、继承样式 @extend {代码...} 五、@mixin @include 使用，强大之处在于可以传递参数 {代码...} 六、导入外部scss、css @import {代码...} 七、高级用法，循环语句和自定义函数的使用 {代码...}

一、安装插件 {代码...} 二、在需要排序的界面中引入组件 {代码...} 三、在模板中使用 {代码...} 四、实现change、start、end、move方法，v-model绑定的数据就是排序后的数据，可以传递给后台修改数据库数据 {代码...} 五、完整代码，参考网址 {代码...} [链接]

1、vue2使用 vue-cli安装的项目 config目录下面都有 dev.env.js/test.env.js/prod.env.js文件，做相应的修改，添加API_ROOT

mapState mapMutations mapActions vuex在表单中的使用 因为vuex state定义的变量只能在 mutations中修改，所以表单中的v-model绑定就会有问题，解决方案 {代码...} store/index.js文件 {代码...} 使用 mapState mapMutations mapActions {代码...}

1、如果显示和方法中使用的时候类型切换<input v-model="type" />这里的type初始化的时候是数组['语文', '数学', '英语']，但是input中双向绑定只支持数字和字符串基本数据类型，所以这里就需要在数组和字符串直接切换

实现效果图1、这里使用的是element-ui框架显示的loading，当然使用方法大同小异您可以使用其他框架或者自己写样式。 main.js引入element-ui框架 {代码...} 2、main.js中配置拦截器 {代码...} 配置参数 {代码...}

1、项目中的图标使用的是element-ui框架中的图标，如果需要引入可以看我写的上一篇文章。2、首先配置路由我初始化项目的时候初始化了路由，所以打开router/index.js文件进行修改配置

注意：在初始化项目的时候，必须使用css对浏览器进行初始化，要不然会遇到很多问题，我之前遇到的坑和大家分享，避免浪费大家时间我项目中使用flex布局，发现flex: 1无效，最后找到原因就是html，body，#app高度没有设置，最后初始化100%；就好了。虽然是个小问题，但是会浪费开发时间。

2、配置 webpack.base.conf.js找到webpack.base.conf.js文件的module模块下面的rules添加以下代码

1、安装 {代码...} 2、导入模块 {代码...} 3、html文件中引入 {代码...} 4、数据 {代码...}

PanResponder类可以将多点触摸操作协调成一个手势。它使得一个单点触摸可以接受更多的触摸操作，也可以用于识别简单的多点触摸手势。官方地址：[链接]

效果如图： 使用的是react-native-slider插件 1、安装 {代码...} 2、具体参数查阅git文档 {代码...} 3、我们主要讲怎么实现背景图片功能和拖动显示具体值 {代码...} 这两个参数可以使滑块的轨道透明，那么我们只需要给滑块设置一个背景图片就可以了 {代码...} 使用ImageBackground标签包裹 Slider标签添加背景图片最后修...

javascript 判断数据类型的几种方法一、typeof 直接返回数据类型字段，但是无法判断数组、null、对象 {代码...} 其中 null, [], {}都返回 "object" 二、instanceof 判断某个实例是不是属于原型 {代码...} 三、使用 Object.prototype.toString.call()判断 call()方法可以改变this的指向，那么把Object.prototype.toString...

JavaScript面向对象JavaScript 语言使用构造函数（constructor）作为对象的模板。所谓”构造函数”，就是专门用来生成实例对象的函数。它就是对象的模板，描述实例对象的基本结构。一个构造函数，可以生成多个实例对象，这些实例对象都有相同的结构

注意：ES6中继承的子类中，如果使用构造函数constructor()那么就必须使用 super()方法初始化，这样下面才可以调用this关键字。super()只能用在子类的构造函数之中，用在其他地方就会报错。

1、先从简单的开始，大家都知道sort()函数比较的是ASCII码的大小，而且而且而且：Array的sort()方法默认把所有元素先转换为String再排序，所以就有以下问题。

ES6中 export 和 export default 与 import使用的区别，使用 react native 代码详解 一、使用export 和 import 1、export 定义导出一个子组件 Greeting {代码...} 2、在父组件中导入子组件 {代码...} import命令接受一对大括号，里面指定要从其他模块导入的变量名。大括号里面的变量名，必须与被导入模块（greeting.js）...

导入store的两种办法1、 {代码...} 在angular.cli的script标签中添加 {代码...} 在需要的地方直接引入 import store from store; 2、在index.html文件中<script> {代码...} 定义全局变量就可以使用了 {代码...}

问题描述：如果搜索到的wifi是中文名称，那么就会显示特殊字符比如（甿ªç”Ÿè迪），乱码的问题。 这里需要使用 escape方法对特殊字符编码，然后使用 decodeURIComponent解码具体代码如下 创建一个管道，在需要的地方使用即可。 {代码...}

插件地址[链接]配置参数参考：[链接]首先根据插件教程安装和在module中配置插件。拖动效果图 1、使用组件模式 html文件 {代码...} ts文件 {代码...} 2、使用服务index.html中引入一下文件 {代码...} 注意：再ionic中如果把css卸载单独的界面中，拖动的时候会失去样式，所以把样式文件引入到index.html中 my_dragula.css ...

1、封装组建 注意svg的属性 需要转换 [attr.cx] == cx circle.component.html {代码...} circle.component.ts {代码...} circle.component.scss {代码...} 父组件中使用 home.html {代码...} home.ts {代码...}

通过h5 canvas实现颜色选择器封装颜色选择器组件 color-picker A、color-picker.component.html {代码...} B、color-picker.component.ts {代码...} C、在父组件中使用 html文件 {代码...} D、父组件中使用 .ts文件中 {代码...} 参考文章：[链接] 参考demoe: [链接]

一、全局引入文件1、先定义共用组件 common.vue {代码...} 2、在需要使用的地方导入 {代码...} 3、使用 {代码...} 二、main.js中引入全局变量和方法1、定义共用组件同上2、main.js中引入并复制给vue {代码...} 3、使用 {代码...} 三、定义common.js文件，直接在main.js中引入，直接使用1、common.js 这里注意 Vue.http ...

注意1：事件总线是处理同一路由下复杂的父子关系组件的，如果跨路由是有问题的，因为监听的界面肯定还没有加载，所以这一点要记清楚了。注意2：为了防止$on监听界面还没有加载完毕可以使用在$emit外面包一层$nextTick等待组件都加载完毕，下面例子会讲解注意3：经常会出现重复监听的问题，是因为没有关闭监听，随意在今...

1、安装路由，因为路由是vue的一个插件。 {代码...} 2、在main.js中引入路由 {代码...} 3、在main.js中配置路由 {代码...} 4、很明显main.js中要引入喝多第三方插件，这样在main.js中配置路由是不合理的，所以需要在src目录中创建，config目录，里面创建routes.js路由文件 router.js 代码 {代码...} 5、路由与导航router...