笔记
文章平均质量分 79
_小木不是木_
这个作者很懒,什么都没留下…
展开
-
Vue-cli3项目seo优化--静态化打包(动态改变页面Titl、keyWords、description)
Vue-cli3项目seo优化,静态化打包(动态改变页面Titl、keyWords、description) 文章目录Vue-cli3项目seo优化,静态化打包(动态改变页面Titl、keyWords、description)一 、首先需要两个插件,先安装下来 `prerender-spa-plugin` `vue-meta-info`二 、新建文件三 、给需要的页面添加自己的标题描述语 其实前端可以做的seo操作很少,作用也不大,Vue也有自己专门的一套针对可以seo的框架,这次我说的方法是在不改框架的原创 2021-08-30 11:18:19 · 1839 阅读 · 4 评论 -
超简单Vue-cli3区分环境打包
Vue-cli3区分开发、测试、生产等不同环境的包 文章目录Vue-cli3区分开发、测试、生产等不同环境的包一 、需要新建的配置文件二 、根据配置去动态改变接口前缀三 、请求封装ajax的时候引入`env.js`四 、配置打包命令 在开发中,我们的项目肯定是要区分不同环境的,而不同环境使用的接口前缀肯定也是不同的,这就需要我们分不同环境打不同的包,这里以大多数的(开发,测试,生产)为例,直接上代码粘贴复制即可使用。 一 、需要新建的配置文件 1、开发环境配置文件 在根目录下 创建:.env.deve原创 2021-08-30 10:37:00 · 876 阅读 · 0 评论 -
Vue响应式原理解析(三)
Vue中数据响应式原理——重写数组方法实现数组响应式 此篇是在 Vue响应式原理解析(二) 的基础之上展开 文章目录Vue中数据响应式原理——重写数组方法实现数组响应式情景准备开搞~阶段性尝试改写成功,接下来就是让改写的方法可用方法调用成功 引出新问题完美收工 情景准备 上篇提到,我们只是实现了对Object类型的响应式,而数组却没有做到响应式,本篇就在此基础上针对数组来扒一扒Vue如何实现Array的响应式 开搞~ 其实去网上稍微查一查就会知道Vue他实现对数组的响应式是通过了重写原有的数组方法原创 2021-06-24 16:14:17 · 504 阅读 · 0 评论 -
Vue响应式原理解析(二)
Vue中数据响应式原理——假递归监测对象类型的所有属性 此篇是再 Vue响应式原理解析(一) 的基础之上展开 文章目录Vue中数据响应式原理——假递归监测对象类型的所有属性情景准备开始思路(思路很重要,一定要先理解思路再去看代码)代码Observer类(为单例模式做准备,并且进行for-in)observe方法(使用单例模式,它也是所有方法的入口所在)defineReactive方法(也是主要工作的核心所在,使用了Object.defineProperty)效果 情景准备 我们实验可以发现,单层 的o原创 2021-06-21 18:06:51 · 226 阅读 · 0 评论 -
Vue响应式原理解析(一)
Vue中数据响应式原理——Object.defineProperty(一) 在平时的学习vue中,都知道它的俩个特点或者说核心是:组件系统和数据驱动,并且也都知道vue做到响应式更新状态是通过了js的Object.defineProperty来实现的,但是它底层到底是怎么通过这个方法实现了响应式,大多数人都是一知半解的,秉着向大神膜拜的心态,我也是刚学习了下右大大的思路,在此处分享下我的学习心得。如有错误欢迎指出,互相学习。 第一篇主要写了写Object.defineProperty()的一些基础用法和原创 2021-06-18 15:54:34 · 209 阅读 · 1 评论