Vue.nextTick 的原理和用途
上一篇文字,挖了一个坑,关于nextTick
的,这次就补上。
上一篇文字,挖了一个坑,关于nextTick
的,这次就补上。
在做甲方项目的时候,遇到了一个比较正常的需求,就是点击新建的时候需要弹出一个弹窗,默认的去激活第一个输入框的焦点。这个需求看起来再正常不过的了,以前在写的时候也没特别注意(用jqeruy用习惯了),但是这次缺卡壳了。
当打包构建应用时,Javascript
包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。
这算是一个比较变态的需求了,最近给甲方做一个项目,有两级导航,但是一级导航是空的,也就是说一级导航是没有页面,所以也没办法去配置路由,但是在点击一级导航下的二级导航,需要把对应的一级导航高亮出来!如果不用VueRouter
来做,应该效果上可以实现,但是如果用户手动的在浏览器上输入地址,没有路由的配合,导航是不会高亮的!
先听我闲扯一段:在做项目的时候,有一个需求需要做一个下拉树,用饿了么的组件是没有下拉树的功能,但是组件是有树的,于是只能自己手动的去做一个下拉树的处理,我这里并不是要讲怎么做下拉树,因为做一个下拉是很简单的,我这里要说的是Vue的自定义指令。
一直对Vue的路由一知半解,今天在做项目的时候,需要写一个面包屑的功能,层级不多只有二级,就想到了路由元信息这个东西了。其实,这个可以任意发挥了,我这里只是偷懒。
在做项目的时候,难免会用到jquery
,所以还是整理出来,供以后参考。
统一团队的 JS 语法风格和书写习惯,减少程序出错的概率,其中也包含了 ES6 的语法规范和最佳实践。
统一规范团队 CSS 代码书写风格和使用 CSS 预编译语言语法风格,提供常用媒体查询语句和浏览器私有属性引用,并从业务层面统一规范常用模块的引用。