
Vue
qq_33834489
这个作者很懒,什么都没留下…
展开
-
Vuex持久化存储之vuex-persist
https://www.jianshu.com/p/a4faae6a3184原创 2020-06-19 23:15:23 · 949 阅读 · 1 评论 -
Vue2 技术栈归纳与精粹
https://uinika.github.io/web/broswer/vue.htmlVue是一款高度封装的、开箱即用的、一栈式的前端框架,既可以结合webpack进行编译式前端开发,也适用基于gulp、grunt等自动化工具直接挂载至全局window使用。本文成文于Vue2.4.x版本发布之初,笔者生产环境当前使用的最新版本为2.5.2。在经历多个前端重度交互项目的开发实践之后,笔者结合...转载 2019-01-06 13:22:55 · 464 阅读 · 0 评论 -
看完这篇关于MVVM的文章,面试通过率提升了80%
来看看目前最火的MVVM今天面试又被问到什么是MVVM?光靠说理论已经糊弄不过去了?什么!MVVM的实现不止一种啊?往下看~ 亲手带你剖析MVVM原理!先来总结下MVVM的实现方式传统的MVC中通过发布订阅来进行数据和视图的绑定监听angular1.x中通过脏值检测来实现MVVM模式目前主流Vue的模式:数据劫持 Object.defineProperty、发布订阅ES6中的新特性Proxy和Re...转载 2018-05-24 18:44:18 · 1347 阅读 · 0 评论 -
在vue中使用sass的配置的方法
1、创建一个基于 webpack 模板的新项目$ vue init webpack myvue12、在当前目录下,安装依赖$ cd myvue$ npm install123、安装sass的依赖包npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass1234、在bu...转载 2018-04-27 16:14:47 · 149 阅读 · 0 评论 -
vue样式
1、vue.js中内联样式style三元表达式<span v-bind:style="{'display':config.isHaveSearch ? 'block':'none'}" >搜索</span>--------------------------------------------------------------class、style的绑定1.在 v-bin...原创 2018-03-31 15:23:00 · 734 阅读 · 0 评论 -
探索Vue高阶组件
高阶组件(HOC)是React 生态系统的常用词汇,React 中代码复用的主要方式就是使用高阶组件,并且这也是官方推荐的做法。而Vue 中复用代码的主要方式是使用 mixins,并且在 Vue 中很少提到高阶组件的概念,这是因为在 Vue 中实现高阶组件并不像 React 中那样简单,原因在于 React 和 Vue 的设计思想不同,但并不是说在 Vu转载 2018-02-03 20:01:02 · 5588 阅读 · 5 评论 -
Prerender预渲染优化SEO
单页面应用的主要内容都依赖于JS的执行,当其首页面下载下来的时候,其实不是完整的页面,而是HTML + JS文件,浏览器提供执行环境于是页面被渲染了出来。用户在访问的时候体验会很好,但是对于搜索引擎的爬虫就不太友善了,因为他们不能执行JS,这时候Prerender就派上用场了,它可以帮忙把页面渲染完成之后再返回给爬虫工具,我们的页面也就能被解析到了。最近我尝试搭建了基于本地的Prerender转载 2018-02-03 15:14:53 · 4278 阅读 · 1 评论 -
vue-router的使用及实现原理
前端路由是直接找到与地址匹配的一个组件或对象并将其渲染出来。改变浏览器地址而不向服务器发出请求有两种方式: 1. 在地址中加入#以欺骗浏览器,地址的改变是由于正在进行页内导航 2. 使用H5的window.history功能,使用URL的Hash来模拟一个完整的URL。当打包构建应用时,Javascript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块原创 2018-01-23 21:21:05 · 2608 阅读 · 0 评论 -
浅谈Vue项目优化
前几天看到大家说 vue 项目越大越难优化,带来很多痛苦,这是避免不了的,问题终究要解决,框架的性能是没有问题的,各大测试网站都有相关数据。下面进入正题基础优化所谓的基础优化是任何 web 项目都要做的,并且是问题的根源。HTML,CSS,JS 是第一步要优化的点分别对应到 .vue 文件内的,,,,下面逐个谈下 vue 项目里都有哪些值得优化的点template原创 2018-01-23 21:19:08 · 591 阅读 · 0 评论 -
Vue2技术栈归纳与精粹
Vue是一款高度封装的、开箱即用的、一栈式的前端框架,既可以结合webpack进行编译式前端开发,也适用基于gulp、grunt等自动化工具直接挂载至全局window使用。本文成文于Vue2.4.x版本发布之初,笔者生产环境当前使用的最新版本为2.5.2。在经历多个前端重度交互项目的开发实践之后,笔者结合官方文档对Vue技术栈进行了全面的梳理、归纳和注解,因此本文可以作为Vue2官方tutoria转载 2018-01-14 20:59:39 · 283 阅读 · 0 评论 -
为什么js中要用void 0 代替undefined,还是有特别的含义呢
这个是Backbone.js中的一句源码if (callback !== void 0 && 'context' in opts && opts.context === void 0) opts.context = callback;此处void 0和undefined意义一样吗,我f12 chrome后,undefined === void 0;...原创 2018-08-09 16:55:50 · 5977 阅读 · 0 评论 -
Vue项目编译后部署在非网站根目录的解决方案
https://juejin.im/post/5ae03b98f265da0b8e7f1251背景同一个生产部署项目,基内外网的访问路径并不相同,内网是基于域名根目录来访问,而外网却指向了一个子目录。eg. :vue-router: history模式 内网环境:192.168.1.1:8080/index.html 外网环境:domain.com/ttsd/index.html...转载 2018-12-03 14:58:36 · 1080 阅读 · 0 评论 -
剖析Vue原理&实现双向绑定MVVM
本文能帮你做什么?1、了解vue的双向数据绑定原理以及核心代码模块2、缓解好奇心的同时了解如何实现双向绑定为了便于说明原理与实现,本文相关代码主要摘自vue源码, 并进行了简化改造,相对较简陋,并未考虑到数组的处理、数据的循环依赖等,也难免存在一些问题,欢迎大家指正。不过这些并不会影响大家的阅读和理解,相信看完本文后对大家在阅读vue源码的时候会更有帮助本文所有相关代码均在gith转载 2018-01-14 14:50:42 · 191 阅读 · 0 评论