本地存储的方式及用法文章转载自javaScript有三种数据存储方式，分别是：sessionStoragelocalStoragecookier1. sessionStoragesessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除；setItem(key,value) 设置数据getItem(key) 获取数据removeItem(key) 移除数据clear() 清除所有值&

Vue Element-ui el-table组件 实现跨分页实现全选和批量操作这是项目中遇到的问题,项目使用elementui中的el-table标签同时使用了分页功能,工业功能大概思路是前端请求后台表格所用到的所有数据,后台全部返回,前端单独来做分页功能.如图所示:遇到问题:点击全选只能选择当前页的数据,切换页码的其他也没有选择,批量删除后也只能删除当前页的数据,并不能删除所有.HTML部分,

vue项目中配置环境变量此篇文章是在网上看到的,项目中我采用的是第二种方式,此文章出处.1.环境背景项目环境一般分为开发环境，测试环境，线上环境因为每个环境的接口域名、webpack 配置都是不同的，所以在打包构建时，我们需要区分这些环境，这时就用到了环境变量在工作中使用到了两种方法来区分，下面将这两种方式一一列举出来技术框架是vue-cli@2.x首先看下下面的解释，后面会用到< proc

vue项目中实现语音队列的依次播放需求分析通过长链接接收后台返回的消息数据,并进行语音的依次播放完整.长链接和语音播放功能在以往的文章中都有介绍.再次我们主要着重介绍语音依次播放的功能.那怎样实现依次播放呢?1.需要用一个数组存储接收到的数据对象.存储到数组中就不多说了,push进去就可以.2.按照顺序进行播放.消息队列有了,初始想法是使用一个定时器,每隔几秒播报消息队列中的消息,这样需要统计每条

vue cli3项目使用rem和vw实现自适应的两种方法前言之前我写过两篇cli2项目自适应配置的文章,不过现在遇到的vue项目大多是cli3项目所以觉得有必要总结一下cli3项目自适应方法,在网上找了一篇不错的文章安装配置vue-cli3 构建的项目相较于vue-cli2 构建的项目精简了许多，将一些默认配置进行了更好更严密，让开发变得更高效的封装。一. 使用postcss-px2rem自适应1

Vue项目中使用vw实现移动端适配随着viewport单位越来越受到众多浏览器的支持，下面将简单介绍怎么实现vw的兼容问题，用vw代替rem。1.准备工作我是用vue-cli脚手架搭建vue项目的，怎样搭建就不赘述了，当我们采用vue-cli脚手架搭建完项目，安装所有依赖包之后，用npm run dev启动后，在根目录有一个 .postcssrc.js 文件，文件结构如下：vue-cli默认已经安

vue项目中实现消息从上到下更新滚动需求说明一个盒子中只展示两条数据,来新数据后,新数据自动放到最上层,从上到下滑动把原数据顶下去.实现思路我总结了一下,我的思路大概就是一个四位轮播思路,我给大家画了一个图,便于更好理解,1234位四个位置,初始消息只有2,3位置的两个消息,滑动时最多同时存在3条消息,先别着急实现,慢慢往下看.1.把所需页面结构和样式先画出来HTML<divclass="l

vue中cdn加速与本地资源混合使用,解决cdn失效问题这个问题在写一个移动端项目的时候出现过.引入的cdn资源失效,后来直接下载资源放到本地进行引用.后来在网上查阅资料发现,通过document.write()可以两种方法混合使用,特此记录一下.<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.2/vue.min.js"

最近再做一个大屏项目,需要用到表格滚动效果,之前自己写过js实现,最近发现一个组件vue-seamless-scroll可以实现滚动,感觉挺方便的,准备用一下,但是用完之后才发现这个组件有很多坑需要解决.我把用法和一些问题的解决方法记录一下.思路:在外边写个弹框,在组件上挂上,mouseover,mouseout事件,通过鼠标事件控制弹框的显隐,代码在上边大家可以去看看.开始的思路是在表格行上添加

在vue项目中scss的安装和使用在这里不谈scss的语法 ,想看语法的可以点击这里,在这里说一下安装和全局使用.安装scss安装插件npm install node-sass sass-loader --save-dev找到build中webpack.base.conf.js,在rules中添加scss规则{test: /\.scss$/,loaders: ['style', 'css', 's