一. 数据格式  1.数组方式：         [            {"key1": "value1"},            {"key2": "value2"}        ]  2. 对象方式：     {          “key1: "value1",           &

 文章转载自：https://segmentfault.com/a/1190000013173840前端小伙伴们都知道Font Awesome图标库，它具有丰富的常用图标，笔者开发时也经常使用，省却了自己到处找图标的困扰，当然阿里的iconfont也不错，不过它比较杂乱，找的图标有时候不是配套的，尺寸和比例上有些偏差，即使你只使用某一个图标库的图标难免也会有收录不全的情况（这是笔者的使用体...

在vue单文件组件开发中我们通常会在<style>标签上加上scoped属性 <style scoped>, 使用scoped之后样式只影响组件自身，这样可以避免影响到其他组件，如果不加该样式作用范围是全局的。但有时候我们需要改变其他组件的样式，比如 比较常见的 引入第三方组件 , 我们需要修改样式时，就需要用到深度选择器如 >

左侧导航栏开发有时候会遇到一级标题右边需要上下箭头切换的效果，后台管理系统中有时候会用到，先上效果图。未点击的效果，左侧导航标题箭头是向下的点击后，对应的二级列表显示出来，箭头变为向上二级列表展示隐藏用的是bootstrap, 上下箭头图标用的是Font Awesome，箭头切换用的是jQuery,我是在vue单文件组件中使用。代码如下：invisible样式是bo...

在Vue项目中使用了eslint，控制台一直会显示一些可以忽略的提示，很烦人，于是把碰到的整理如下：屏蔽某项限制都是在项目目录下.eslintrc.js文件，rules项下修改，没有对应内容就增加一条。1. Expected linebreaks to be 'LF' but found 'CRLF' linebreak-stylerules项， 添加一条...

在vue项目中我们一般会用到Vuex对数据进行管理，但我们刷新页面时，store数据会全部丢失，如何解决呢？其实很简单，使用vuex的插件来把store中的数据缓存到本地就好了，我用的是vuex-persistedstate，应该还有其他插件。使用方法如下：1.先安装vuex-persistedstatenpm install --save vuex-persistedstate2.在...

在vue项目中经常会用轮播图，我一般用vue-awesome-swiper这个插件。我们轮播图片一般通过后端获取，循环展示，但会出现循环轮播失效的问题。原因是循环还没有完的时候swiper组件运行冲突出错导致的，在swiper组件上对数据价格v-if就可以解决。代码如下： ...

最近做的一个网站项目，由于种种原因技术选的是jquery。但网站的顶部导航栏 和 底部每个页面都是一模一样的，重复的写固然可以，但这样做是不推荐的，代码冗余不说，主要是不好维护，中途要改公用部分的东西你就需要每个页面去改，麻烦而且有可能会有遗漏。那如何抽离出公用的部分呢？(有点类似Vue，React等框架的组件化)我选的是运用jquery的load方法，还有很多其他方法，如iframe ，incl

在项目中遇到富文本编辑器需要实现粘贴图片的功能，使用场景：如用户在其他地方截图可以直接在富文本编辑器内粘贴。找了一圈市面上开源免费的富文本编辑器，最后选中CKEditor。ckeditor document build 版本默认是可以粘贴图片的, 其他build版本没有尝试。安装： 有好几种build版本可以选，我选用的是@ckeditor/ckeditor5-build-decoupl...

vue中非父子组件之间通信除了使用vuex，也可以通过bus总线，两者适用场景不同。bus适合小项目、数据被更少组件使用的项目，对于中大型项目 数据在很多组件之间使用的情况 bus就不太适用了。bus其实就是一个发布订阅模式，利用vue的自定义事件机制，在触发的地方通过$emit向外发布一个事件,在需要监听的页面，通过$on监听事件。vuex适用中大型项目、数据在多组件之间公用的情况。...