摘要: react-spring动画库 概述 场景:实现动画效果,增强用户体验 react-spring是基于spring-physics(弹簧物理)的react动画库,动画效果更加流畅、自然 优势: 几乎可以实现任意UI动画效果 组件式使用方式(render-props模式),简单易用,符合react的声 阅读全文
posted @ 2021-01-03 14:36 sk-xm 阅读(3205) 评论(0) 推荐(0)
摘要: /* <!--1. 盒子阴影 --> */ box-shadow:水平阴影 垂直阴影 模糊距离(虚实) 阴影尺寸(影子大小) 阴影颜色 内/外阴影; box-shadow: 10px 10px 5px #888888; /* box-shadow: 5px 5px 3px 4px rgba(0, 0 阅读全文
posted @ 2020-12-31 19:46 sk-xm 阅读(100) 评论(0) 推荐(0)
摘要: <!-- 1,HTML 文本格式化 https://www.runoob.com/html/html-formatting.html--> <!-- HTML 文本格式化标签 --> <b> 定义粗体文本 <em> 定义着重文字 <i> 定义斜体字 <small> 定义小号字 <strong> 定义 阅读全文
posted @ 2020-12-31 14:14 sk-xm 阅读(369) 评论(0) 推荐(0)
摘要: #webpack优化 production模式打包自带优化 tree shaking tree shaking 是一个术语,通常用于打包时移除 JavaScript 中的未引用的代码(dead-code),它依赖于 ES6 模块系统中 import和 export的静态结构特性。 开发时引入一个模块 阅读全文
posted @ 2020-12-30 10:01 sk-xm 阅读(126) 评论(0) 推荐(0)
摘要: webpack官网 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或 阅读全文
posted @ 2020-12-30 09:51 sk-xm 阅读(107) 评论(0) 推荐(0)
摘要: 一 MD5 概述 MD5消息摘要算法(英语:MD5 Message-Digest Algorithm),一种被广泛使用的密码散列函数,可以产生出一个128位(16字节)的散列值(hash value),用于确保信息传输完整一致。MD5由美国密码学家罗纳德·李维斯特 (Ronald Linn Rive 阅读全文
posted @ 2020-12-29 16:19 sk-xm 阅读(153) 评论(0) 推荐(0)
摘要: 表单验证说明 表单提交前,需要先进性表单验证,验证通过后再提交表单 方式一:antd-mobile 组件库的方式(需要InputItem文本输入组件) 推荐:使用更通用的 formik,React中专门用来进行表单处理和表单校验的库 介绍 Github地址:formik文档 场景:表单处理,表单验证 阅读全文
posted @ 2020-12-28 22:04 sk-xm 阅读(855) 评论(0) 推荐(0)
摘要: ![](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 阅读(178) 评论(0) 推荐(0)
摘要: 前言 vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。 chrome商店直接安装 vue-devtools可以从chrome商店直接下载安装,非常简单,这里就不过多介绍了。不过要注意的 阅读全文
posted @ 2020-12-27 16:53 sk-xm 阅读(1377) 评论(0) 推荐(0)
摘要: 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 阅读(252) 评论(0) 推荐(0)
摘要: 简介 Lodash是一个著名的javascript原生库,不需要引入其他第三方依赖。是一个意在提高开发者效率,提高JS原生方法性能的JS库。简单的说就是,很多方法lodash已经帮你写好了,直接调用就行,不用自己费尽心思去写了,而且可以统一方法的一致性。Lodash使用了一个简单的 _ 符号,就像J 阅读全文
posted @ 2020-12-21 18:19 sk-xm 阅读(296) 评论(0) 推荐(0)
摘要: 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 阅读(167) 评论(0) 推荐(0)
摘要: Iterator Iterator(遍历器、迭代器) 是一个对象,Iterator对象需要包含一个next方法,该方法返回一个对象,此对象有两个属性,一个value表示当前结果,一个done表示是否可以继续迭代 let it = makeIterator(); function makeIterat 阅读全文
posted @ 2020-12-13 10:52 sk-xm 阅读(109) 评论(0) 推荐(0)
摘要: Reflect Reflect是 ES6 为了操作对象而提供的新 API。ES6把原先版本中很多语言层面的API,比如Object.defineProperty delete in等集中在了Reflect的静态方法上,引入Reflect的目的有这样几个。 (1) 将Object对象的一些明显属于语言 阅读全文
posted @ 2020-12-13 10:49 sk-xm 阅读(181) 评论(0) 推荐(0)
摘要: Proxy 在ES6之前Object.defineProperty可以拦截对象属性的读取和修改操作,Proxy 可以理解成比这个API更强大的,在目标对象之前架设一层的“拦截”。外界对该Proxy对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对外界的访问进行过滤和改写。Proxy 这个词 阅读全文
posted @ 2020-12-13 10:48 sk-xm 阅读(165) 评论(0) 推荐(0)