typescript
Emperor灬fly
今天又是充满希望的一天
展开
-
分享vue + vuex + typescript的一次项目代码重写
俗话说一个项目,用代码重写十次,每次肯定收益匪浅。后续还会持续重构ssr等。 在vue里使用ts,一般分为两种情况: 在vue-cli 3.0以下的老项目中。 在最新的vue-cli 3.0中。 vue-cli 3.0 在最新的vue-cli 3.0中使用typescript,可以说是非常方便了,因为添加了对ts的支持,用vue create 项目时,选第二项自定义...原创 2018-07-19 23:38:18 · 7896 阅读 · 2 评论 -
用指令管理vue滚动状态以及滚动条复原,让你为所欲为。
滚动状态管理以及滚动条复原是困扰了我很久的问题,想必也有和我有同样感受的同学,比如首页跳详情页,以及各详情页滚动条的管理,让人感觉很难受,那么如何来简化它呢?那么就使用这款神奇的插件vue-rescroll吧,让你疯狂飙车,为所欲为。 用了指令就不可以用keep-alive来进行缓存,因为那样自定义指令里的钩子函数不会触发,自然指令就失效了,一般的滚动插件配合vuex...原创 2018-09-12 22:10:39 · 2413 阅读 · 0 评论 -
分享vue项目的服务端渲染学习过程
最近抽出了点时间,弄了下vue ssr项目,至于ssr的优点就不多提了。学习路线参照了官方实例,有兴趣的同学可以去看下。 我的项目地址,主要使用了ssr+typescript+vuex+vue-cli 2.0,有兴趣的同学,欢迎start。 那么就先讲下前期的打包配置吧,本地开发,也就是所谓的dev,需要热更新等一系列便于调试的插件,所以需要区分webpack的配置。代码...原创 2019-01-08 23:42:38 · 1503 阅读 · 0 评论 -
超智能vue图片懒加载之指令化管理(vue-img-lazy-load)
分享一个基于vue的图片懒加载的指令插件,使用起来也是极其简易。 图片的懒加载,可以减少首页首次加载的数量,减少服务器的压力,优化用户体验,有点就不多提了,所以在app里使用图片懒加载是很必要的。 安装 npm install vue-images-lazy-load --save 使用(最开始的名字有冲突,所以使用了vue-images-lazy-loa...原创 2019-02-25 23:22:41 · 2071 阅读 · 0 评论