技术清单
技术清单
[[toc]]
本地缓存localStorage的库
yarn add store
JS检测本地储存localStorage的变化
window.addEventListener('storage', function(event){ console.log(event) ...
Array的方法简单整理
Array的方法简单整理
[[toc]]
快速生成一个数组//快速生成一个数组Array.from(Array(100), (key, index) => index);[...new Array(100).keys()] Array(3).fill(''); //["", "", ""]ne ...
Object的方法简单整理
Object的方法简单整理
[[toc]]
Object.create()描述:该方法创建一个新对象,将对象继承到proto属性上格式:Object.create(proto[, propertiesObject])用法:如果用传统的方法要给一个对象的原型上添加属性和方法,是通过 propt 实现的 ...
String的方法简单整理
String的方法简单整理
[[toc]]
常用方法indexOf()
str.indexOf(searchValue, fromIndex?)
方法返回调用它的 String 对象中第一次出现的指定值的索引,从 fromIndex 处进行搜索。如果未找到该值,则返回 -1。
"Bl ...
React基本用法
React基本用法
[[toc]]
路由传递参数<Link to={{ pathname:"/", search:"?lx=1", hash:"#AA", state: {id: id} & ...
vue基本用法
vue基本用法
[[toc]]
常用指令
常用指令
描述
v-model
双向数据绑定 把表单元素的value和data中的属性绑定到一起,表单的value发生变化,data的属性也会跟着变化
v-text
把data(不只是data)中的属性值绑定到DOM元素中,会覆盖元 ...
RegExp正则
RegExp正则
[[toc]]
正则方法reg.test(str) //检验 //字符串中有没有正则能匹配到的内容,返回值: true falsereg.exec(str) //捕获 //方法用于检索字符串中的正则表达式的匹配。 //返回一个数组,其中存放匹配的结果。如果未找到匹配,则返回值为 ...
Date时间
Date时间
[[toc]]
// 时间戳Date.now()new Date().getTime();new Date().valueOf()// 设置时间new Date("2019-06-16 07:55:55"); // Sun Jun 16 2019 07:55:55 GMT+0800 ( ...
微前端
微前端
[[toc]]
代码的天敌就是代码量
前言什么是微前端 ??
微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将单页面前端应用由单一的单体应用转变为把多个小型前端应用聚合起来的应用。各个前端应用可以使用不同的技术栈独立开发、独立运行、独立部署
微前端架构具备以下几个核心价 ...
自定义事件
自定义事件
[[toc]]
dispatchEvent已废弃
initEvent
/*TODO: 基于浏览器原生事件做通信*/// 创建window.evt = document.createEvent("HTMLEvents");// 初始化window.evt.initEvent("handl ...