weixin_46995731的博客

vue项目中关闭ESLint校验ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误。但是在实际开发过程中，总是各种警告，难免让人不爽.上图的警告意思是“字符串必须用单引号。。。”，好吧，我自己写的代码我能做到，但是公司项目大家合作的时候，一旦合并代码，就会出现代码一片红色波浪的壮观场景。。。那么问题来了，如何在开发的时候，关闭ESLint校验呢？网上说法乱七八糟一大堆，先将个人经验稍作整理，分享如下方法一：根目

实用小知识点总结1、JavaScript 中如何检测一个变量是一个 String 类型？请写出函数实现typeof(obj) === "string"typeof obj === "string"obj.constructor === String2、请用 js 去除字符串空格？方法一：使用 replace 正则匹配的方法去除所有空格: str = str.replace (/s*/g,"");去除两头空格: str = str.replace (/^s|s$/g,"");去除左空格

Vue+WebSocket 实现页面实时刷新长连接最近vue项目要做数据实时刷新，折线图每秒重画一次，数据每0.5秒刷新一次，说白了就是实时刷新，因为数据量较大，用定时器估计页面停留一会就会卡死。。。与后台人员讨论过后决定使用h5新增的WebSocket来实现数据实时展示，记录一下过程以及碰到的问题；注意：页面刷新长连接会被关闭，其实进入当前页面建立长连接的目的就是页面不用F5刷新，所有数据自动实时刷新，如果还是来回F5大刷页面那就没有意义了。。。<template> <d

在vue项目中使用Vue2Leaflet地图组件最近遇到一个项目,使用的是Vue2Leaflet地图插件,咱们简单地介绍一下怎么使用吧.详细内容可以看官方文档.1.安装插件由于项目中会使用到vue2-leaflet和leaflet，因此需要安装2个插件npm install vue2-leaflet --savenpm install leaflet --save2、添加LMap 组件<l-map style="width: 100%; height: 600px;" :zoom="z

使用js原生实现拖拽功能这是在无意中看到别人写这个功能,自己也试了一下,他写的不是很全,我依照她的思路把代码补了一下,我是在vue框架中写的小例子,上代码吧!HTML部分<template> <div> <div class="toudong"> <img id="p3" src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=7790568,3102770366&

vue中常用的鼠标事件鼠标事件、键盘事件、表单事件咱们在写vue项目的时候,经常会用v-on或@进行事件绑定,总结一下绑定事件种类,鼠标事件Event NameFired WhenauxclickA pointing device button (ANY non-primary button) has been pressed and released on an element.click在元素上按下并释放任意鼠标按键。contextmenu右键点击（在右键菜单

vue项目中使用高德地图JS API进行精确定位并获取定位信息注册账号并申请Key首先，注册开发者账号，成为高德开放平台开发者登陆之后，在进入「应用管理」 页面「创建新应用」为应用添加 Key，「服务平台」一项请选择「 Web 端 ( JSAPI ) 」这一步不是很难,应该很快就搞定了.应用1. 在页面添加 JS API 的入口脚本标签，并将其中「您申请的key值」替换为您刚刚申请的 key；因为咱们是vue项目所以直接在index.html中引用就行<scrip

vue监听滚动事件 实现某元素吸顶或者固定位置显示最近写了一个VUE的web app项目，需要实现某个部位吸顶的效果。即，页面往上滑动，刚好到达该部位时，该部分，固定在顶部显示。1、监听滚动事件利用VUE写一个在控制台打印当前的scrollTop,首先，在mounted钩子中给window添加一个滚动滚动监听事件，mounted () { window.addEventListener('scroll', this.handleScroll)},然后在方法中，添加这个handleScr

Vue .sync修饰符与$emit(update:xxx).sync修饰符的作用在对一个 prop 进行“双向绑定,单向修改”的场景下，因为子组件不能直接修改父组件，sync在2.3版本引入，作为一个事件绑定语法糖，利用EventBus，当子组件触发事件时，父组件会响应事件并实现数据更新，避免了子组件直接修改父组件传过来的内容。.sync修饰符之前的写法父组件：<parent :myMessage=“bar” @update:myMessage=“func”>js定义函数:fu

前端页面添加灰色滤镜,使网页整体变灰只需要在html的样式里面加一句代码html,body,div,img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url("data:image/svg+x

vue项目实现简单地购物车功能由于只有前端代码,后台接口是请求不通的,所以我给列表数据itemlis添加了一个初始值,你在写的时候初始值为空数组.<template><div> <div id="cart" v-cloak> <template v-if="itemlis.length"> <table> <thead>

详细介绍scrollIntoView（）方法属性在一个移动项目中遇到个这样的需求,一个表单填写页面,每项都有表单验证,并且点击提交按钮,未通过校验的输入框下边显示校验信息,同时页面滑动定位到第一个未通过校验的输入框.我们在完成这项需求时,使用的scrollIntoView（）方法.下边我们详细介绍一下scrollIntoView的属性用法.简介该scrollIntoView()方法将调用它的元素滚动到浏览器窗口的可见区域。语法element.scrollIntoView（）; // 等同于el

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

总结vue项目 npm装包时-S和-D的区别1、npm install name -save 简写（npm install name -S） 自动把模块和版本号添加到dependencies。-S后，安装包会在package中的 dependencies 对象中。简称dep。dep是在生产环境中要用到的。2、npm install name --save-dev 简写（npm install name -D） 自动把模块和版本号添加到devdependencies。-D后，安装包会在package中

vue项目在安装scss时报错The “path” argument must be of type string. Received undefined在vue项目中感觉安装scss很简单,今天啪啪打脸,安装完scss后,准备一波骚操作,重启项目报错.报错后来才发现是是sass-loader 版本造成的，此时的版本是 “sass-loader”:"^10.1.0",修改版本为 “sass-loader”: “^7.3.1”，重新使用命令安装npm i sass-loader@7 --D即可特

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