初级前端开发工程师
初级前端开发工程师
立志成为一名前端架构师
我希望我一直是一名学生,一直奔跑在学习的道路上, 天道酬勤
展开
-
eslint + prettier + vscode
vscode 配置代码格式化首先项目先装上eslint,然后vscode 上装 eslint插件,prettier 插件vscode 中settings.json配置{ "editor.snippetSuggestions": "top", // 是否允许自定义的snippet片段提示 // "files.autoSave": "onFocusChange", "editor.fontSize": 16, // 设置字体 "editor.tabSize": 2, // 设置tab位2个原创 2021-08-03 22:18:33 · 498 阅读 · 0 评论 -
vuex插件 数据持久化
vuex插件 数据持久化当我们使用到vuex ,刷新浏览器后,存于vuex 中的数据会丢失,原因是vuex存于运行内存中,内存保存的数据都是临时数据,刷新浏览器就会释放,这时候我们又不想使用localstorage/sessionstorage,如果用了他们,还要vuex 干嘛?所以vuex-persistedstate 就来了vuex-persistedstate使用npm install --save vuex-persistedstatestore/index.js中引用和使用import原创 2021-06-01 08:53:24 · 167 阅读 · 0 评论 -
Vuex 的学习和使用
Vuex官方文档语法糖已经讲得很明白了,建议先去 Vuex官方先学习一下应用场景如果您不打算开发大型单页应用,使用 Vuex 可能是繁琐冗余的涉及到非父子关系的组件,例如兄弟关系、祖孙关系,甚至更远的关系如果只是父子组件数据交互,那么应该考虑使用props进行单向传递他们之间如果有数据交互,那么应该使用Vuex来实现组件之间全局共享的数据通过后端异步请求的数据需要 数据 和 组件 分离,分别处理,那么使用 Vuex 是非常合适的组件会被销毁、组件基于数据而创建、多对多事件——多处触发,原创 2021-04-11 14:39:18 · 87 阅读 · 0 评论 -
JS 数组 去重
普通数组去重1 利用ES6的set不会修改原数组,返回新数组const arr = [1, 2, 1, 2, 3, 'a', 4, 'b', 'a', 'c', 5, 1]const newArr = [...new Set(arr)]console.log(arr) //[1, 2, 1, 2, 3, "a", 4, "b", "a", "c", 5, 1]console.log(newArr) //[1, 2, 3, "a", 4, "b", "c", 5]2 filter 和 i原创 2021-03-26 18:12:55 · 144 阅读 · 0 评论 -
ES6 新特性
ES6语法之前要是没有了解过ES6语法的,建议看看阮一峰老师写的ES61 let 和 constvar let const 三者区别1.变量提升var存在变量提升,在函数的最顶部let和const声明不会提升2.作用域let和const是块级作用域{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 13.重复声明var 可以重复定义let和const不可以原创 2021-03-14 23:18:38 · 278 阅读 · 0 评论