2020年12月30日
webpack优化
摘要： #webpack优化 production模式打包自带优化 tree shaking tree shaking 是一个术语，通常用于打包时移除 JavaScript 中的未引用的代码(dead-code)，它依赖于 ES6 模块系统中 import和 export的静态结构特性。 开发时引入一个模块 阅读全文
posted @ 2020-12-30 10:01 sk-xm 阅读(107) 评论(0) 推荐(0) 编辑
webpack配置
摘要： webpack官网 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或 阅读全文
posted @ 2020-12-30 09:51 sk-xm 阅读(85) 评论(0) 推荐(0) 编辑
2020年12月29日
md5加密
摘要： 一 MD5 概述 MD5消息摘要算法（英语：MD5 Message-Digest Algorithm），一种被广泛使用的密码散列函数，可以产生出一个128位（16字节）的散列值（hash value），用于确保信息传输完整一致。MD5由美国密码学家罗纳德·李维斯特 （Ronald Linn Rive 阅读全文
posted @ 2020-12-29 16:19 sk-xm 阅读(130) 评论(0) 推荐(0) 编辑
2020年12月28日
formik来实现表单校验
摘要： 表单验证说明 表单提交前，需要先进性表单验证，验证通过后再提交表单 方式一：antd-mobile 组件库的方式（需要InputItem文本输入组件） 推荐：使用更通用的 formik，React中专门用来进行表单处理和表单校验的库 介绍 Github地址：formik文档 场景：表单处理，表单验证 阅读全文
posted @ 2020-12-28 22:04 sk-xm 阅读(808) 评论(0) 推荐(0) 编辑
2020年12月27日
安装React Devtools调试工具
摘要： ![](https://img2020.cnblogs.com/blog/2174201/202012/2174201-20201227165441435-1028676961.png) ![](https://img2020.cnblogs.com/blog/2174201/202012/2174201-20201227165448089-747752987.png) 阅读全文
posted @ 2020-12-27 16:55 sk-xm 阅读(171) 评论(0) 推荐(0) 编辑
Vue调试神器vue-devtools安装
摘要： 前言 vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。 chrome商店直接安装 vue-devtools可以从chrome商店直接下载安装，非常简单，这里就不过多介绍了。不过要注意的 阅读全文
posted @ 2020-12-27 16:53 sk-xm 阅读(1348) 评论(0) 推荐(0) 编辑
2020年12月25日
moment.js
摘要： moment.js使用 http://momentjs.cn/ 安装: npm install moment --save # npm yarn add moment # Yarn 然后再入口文件 main.js中导入并使用 import moment from 'moment'//导入文件mome 阅读全文
posted @ 2020-12-25 11:53 sk-xm 阅读(206) 评论(0) 推荐(0) 编辑
2020年12月21日
lodash基础
摘要： 简介 Lodash是一个著名的javascript原生库，不需要引入其他第三方依赖。是一个意在提高开发者效率,提高JS原生方法性能的JS库。简单的说就是，很多方法lodash已经帮你写好了，直接调用就行，不用自己费尽心思去写了，而且可以统一方法的一致性。Lodash使用了一个简单的 _ 符号，就像J 阅读全文
posted @ 2020-12-21 18:19 sk-xm 阅读(243) 评论(0) 推荐(0) 编辑
2020年12月13日
Set和WeakSet
摘要： Set和WeakSet Set ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。需要记录不同成员的又不希望重复记录的情况下可以用到Set 如何生成Set： let set1 = new Set() let set2 = new Set([1,2,3]) Set 阅读全文
posted @ 2020-12-13 10:59 sk-xm 阅读(151) 评论(0) 推荐(0) 编辑
Iterator
摘要： Iterator Iterator（遍历器、迭代器） 是一个对象，Iterator对象需要包含一个next方法，该方法返回一个对象，此对象有两个属性，一个value表示当前结果，一个done表示是否可以继续迭代 let it = makeIterator(); function makeIterat 阅读全文
posted @ 2020-12-13 10:52 sk-xm 阅读(86) 评论(0) 推荐(0) 编辑
Reflect
摘要： Reflect Reflect是 ES6 为了操作对象而提供的新 API。ES6把原先版本中很多语言层面的API，比如Object.defineProperty delete in等集中在了Reflect的静态方法上，引入Reflect的目的有这样几个。 （1） 将Object对象的一些明显属于语言 阅读全文
posted @ 2020-12-13 10:49 sk-xm 阅读(170) 评论(0) 推荐(0) 编辑
Proxy
摘要： Proxy 在ES6之前Object.defineProperty可以拦截对象属性的读取和修改操作，Proxy 可以理解成比这个API更强大的，在目标对象之前架设一层的“拦截”。外界对该Proxy对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。Proxy 这个词 阅读全文
posted @ 2020-12-13 10:48 sk-xm 阅读(154) 评论(0) 推荐(0) 编辑
async函数
摘要： async函数 基本概念 async 函数是什么？一句话，它就是 Generator 函数的语法糖。 将上一章的代码改成 async 函数的版本： const { promisify } = require("util"); const path = require('path') const fi 阅读全文
posted @ 2020-12-13 10:38 sk-xm 阅读(121) 评论(0) 推荐(0) 编辑
Generator函数
摘要： Generator函数 基本概念 Generator(生成器) 函数是 ES6 提供的一种异步编程解决方案，并且Generator函数的行为与传统函数完全不同。 定义Generator函数 function* f() { } 形式上，Generator 函数是一个普通函数，但是有两个特征。一是，fu 阅读全文
posted @ 2020-12-13 10:35 sk-xm 阅读(75) 评论(0) 推荐(0) 编辑
Map和WeakMap
摘要： Map和WeakMap Map JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。 为了解决这个问题，ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类 阅读全文
posted @ 2020-12-13 10:26 sk-xm 阅读(115) 评论(0) 推荐(0) 编辑