前端方法与实现

在我们的前端项目中，navigator.userAgent属性含有当前浏览器相关信息（比如版本号）。 所以当我们想要获取用户当前访问的浏览器的版本时直接去解析navigator.userAgent字段

在平时开发的时候很多情况都会使用到表格和分页功能，所以根据用到的表格功能做一个基础的封装并记录下来，如果有其他功能需要添加直接在此基础上进行扩展即可。eleTable组件的封装引入了element组件库中的组件，并使用了v-bind 和 v-on来进行对组件间的传参，可以把使用时...

在平时学习或者开发时，有时候会自己写一些项目和demo出来，当你想要给别人在线展示一下自己写的效果时在本地就会非常的不方便，当然我们也可以购买云服务器来自己搭建部署项目但是麻烦不说还需要花费一定的费用，那么有没有其他办法来部署自己的前端项目呢？ 答案是：当然有。github上就有...

在平时开发中会遇到页面上多个视图区域，每个区域展示不同的内容，并且视图的排布可以动态的调整（如：上下平分切换为左右平分，在切换为上二下一布局等）。 如果只有很少的布局情况可以直接使用样式写死即可，如果是多种布局情况，就无法满足灵活的布局需求。因为视图布局可以灵活的切换，所以我们就...

在平时开发中会有一些涉及到通过拖拽效果完成的业务需求，那么我们就需要了解和学习拖拽相关的知识，在html5中就有原生的拖拽api，下面就来使用这些api实现一个灵活拖拽的demo。简单来说完成拖拽一共需要三步： 开始拖拽 -> 拖拽中 -> 结束拖拽。 注意: 完成拖拽效果的步骤...

<a href="//www.baidu.2、 使用window.location.window.location.href = '//www.baidu.<a href="//www.baidu.2、 使用window.window.open('//www.baidu.wind...

this.clearInterval(this.if( this.scrollWrap.scrollLeft >= this.scrollStart.this.scrollWrap.this.scrollWrap.if( this.scrollWrap.scrollTop >= ...

使用docker进行前端项目构建时报错，但是本地构建正常。 完整报错信息The build failed because the process exited too early. This probably means the system ran out of memory ...

js中截取小数点后位数的三种方法 1、不四舍五入 通过indexOf方法判断出‘.let str = value.let strIndex = str.indexOf('.str = str.console.2、四舍五入 通过toFixed（）方法直接截取小数点后面的位数。str...

最近做项目有需求需要pdf在线预览并支持下载，而且还要兼容ie浏览器，之前又是使用过vue-pdf插件在chrome上没有问题但是在ie上不兼容。最后使用了pdf.Js这个原生库，虽然网上有许多使用教程但是还是踩了不少坑，所以在此记录下来。一、下载pdf.链接: https://...

1、 利用es6中 set类型实现数组去重。console.log([...2、 新建一个空数组，然后循环之前的数组，判断每一项是否新数组里面，不存在的话push到新数组里面。arr.if (newArr.newArr.console.3、 利用对象的key值不能重复的特性来实现...

三种判断一个对象是否为空的方法: 1: 通过object.keys(obj)方法将对象中的key取出来转为数组,并判断数组的长度. if (Object.keys(this.rowDataForm).return this.$message.2: 通过JSON. if (JSON...

需求： 当form表单的多项内容每一项改变后，都会去请求接口返回实时的数据。原解决方法： 在watch中分别监视改变的数据，当数据改变时就触发请求的方法。如： 问题： 这样做其实需求功能可以正常实现，但是因为表单中的数据在初始化的时候会反显，所以此时监视到数据变化就会多次触发同一...

在平时开发中会遇到展示不全的信息或者一个图标，鼠标移入后展示出更详细的内容浮框需求，现在使用的组件库都有这个功能组件，直接引入使用即可。但是有时候项目没有引入组件库，或者无法使用组件的时候，自己可以使用纯css来实现自己的tooltip浮框。....box-shadow: 0 5...

给大家推荐一个好用又轻量级的富文本编辑器wangEditor v4版本。wangEditor富文本的文档也比较全面，而且易上手。 问题描述： wangEditor自己在上传图片的时候直接上传到阿里云服务器跨域问题（wangEditor支持直接配置上传的地址进行图片上传，但是我门的...

我们在开发中经常会有页面中会加载图片的情况，当要加载的图片过大或者网络不太好的时候，图片位置就会出现空白页面非常影响用户体验。 再有就是我想把将要跳转的其他页面里的图片提前加载好，防止因为图片影响页面的加载。诸如此类的场景都可以使用图片预加载技术来对我们的用户体验进行优化。图片预...

限制在规定时间内只触发一次函数执行，将多余的触发给忽略掉。也可以直接理解节流就是节省流量（代码执行开销），将原本高频率的操作降低到我们设置的时间频率内执行。从定义可知节流主要是降低函数执行的频率，节省执行开销的同时并且不耽误正常的功能实现，所以它所适用的大多数就是那种触发频率极高...

使用css实现一个铅笔（箭头） 思路： 首先使用div画出主体，然后使用伪元素after画三角形，调节到合适的位置即可。实现三角形的方法： 画三角形的方法是元素的宽高为0，设置border大小颜色，然后将其余三个border设置为透明。 .

在js中对象类型的数据取值大多使用obj.a.b.c.d…这种方式取值，但是有时候数据的层级嵌套的非常深每次取值就会非常不方便，所以简单封装两个取值和更新值的小方法。const keyList = objKey.return keyList.console.上述代码传入两个参数 ...

如果我们想获取数组中每一项值出现的次数，可以使用下面的几个方法。利用对象存储数组每一项的值为key，然后判断是否已经存在对象中。1、 先创建一个空的Object 2、 然后循环目标数组的每一项 3、 将目标数组循环的项作为空对象的key，判断key对应的值是否存在 4、 不存在就...