芦苇荡

摘要： 在web页面实现类似于浏览器的页签功能，使用vue的keep-alive组件做缓存 基本实现如下： 1.将需要做缓存的视图用keep-alive包裹 2.视图通过路由配置。需要缓存的组件在meta的keepAlive设为true,注意需要设置name 3.如果需要动态更改缓存组件的，即有的情景下需要 阅读全文

摘要： 新功能引导实现的思路： 1.类似于intro.js的实现，通过html元素id或者其它属性找到该dom节点，将其z-index调至较高层级； 如果新功能需要可点击操作，则使用该种方法 2.使用css的outline属性 以上方法在火狐浏览器会有兼容性问题，故改成用box-shadow属性 但这个方法 阅读全文

摘要： 有的时候业务场景需要浏览器回退时不使用默认的缓存而刷新页面得到最新的状态 阅读全文

摘要： 使用了vue框架，相关的代码如下 消息的换行文本需要换行显示，将换行符替换成html的换行符。 阅读全文

摘要： 正则匹配 阅读全文

摘要： 1.在路由数组设置里加meta对象 2.做如下配置 阅读全文

摘要： 按钮hover动态效果 初始 hover 阅读全文

摘要： 使用阿里巴巴矢量图标库 引入iconfont，在阿里巴巴iconfont新建自己的项目，上传svg格式的icon。项目会生成iconfont的代码 设置字体 在html中引入 ps:每次上传新icon之后需要重新生成引入的iconfont代码，如果是本地引入，需要重新下载替换。 阅读全文

摘要： 父容器flex布局，左右结构的某个子div的宽度为flex：1自适应，内容超出隐藏，需将其宽度设为0，再使用超出隐藏属性 例如： 如图 阅读全文

摘要： 宽度或者高度等属性需要进行计算时，可使用calc 例如（两个值与运算符之间必须有空格隔开） 比较优雅的写法： 定义一个计算方法 调用 stackoverflow的相关链接 https://stackoverflow.com/questions/10826064/how-can-i-create-a- 阅读全文