06 2020 档案
vue react angular
摘要:angular 代码比较难懂,性能也比较差 vue 双向数据流 双向数据流,就是内存的改变影响页面的改变,页面的改变影响内存的改变; import 和require区别 import es6的语法,属于加载前置的机制,因此将其全放在代码顶部,代码解析逐个import获取一个引入的列表,先引入依赖,再 阅读全文
posted @ 2020-06-29 22:39 半夏微澜ぺ 阅读(469) 评论(0) 推荐(0) 编辑
vscode保存react代码之后混乱
摘要:出现这种情况的原因,一般是因为童鞋们用了vscode的Beautify插件,这个插件需要手动设置以下截图上的操作。因为vscode一开始默认选中的是JavaScript。 另外说明以下,Prettier插件与Beautify是一类插件,用了某个,另外一个就不起效。 点击右下角的javaScript, 阅读全文
posted @ 2020-06-29 20:05 半夏微澜ぺ 阅读(1179) 评论(0) 推荐(0) 编辑
nuxt
摘要:Nuxt.js 是一个基于 Vue.js 的通用应用框架。 通过对客户端/服务端基础架构的抽象组织,Nuxt.js 主要关注的是应用的 UI渲染。 Nuxt.js 预设了利用 Vue.js 开发服务端渲染的应用所需要的各种配置。 作为框架,Nuxt.js 为 客户端/服务端 这种典型的应用架构模式提 阅读全文
posted @ 2020-06-29 18:50 半夏微澜ぺ 阅读(1096) 评论(0) 推荐(0) 编辑
启动nuxt项目报错WARN node unsupported "node@v8.9.3" is incompatible with chalk@^4.1.0, expec...
摘要:node版本太低,安装node新版本,npx create-nuxt-app my-nuxt-app,创建成功 npm run dev,项目运行成功 阅读全文
posted @ 2020-06-24 15:36 半夏微澜ぺ 阅读(2561) 评论(0) 推荐(0) 编辑
npx 创建nuxt项目 报错 “Path must be a string. Received undefined”in windows
摘要:在使用Windows上使用较老版本的nodejs,比如使用v8.9,npm自带的npx版本是9.7,在windows上使用会存在 “Path must be a string. Received undefined”的错误。在最新版本的npx总问题已经解决,可以通过npm手动升级到最新版本; npm 阅读全文
posted @ 2020-06-24 15:03 半夏微澜ぺ 阅读(881) 评论(0) 推荐(0) 编辑
vue PWA
摘要:vue创建PWA项目: vue ui 创建项目,选择手动配置,选择支持PWA 创建完成之后,项目根目录下生成registerServiceWorker.js,在main.js中注册service-worker 在vue.config.js中配置需要缓存的ajax请求 创建service-worker 阅读全文
posted @ 2020-06-23 16:51 半夏微澜ぺ 阅读(2080) 评论(0) 推荐(0) 编辑
vue-cli单页面预渲染seo-prerender-spa-plugin
摘要:1 vue-cli-plugin-prerender-spa 使用方法: vue add prerender-spa 在安装的过程中会需要安装一个chrome,网速不好可能导致不能下载,导致安装失败,可以取消chrome的安装,然后手动下载放在指定的目录下; 安装过程中选择需要预渲染的route 安 阅读全文
posted @ 2020-06-23 10:40 半夏微澜ぺ 阅读(607) 评论(0) 推荐(0) 编辑
js 保留2位小数 四舍五入Math.toFixed() bug
摘要:1 toFixed方法 toFixed方法可以把Number四舍五入位指定小数位数的数字。但是其四舍五入的规则与数学中的规则不同,使用的是银行家舍入规则。 银行家舍入: 四舍六入五取偶(四舍六如五留双),简单就是说:四舍六入五考虑,五后非0进1,五后为0看奇偶,五前为偶应舍去,五前为奇要进1. > 阅读全文
posted @ 2020-06-23 10:20 半夏微澜ぺ 阅读(2854) 评论(1) 推荐(0) 编辑
webpack封装插件实现骨架屏
摘要:在页面初始时没有加载出来,页面显示一片空白,永不体验不好,就可以使用骨架屏,就是在页面内容还未加载完成的时候,先让一些图片或者固定结构站位, 待内容加载完成之后把他替换掉 思路: webpack中最终生成的html页面使用的是html-webpack-plugin插件,它提供了一系列的事件,我们可以 阅读全文
posted @ 2020-06-19 14:13 半夏微澜ぺ 阅读(936) 评论(0) 推荐(0) 编辑
js代码执行以及宏任务和微任务-语法检测-预编译-变量提升
摘要:js代码是单线程的,同一时间不可能同时运行两个js代码,js中的异步不是js的异步而是浏览器的异步。一些i/o操作 定时器额计时和事件监听等都是由浏览器提供的其他线程来完成的。 执行过程: 1 所有的同步任务都在主线程上执行,形成一个执行栈。 2 主线程之外,还存在一个‘任务队列’,只要异步任务有了 阅读全文
posted @ 2020-06-18 15:49 半夏微澜ぺ 阅读(361) 评论(0) 推荐(0) 编辑
vue key Diff算法 中央bus实现平行组件之间的传值 路由的重定向和别名 vuecli2与vuecli3 RESTFul vue自定义插件
摘要:v-for key v-for循环需要添加key属性,唯一标识,这样重新渲染的速度比较快;key的作用==》虚拟DOM的Diff算法 主要作用是快速更新虚拟dom树 lodash javascript使用工具库 中央bus实现平行组件之间的传值 $emit与$on进行组件之间的传值;注意$emit和 阅读全文
posted @ 2020-06-03 16:08 半夏微澜ぺ 阅读(279) 评论(0) 推荐(0) 编辑
手动搭建vue-cli时,出现的错误
摘要:webpack打包模块的源码 执行顺序 1 把所有的模块代码放入函数中,用一个数组保存起来2 根据require时传入的数组索引,能知道需要哪一段代码3 从数组中,根据索引取出包含我们代码的函数4 执行该函数,传入一个对象 module.exports5 我们的代码,按照约定,正好是用module. 阅读全文
posted @ 2020-06-02 16:24 半夏微澜ぺ 阅读(652) 评论(0) 推荐(0) 编辑