随笔分类 - ES6
摘要：对象的扩展运算符（...）用于取出参数对象的所有可遍历属性，拷贝到当前对象之中。 拷贝对象 合并对象 扩展运算符（...）可以用于合并两个对象 拷贝并修改对象 在扩展运算符后面，加上自定义的属性，则扩展运算符内部的同名属性会被覆盖掉。 一般，在 redux 中修改 state 时，会用解构赋值的方法
阅读全文
摘要：通常，定义或者修改一个JS对象，有以下方式： 上面当对象创建一个属性后，如： , 其中 name 就是一个 【普通属性】，ta的值允许修改或删除，也可以通过 或 枚举遍历。 如果要更精准的控制对象属性，可以使用 方法。 语法 例如： 属性描述符 descriptor 属性 | 说明 | 默认值 |
阅读全文
摘要：在 JS 模块化编程的模块引入上, 主要有两种方式： CommonJS 模块标准 ES6 moduel 特性 1. CommonJS 模块引入：require() 模块导出：exports 或者 module.exports exports 与 module.exports 区别 1.1 expor
阅读全文
摘要：快速创建从0到n的数字 Array.from 用法 随机返回几个 emoji 数组的深拷贝 使用扩展运算符代替concat() 或者 slice()方法 快速找出数组中的最大值、最小值 对象扩展 注意，当obj2定义了与obj1中相同的属性时，会自动覆盖： Object.assign() 应用 随机
阅读全文
摘要：ES6 提供的 Promise 方法和 ES7 提供的 Async/Await 语法糖都可以更好解决多层回调问题, 详细用法可参考： "https://www.cnblogs.com/cckui/p/9915604.html" ，下面进一步介绍 promise 和 async/await 用法的异同
阅读全文
摘要：html: js： // 初始化 echarts var realTimeInvokeChart = echarts.init(document.getElementById('realTimeInvoke'),'light'); var timeerOfRealtime; // 实时调用量 定时器
阅读全文
摘要：Object.keys() 返回一个所有元素为 的数组，其元素来自于从给定的object上面可直接枚举的属性。这些属性的顺序与手动遍历该对象属性时的一致。 例如： 处理数组时，返回数组各元素的索引值: 可自动排序： 组合用法： Object.values() 方法返回一个给定对象自身的所有可枚举 的
阅读全文
摘要：项目地址： "https://github.com/caochangkui/vue element responsive demo/tree/login register" 通过 vue cli3.0 + Element 构建项目前端，Node.js + Koa2 + MongoDB + Redis
阅读全文
摘要：1. axios 常规用法： 2. 使用 asyns/await 将 axios 异步请求同步化： 2.1 当 axios 请求拿到的数据在不同场景下做相同的处理时： 2.2 当 axios 请求拿到的数据在不同场景下做不同的处理时：
阅读全文
摘要："项目地址:https://github.com/caochangkui/demo/tree/koa mongoose" 连接数据库 数据库名字为：koa mongoose 创建数据表 定义 mongoose 数据库操作方法 入口文件app.js
阅读全文
摘要：```
const sleep = (timeountMS) => new Promise((resolve) => { setTimeout(resolve, timeountMS);
}); (async () => { console.log('11111111, ' + new Date()); await sleep(2000); console.log('222222...
阅读全文
摘要：项目地址： "https://github.com/caochangkui/demo/tree/koa test" 1. 创建项目 1. 创建目录 koa test 2. npm init 创建 package.json，然后执行 npm install 3. 通过 npm install koa
阅读全文
摘要：注册页包含手机验证码登录和密码的二次验证。 效果如下： 实现代码：
阅读全文
摘要：1. 创建 loading 公用组件 loading效果如下： 需要在 login.vue 页面背景图完全加载完成之前显示上面的loading效果 2. login.vue 页面
阅读全文
摘要：Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化，例如时间戳格式化。 过滤器可以用在： 双花括号插值 v bind 表达式 (2.1.0+ 开始支持)。 过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示： <! 在双花括号中 {{ timestamp | fo
阅读全文
摘要：1. 开发环境跨域配置 在 vue.config.js 文件中： 注意，配置完成后要重启服务 配置 axios 请求的 baseUrl 在 main.js 中： 页面中发送请求： 此时，虽然发送的请求到地址：http://localhost:8080/api/postData/, 但是已经代理到了地
阅读全文
摘要：当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 1. 安装 syntax dynamic import 插件 如果在 vue cli 使用了 babel ，需要添加 插件
阅读全文
摘要：路由拦截 项目中，有些页面需要登录后才能进入，例如，在某页面A，用户在操作前需要先进入登录页（此时需要将上一页的地址（ ）作为query存入login页面的地址中，如: ），登录成功后再进入页面A。 首先，在router.js中创建路由时，给需要登录的路由中的 meta 添加字段：requireLo
阅读全文
摘要：微信小程序中有些 Api 是异步的，无法直接进行同步处理。例如： "wx.request" 、 "wx.showToast" 、 "wx.showLoading" 等。如果需要同步处理，可以使用如下方法： 注意： Async await方法属于ES7语法，在小程序开发工具中如果勾选es6转es5,
阅读全文
摘要：1. 小程序功能 古诗词大全 成语大全 成语接龙 诗词飞花令 诗词分享、收藏 诗词接龙 唐诗宋词起名字 百家姓 猜谜语 2. 小程序地址 "https://github.com/caochangkui/miniprogram project" 3. 小程序预览： 4. 部分截图 首页 列表页 详情页
阅读全文
