一个优质的Vue组件库应该遵循什么样的设计原则

一、组件库的价值

  • 就个人而言,拥有一套自己的组件库,可以让你的开发变得更高效,让你在行业里更有价值。
  • 就团队而言,拥有一套团队的组件库,可以让协同开发变得更高效规范,让你的团队在公司更具有影响力。
  • 就公司而言,拥有一套公司维护的开源组件库,可以让你的公司在行业里更具有影响力。
  • [……]

Vue项目SEO优化的另一种姿态

背景:当前项目首页和登陆后的平台在一个项目里,路由采用hash模式,现在要做SEO优化,这时候同构SSR(Server Side Rendering)服务端渲染代价显然太大,影响范围比较广,同样更改当前项目路由为history模式采用预渲染(Prerending)代价也不小。最终决定将首页单独出一个[……]

H5背景音乐自动播放(兼容微信IOS,进程后台切换自动停止播放,本文例子为Vue写法)

Vue自定义指令实现点击div以外部分隐藏div

首先新建一个directives.js文件,自定义一个指令:

然后在组件内:

vue中使用 echarts3.0 或 echarts2.0

一、echarts3.0(官网: http://echarts.baidu.com/)

二、 echarts2.0(官网: http://echarts.baidu.com/echarts2/)
[crayon-5df6f9bb[……]

Vue根据URL传参来控制全局 console.log 的开关

如果你的项目中console.log了很多信息,但是发到生产环境上又不想打印这些信息,这时候就需要设置一个全局变量,如:debug,

用正则匹配一下参数:

Js跑马灯效果 && 在Vue中使用

Vue获取DOM元素样式 && 样式更改

在 vue 中用 document 获取 dom 节点进行节点样式更改的时候有可能会出现 ‘style’ is not definde的错误,这时候可以在 mounted 里用 $refs 来获取样式,并进行更改:

[[……]