09 2018 档案
摘要：代码源自于：微信小程序示例官方 index.wxml index.css index.js 点击下载源码：示例-小程序展开收缩列表
阅读全文
摘要：更新日期：2018-11-5 微信bug： 在for循环中使用组件时，遮罩层成黑层. 更新时间 2018-9-30 2018-9-30 1.在电脑上调试input超出输入框范围会出现文字模糊以及位移现象（手机端不影响） index.wxml 导入模板和引入模板所在的数据 引入模板数据 ... res
阅读全文
摘要：1 /** 2 * 描述：数组元素合并 3 * 使用：arr1.concat(arr2) 4 * 参数：arr1.concat(arr2,arr3,arr...) 5 * 说明： 6 * 该concat方法创建一个新数组，该数组由调用它的对象中的元素组成，依次为每个参数，该参数的元素（如果参数是数组）或参数本身（如果参数是不是一个数组）。 7 * ...
阅读全文
摘要：1 /** 2 * 描述：也就是数组元素反转 3 * 使用：arr.reverse() 4 */ 5 var a = [1,2,3]; 6 console.log(a.reverse()); 1 /** 2 * 一个经典的问题：如何反转字符串 或者说 如何反转数组再转字符串 3 */ 4 function reverseStr(any) { 5 return an...
阅读全文
摘要：导航目录 /** * javascript - array * * ES5: * join() * push() * pop() * shift() * unshift() * sort() * reverse() * concat * slice * indexOf() * lastIndexOf
阅读全文
摘要：1 /** 2 * 描述：该sort()方法对数组中的元素进行排序并返回该数组,默认排序顺序是根据字符串Unicode代码点。 3 * 语法：arr .sort([compareFunction]) 4 * 参数： 5 * 指定定义排序顺序的函数。如果省略，则根据每个元素的字符串转换，根据每个字符的Unicode代码点值对数组进行排序。 6 * 如果co...
阅读全文
摘要：1 /** 2 * 描述：该unshift()方法从数组中添加单个或多个元素,并且返回长度 3 * 语法：arr.unshift(element1 [，... [，elementN ]]) 4 * 参数：要添加到数组前面的元素。 5 * 返回：length调用该方法的对象的新属性,该unshift方法将给定值插入到类数组对象的开头。。 6 */ 7 var a = [1,...
阅读全文
摘要：1 /** 2 * 描述：该shift()方法从数组中删除第一个元素并返回已删除的元素。此方法更改数组的长度。 3 * 语法：arr.shift() 4 * 返回：该shift方法删除零点索引处的元素并将连续索引处的值向下移动，然后返回已删除的值。如果length属性为0，undefined则返回。 5 */ 6 var a = [1, 2, 5, 7, 10]; 7 var b = a...
阅读全文
摘要：1 /** 2 * 描述：该pop()方法从数组中删除最后一个元素并返回该元素。此方法更改数组的长度。 3 * 语法：arr.pop() 4 * 返回：从数组删除元素，如果为undefined则返回空该,pop方法从数组中删除最后一个元素，并将该值返回给调用者。 5 */ 6 7 8 var a = [1, 2, 5, 7, 10]; 9 10 var b = a...
阅读全文
摘要：1 /** 2 * 参数：arr.push(element1, ..., elementN) 3 * 作用：被添加到数组末尾的元素。 4 * 当调用该方法时，新的 length 属性值将被返回。 5 * 描述：push 方法有意具有通用性。 6 * 该方法和 call() 或 apply() 一起使用时，可应用在类似数组的对象上。 7 * push 方法根据 len...
阅读全文
摘要：1 /** 2 * join描述：将数组（或类数组对象）的所有元素连接到一个字符串中并返回此字符串。 3 * join语法：arr .join([ separator]) 4 * join参数：指定用于分隔数组的每对相邻元素的字符串。如有必要，分隔符将转换为字符串。如果separator是空字符串，则连接所有元素，它们之间没有任何字符。 5 * 返回值：连接所有数组元素的字符串。如果...
阅读全文
摘要：function.length：接收到函数体外的参数计算长度 arguments：接收到函数体内的参数计算长度
阅读全文
摘要：单独的简单介绍，后续再补上一些资料. 对象转换为数组. ES6写法：
阅读全文
摘要：return 使用,建议使用vsCode编译器.
阅读全文
摘要：= 、==、 、!=、!==、&&、||、!
阅读全文
摘要：1. sort是排序根据字符的ASCIll码排序的,不分字符串或其它元素（仅适用于数组） 2. split是将字符串转为数组形式 3. join是将数组转为字符串形式 4. indexOf找到元素后返回下标位置,否则返回-1
阅读全文
摘要：自定义一个swiper轮播. index index.wxml components文件夹中的swiper_banner/index index.json 导入路径为上两层的components文件夹中的swiper_banner/index components/swiper_banner/ind
阅读全文
摘要：演示如下，使用时，你也许会配合它：腾讯地图路线规划 wxml: wxss: js
阅读全文
摘要：演示 适用于以下浏览器：Chrome、Safari 1.控制黑三角通过以下伪元素做到 2. 控制黑三角也是以下元素的图标 base64图片再次减少体积：https://www.cnblogs.com/cisum/p/7754910.html
阅读全文
摘要：1 Page({ 2 3 /** 4 * 页面的初始数据 5 */ 6 data: { 7 8 }, 9 10 /** 11 * 生命周期函数--监听页面加载 12 */ 13 onLoad: function(options) { 14 let _page = this; 15 16 let config =...
阅读全文
摘要：转载自：http://blog.csdn.net/column/details/13721.html 演示： 下载：小程序-星级评论.zip
阅读全文
摘要：更新： 2018-9-19 腾讯官方经纬度转详细地址，详细地址转经纬度 index.wxml index.wxss index.js 示例下载：点击下载
阅读全文
摘要：打包命令： npm：npm run build yarn：yarn run build 路径：/config/index.js 是否产生map文件，置为false.
阅读全文
摘要：1. 先安装axios 1.1 npm安装：npm i -D axios 1.2 yarn 安装：yarn add axios --dev 2. 配置main.js，在src目录下. 3. 使用
阅读全文
摘要：sass to css：https://www.sassmeister.com/ css to sass：http://css2sass.herokuapp.com/
阅读全文
摘要：建议使用Chrome浏览器. 1.第一步，安装扩展以及配置 2.第二步，使用（记得按一下↓）
阅读全文
摘要：结构目录 1. 页面传值（不同之间的页面传值） 1.1 index.js配置 源码： 1 // 引入vue框架 2 import Vue from 'vue' 3 // 引入vue-router路由依赖 4 import Router from 'vue-router' 5 // Home 6 im
阅读全文
摘要：描述：子路由，也叫路由嵌套，采用在children后跟路由数组来实现，数组里和其他配置路由基本相同，需要配置path和component，然后在相应部分添加<router-view/>来展现子页面信息，相当于嵌入iframe。 Home.vue One.vue /Two.vue index.js
阅读全文
摘要：HTML：a 小程序：navigator Vue：router-link 1. router-link => a标签 2. javascript标签跳转页面 2.1 2.2 3. 常用方法之跳上一页/下一页 3.1 3.2
阅读全文
摘要：1. 路由可配置多个 2. 路由包含嵌套子路由 3. 路由可以别名 4. 路由单独钩子 5. vue2.6.0（可以直接匹配大小写）
阅读全文
摘要：官方API：https://router.vuejs.org/zh/guide/#javascript vue-cli for index.js vue-cli for main.js
阅读全文
摘要：1. 添加less、sass处理 1.1如果是sass，首先在当前目录安装处理插件（sass）： 1.2如果是less，首先在当前目录安装处理插件（less） 2.其次打开webpack.base.conf.js 3.在所需要sass或less处理的文件填写对应的css处理加载即可
阅读全文
摘要：描述：插槽，也就是slot，是组件的一块HTML模板，一个slot最核心的两个问题是显示不显示和怎样显示 插槽分类： 1.1 单个插槽（单个插槽，别名默认插槽、匿名插槽，不用设置name属性） 1.2 具名slot（插槽加了name属性，就变成了具名插槽。具名插槽可以在一个组件中出现N次，出现在不同
阅读全文
摘要：1. 选项模板 2. template模板 3. script标签模板
阅读全文
摘要：1. 全局组件 2. 局部组件 3. 常规属性传值（props属性传值） 4. v-bind传值 4.1 属性取值 4.2 在构造器向组件传值（v-bind） 5. 父子组件调用 5.1 父组件 5.2 子组件 6. 组件注册 官方文档：https://cn.vuejs.org/v2/guide/c
阅读全文
摘要：1.v-test绑定的是bgcolor var app = new Vue({ el: '#app', data: { num: 123, color: 'red', age: 12, bgcolor:'#f00' } }) var app = new Vue({ el: '#app', data:
阅读全文
摘要：单独测试的时候，发现安装不了node_modules包 缺少package.json，无法安装. 分为以下两步： 1.npm init -y 2.npm i -D vue 或 yarn add vue
阅读全文
摘要：1.$on（在构造器外部添加事件） 2.$once（执行一次的事件） 3.$off（关闭事件） 4.$emit（事件调用）
阅读全文
摘要：1.计算属性（computed）：主要是对原数据进行改造输出。改造输出：包括格式化数据（价格，日期），大小写转换，排序，添加符号 2.methods（methods）：用于绑定html中的事件对应的方法 3.数据变化监听器（watch）：主要用于监测data中的数据变化，让v-model生效 4.过
阅读全文
摘要：图例 官网vue生命周期钩子. 生命周期 说明 生命周期钩子示例代码 在chrome浏览器里打开，F12看console查看，分三个阶段解读： 阶段一：创建和挂载 beforecreated：el 和 data 并未初始化 created：完成了 data 数据的初始化，el没有 beforeMou
阅读全文
摘要：1.v-pre，不和绑定的数据冲突，也就是不用它们的值 2.v-cloak，和css样式一起用，vue渲染未完成不显示 3.v-once，只渲染DOM第一次渲染的值，以后不会改变了(你不要刷新网页，然后说我骗你啊！ 伤不起)
阅读全文
摘要：1. 用于处理html标签的动态属性，即动态赋值（动态地绑定一个或多个特性，或一个组件 prop 到表达式） 2. 官网API 不知道你有没有做过这样的事情：
阅读全文
摘要：1. v-model：监听表单（input,textarea,selector）value. 2. label不知道你有没有这样的体验，我明明没有点用户名输入框，而仅仅是点了“用户名”三个字，然后就直接到了用户名的输入框聚焦. 3. label和label for 有什么关系吗? label包括起来
阅读全文
摘要：1. v-on绑定：on:click点击事件，再触发方法里面的add()或del() 2. 详情查看官方文档：https://cn.vuejs.org/v2/api/#v-on
阅读全文
摘要：1.官方有了{{data}}绑定数据了，为啥还要v-text 因为网络问题,可以我们会卡到看“{{}}”,很尴尬吧！！！ => 因此推荐用v-text 2. v-html是啥? 能吃吗 , v-html和innerHTML一样.
阅读全文
摘要：1. 遍历对象时,参数： 第一个为值，第二个为键名，第三个为索引
阅读全文
摘要：注释上，也很清楚了哈. 1. item是循环名字,items是循环的数组
阅读全文
摘要：1.与小程序不同之处一，小程序无论变量还是常亮都可以用双向绑定来解决{{}},而vue一旦双(单)引号包起来以后就失效了. 2.注意一点，切记双引号注意不要混淆哈，这里是一排双引号包单引号，那里是一排单引号包双引号 3.注意 = 、== 、 、 !=、 !==的区别. 4.频繁切换就不要用v-if了
阅读全文
摘要：1.cdn概念：cdn全称内容分发网络,也是加速服务之一. 2.数据绑定：{{data}} 3.el属性(挂载对象):el:标签任意(例如：#app,.app,app) 4.data:{} => 小程序的data：存放数据. 5.如果使用cdn，建议采用require.js，否则建议vue.js本地
阅读全文
摘要：描述：包管理信息（npm || yarn） npm 和 yarn 站在了对立面. 不过我还是首推 yarn.
阅读全文
摘要：描述：通过App.vue绑定#App元素（进行展示）.div#id中间写入任何内容都会失效.
阅读全文
摘要：描述：添加浏览器私缀（私缀是上世纪90年代浏览器大战的产物，也是现在新型浏览器支持某些新API，而其它浏览器不支持的证明！） 我们看看App.vue 再来看看打包后的css文件 一切都是靠你postcss! vue常用的配置如下 不太明白的话，可以去github看文档：
阅读全文
摘要：描述：npm官方屏蔽上传文件编写文件. 举例（屏蔽的文件/文件夹记得分行） 屏蔽文件：yarn.txt 屏蔽文件夹:/dist/
阅读全文
摘要：描述：bable-es2015以及babel本身组件在新版本要求的外部配置文件. 具体请查看官网文档：https://babeljs.io/docs/en/options
阅读全文
摘要：描述：git上传忽略的文件，与.gitnoignore一样.
阅读全文
摘要：描述：重新编写一个组件 1.1 编写一个PrintName.vue 1.2 编写路由 1.3访问 不知道你有没有发现一件事情，图标也有啊！，本身App.vue就有啊（我们带过去的不过就是router-view 绑定的数据^_^）
阅读全文
摘要：描述：这里存放一些本地资源(images、css、js). assets:开发服务器（dev Server时引用的临时路径） static:静态资源存放（build Server）.
阅读全文
摘要：详情见：node_modules导包机制 在打包或者结束项目时，这个文件夹(node_modules)不应该被打包. 你应该打包其它的文件，如果要运行(直接用以下命令安装即可，它会根据package.json文件来安装)： npm install 或 yarn add .
阅读全文
摘要：描述：打包后准备上线的文件（需要服务器环境才能运行！！！）
阅读全文
摘要：描述：我想，这是调用最多的一个文件了吧（无论是dev，还是prod）
阅读全文
摘要：描述：配置产品模式、打包模式：开发还是打包，以最佳运行（不配置则有一个大大的Warning!!!） 官网：https://www.webpackjs.com/concepts/mode/
阅读全文
摘要：描述：webapck基本配置文件. 为了给开发文件和打包文件(webpack.dev.conf.js|| webpack.prod.conf.js) 提供方便.
阅读全文
摘要：描述：webpack打包项目时的配置文件. 命令：yarn run build 或 npm run build 打包后，生成的文件在dist文件夹下 打包后，要在服务器环境下运行！！！ 关于怎样运行，请查看：https://www.cnblogs.com/cisum/p/9370163.html ,
阅读全文
摘要：描述：开发时的配置.(配置开发时的一些操作) 例如这里，是否自动打开浏览器（默认true）
阅读全文
摘要：描述：获取当前可用的port. (vue-cli配置好了，一旦端口被占用，报错，再次运行时会打开：8080+1,依次类推...8080+n) 官网地址：https://www.npmjs.com/package/portfinder
阅读全文
摘要：描述：webpack网页端友好的报错信息就来自它 官网：https://www.npmjs.com/package/friendly-errors-webpack-plugin
阅读全文
摘要：描述： 这是一个webpack插件，可以简化HTML文件的创建，为您的webpack捆绑服务提供服务。 这对于webpack包含文件名中包含哈希值的bundle 来说尤其有用，它会更改每个编译。 您可以让插件为您生成HTML文件，使用lodash模板提供您自己的模板或使用您自己的加载器。 官网：ht
阅读全文
摘要：描述：将单个文件或整个目录复制到构建目录 官网地址：https://www.npmjs.com/package/copy-webpack-plugin
阅读全文
摘要：webpack-merge提供了一个merge连接数组并合并创建新对象的对象的函数。如果遇到函数，它将执行它们，通过算法运行结果，然后再次将返回的值包装在函数中。 这种行为在配置webpack时特别有用，尽管它有超出它的用途。无论何时需要合并配置对象，webpack-merge都可以派上用场. 栗子
阅读全文
摘要：1 'use strict' 2 // 工具=> build/util.js 3 const utils = require('./utils') 4 // 配置=> build/config/index.js 5 const config = require('../config') 6 7 const isProduction = process.env.NODE_ENV...
阅读全文
摘要：exports:导出功能函数或变量 module.exports:默认导出{} module.exports 初始值为一个空对象 {} exports 是指向的 module.exports 的引用 require() 返回的是 module.exports 而不是 exports 关于module
阅读全文
摘要：描述：将包或包中的文本提取到单独的文件中, 点击查看官网详情： https://www.npmjs.com/package/extract-text-webpack-plugin
阅读全文
摘要：webpack之类的配置文件. webpack.base.conf.js
阅读全文
摘要：shelljs：https://www.npmjs.com/package/shelljs , 类似linux、unix、powser shell里面的命令. ShellJS是Node.js API之上的Unix shell命令的可移植（Windows / Linux / OS X）实现.
阅读全文
摘要：用来获取package.json关于node、npm版本信息
阅读全文
摘要：引入的是一个语义化版本文件的npm包，其实它就是用来控制版本的，详情见：https://www.npmjs.com/package/semver 用谷歌翻译npm文档
阅读全文
摘要：chalk：npm 官网 修改命令输出的文字颜色、粗细等....
阅读全文
摘要：1. 导入外部包，用关键字 const :ES2015->不可变量 内部使用变量，let -> 块级声明 2.无分号结尾（我猜大概是用了es6变量，避免了es5应缺少分号出现的一些问题） 3. 使用了 => 箭头符号.
阅读全文
摘要：描述：check-versions.js，vue-cli中检查版本的js文件 使用：
阅读全文
摘要：build/build.js -> config 详细的config配置走向.
阅读全文
摘要：webpack：webpack官网文档详解. webpack详细的配置信息在这里，称为webPackConfig 在vue脚手架中，有三个配置文件 1. webpack.base.conf.js 此配置文件是vue开发环境的wepack相关配置文件，主要用来处理各种文件的配置 2. webpack.
阅读全文
摘要：//path用来处理路径问题的.1 const from = path.join(_dirname, './appes6/js'); 2 3 => d:/Users/xxchi/Desktop/ES6/appes6/js
阅读全文
摘要：rimraf 包的作用：以包的形式包装rm -rf命令，用来删除文件和文件夹的，不管文件夹是否为空，都可删除
阅读全文
摘要：主要用来实现node.js命令行环境的loading效果，和显示各种状态的图标等...
阅读全文
摘要：最后不得不屈服与虚拟DOM和框架，太方便了... 1.首先安装node：点击进入官网. 2. 安装后检测 3. 安装yarn(至于为嘛，速度呗) yarn官网，npm转yarn. 3.1 windows安装：点击进入 3.2 npm安装: npm i -g yarn 4. 安装vue和vue-ini
阅读全文
摘要：1 /* 2 * @Author: WJ_LONG 3 * @Date: 2018-09-15 17:25:37 4 * @Last Modified by: WJ_LONG 5 * @Last Modified time: 2018-09-15 17:30:53 6 * @animation-display-address：https://daneden....
阅读全文
摘要：1 /* 2 * @Author: WJ_LONG 3 * @Date: 2018-09-06 15:32:06 4 * @Last Modified by: WJ_LONG 5 * @Last Modified time: 2018-09-07 16:18:09 6 * @animation-display-address：https://daneden....
阅读全文
摘要：测试结构如下 index.html app.js 资料参考于：https://blog.csdn.net/bluesky1215/article/details/71079667、http://www.requirejs.cn/
阅读全文
摘要：1 2 3 4 5 6 7 8 Document 9 49 50 51 52 5555555555 53 54 55
阅读全文
摘要：1 2 3 4 5 6 7 8 Document 9 24 25 26 27 00005 28 29 30
阅读全文
摘要：1 2 3 4 5 6 7 Document 8 35 36 37 38 39
阅读全文
摘要：1 2 3 4 5 6 7 8 Document 9 22 23 24 25 26 27 28 1 /* 2 blur:模糊半径 3 spread:颜色 4 */ 5 box-shadow: 0 0...
阅读全文
摘要：1 2 3 4 5 6 7 8 Document 9 49 50 51 52 块级元素 53 行间块 54 55 行内(没有宽高，我能怎么办) 56 57 58
阅读全文
摘要：1 2 3 4 5 6 7 Document 8 40 41 42 0005 43 44
阅读全文
摘要：1 2 3 4 5 6 7 8 Document 9 25 26 27 28 00004 29 30 31
阅读全文
摘要：1 2 3 4 5 6 7 8 Document 9 33 34 35 36 1212 37 38 39
阅读全文
摘要：1 2 3 4 5 6 7 8 Document 9 117 118 119 120 --> 121 --> 122 --> 123 --> 124 --> 125 126 127 128
阅读全文
摘要：1 /** 2 * ``即重音符(128键盘左上角ESC下面那个键盘) 3 * 隶属：模板字符串 4 */ 5 6 let unit = '4'; 7 let keywords = 'uc'; 8 9 // step1：模板变量 ${variable_name} 10 let url = `Shell${k...
阅读全文
摘要：/** * step1: * 结果为：1,'2' */ let opt = { num: 1, str: '2' } let { num, str } = opt; console.log(num, str); //#############################...
阅读全文
摘要：wxml wxss js easy.
阅读全文
摘要：wxml css 如果需要设置一个样式前面的文字是绿色，中间的字体是黑色，而后面的字体是红色，我们怕是要写多少样式了.
阅读全文
摘要：这就是jquery为什么可以用$或jQuqey互相替换的原因了,然而就是赋值而已.
阅读全文
摘要：// 全局作用域 var globalNumber = 1; // 挂载在window上的变量或函数 -> 全局作用域 function InternalScope() { // 局部作用域 // var internalNumber = 2; window.isTrue = 1; } // 先调用函数,释放出来. InternalScope(); console.l...
阅读全文
摘要：1 /** 2 * 防御型分号 3 */ 4 ; (function () { 5 //code.... 6 console.log('一开始，我自己执行了！！！'); 7 })(); 8 9 10 11 /** 12 * 形参 -> 实参 13 * 定义形参->接收实参->最后打印. 14 */ 15 (function (a, b, c) {...
阅读全文
摘要：1 /** 2 * 匿名函数 3 */ 4 (function () { 5 /** 6 * 是否启用跟踪用户隐私 7 * 8 * 启用：isPrivacys(true) 9 * 不启用：isPrivacys(false) 10 * 11 */ 12 function isPrivacys(is...
阅读全文
