首页 / 前端开发

vuex2.x中mutation 和 action的基本使用

1, mutation  The only way to actually change state in a Vuex store is by committing a mutation, 在vue 中,只有mutation 才能改变state.  mutation 类似事件,每一个mu...

2019-11-09
标签: vue    45

vue中vue2-dropzone 多文件上传插件的使用

下载依赖包 推荐使用cnpm cnpm install vue2-dropzone --saveAPI文档 https://rowanwins.github.io/vue-dropzone/docs/dist/index.html#/installationvue-dropzone的git...

2019-11-01
标签: JavaScript  vue    95

关于前后端分离项目权限该怎么设计

最近做了一个项目使用vue+ springboot2.0开发的一个前后端分离的后台管理项目;在这里总结一下我的一个权限设计思路,权限设计是基于RBAC来设计的我们都知道做一个后台管理系统最重要的就是权限设计这块。在之前的开发模式中(前后端混合开发),权限这块我们只需要在后端判断即可,因为前后端混合开...

2019-10-16
标签: vue    47

vue中父组件与子组件、子组件与子组件间的传值

父向子传值-->props 1.props静态传值    var childComponent = {        template...

2019-10-11
标签: JavaScript  vue    76

简单理解 promise 和 async、await的作用

这里我们先简单的了解一下什么是同步操作和异步操作  同步:后面的程序需要等待前面的程序执行完,才能往下执行  异步:后面的程序不需要等待前面的程序执行完返回结果,而是同时执行 (这根我们现实生活的理解是不一样的)    所以异步操作带来的一个问题就是...

2019-09-24
标签: JavaScript    73

利用Set集合提高数组判断效率以及使用array_filter 实现实时模糊查询

1 利用Set集合高效的判断数组是否存在某个值,有则删除 无则添加;这种方式比起我们平时利用indexOf或includes方法判断。然后在通过   array.splice 进行添加或删除要快得多    let arr =  [1, 2, 4, 5...

2019-09-23
标签: JavaScript    79

JavaScript引擎的运行原理

我们都知道js是单线程执行了,意味着同一时间只能完成一件事情。但是这也给js的运行带来了一些不好的体验,比如主线程在执行一条很耗时的语句时后面所有的语句都会处于等待状态,造成主线程的阻塞。所以为了解决这个问题js引入了同步任务和异步任务的概念。JavaScript引擎在执行的时候,涉及到几个概念:调...

2019-09-20
标签: JavaScript    44

js实现复制粘贴图片上传功能

<div id="test" contenteditable="true"></div>1.复制图片 /** * 注:图片复制粘贴只能是用剪切工具如:QQ截图或者是网页右键复制图片,粘贴功能有效, * 在系统文件夹复制的图片不能粘贴    ...

2019-09-19
标签: JavaScript    75

js实现图片拖拽上传预览功能

实现此功能主要利用两个事件 ondragover 和 ondropvar box=document.getElementById('box');// ondragover 事件可以用来监听把图片拖拽到指定区域上传box.ondragover=function (e){ ...

2019-09-19
标签: JavaScript    44

JavaScript 两种高效的数组去重方式

let a = [1,3,4,6] let b = [1,3,24,36] 1.利用ES6的set这一数据结构 function distinct(a, b) { return Array.from(new Set([...a, ...b])) ...

2019-09-05
标签: JavaScript    62

javascript作用域以及作用域链是什么?

作用域:我们可以简单的理解为作用域就是变量或者函数可以被访问到的地方。作用域我们可以分为:全局作用域和局部作用域 我们定义的全局变量所在的作用域就是全局作用域,而我们在函数内部定义的局部变量所在的作用域就是局部作用域代码讲解:<script type="text/javascript...

2019-08-04
标签: JavaScript    115

关于javascript中的call方法和apply方法

call:方法能劫持另外一个对象的方法,继承另外一个对象的属性.Function.call(obj,[param1[,param2[,…[,paramN]]]])obj:这个对象将代替Function类里this对象params:这个是一个参数列表  (有多个参数)call有两个妙用:1:...

2019-08-03
标签: JavaScript    126

setTimeout延时0毫秒的作用

很多人认为setTimeout延时0毫秒时,会立即执行,其实事实上并不是的。我们都知道javascript是单线程处理任务的,而setTimeout是异步事件,当javascript引擎遇到异步事件时会将其放到队列里,而不是立刻执行;javascript执行完同步的任务之后,再执行setTimeou...

2019-08-01
标签: JavaScript    94

JavaScript防抖和节流函数实现

如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常糟糕。此时我们可以采用debounce(防抖)和throttle(节流)的方式来减少调用频率,同时又不影响实际效果。 防抖: 简单理解就是防止事件频繁的多次触发,n秒内多次触发事件,只执行第一次或最后一次操作<di...

2019-07-25
标签: JavaScript    116

HTML锚点几种方式

HTML锚点几种方式1. 在同一页面中<a name="add"></a><!-- 定义锚点 --><a href="#add">跳转到name为:add 的标签</a>2. 在不同页面中,锚点定位在a.html中,从b页面的链接跳转到这个...

2019-06-10
标签: JavaScript  HTML    112

http get/post请求,参数出现空格等情况的处理

今天线上项目有个小功能突然报错,经排查得知:在get请求中,有时候会出现空格的请求,导致后端接收的数据不完整,解决方式,利用JavaScript的encodeURL(参数)编码后在传递,然后后端比如php接收时,利用urldecode(参数)解码可以解决拓展:客户端向服务器发起http请求传递参数时...

2019-06-05
标签: JavaScript    124

dom对象互换位置实现原理

在实际业务中我们有时候需要改变dom节点的位置;在一些节点滚动效果的动画中,其实很多也是用了改变dom节点的位置实现的,比如把dom03与dom01交换位置。下面以jq对象为例html代码:<ul id="test"> <li>dom01</li> <li&...

2019-06-03
标签: JavaScript    118

javascript 中文数字字母排序的问题

在JavaScript中提供了一个函数arrayName.sort() 默认是升序。且一般用于简单的数组。类似:arr = [3,4,5,54,2,45];但是对于一个对象数据,且有多个字段时,我们需要根据某个字段的值来进行升序和降序操作。该什么处理呢。我们可以利用sort()函数提供的一个参数,该...

2019-05-27
标签: JavaScript    106

HTML5实现拖动DIV交换位置详解

主要是利用HTML5提供的API接口实现拖动元素 “交换位置”   单纯的用H5来实现的话,用户体验并不好。 一般都是利用js的mousedown mouseup mousemove来实现 <!DOCTYPE html> <html>&...

2019-05-18
标签: JavaScript  HTML    203

JS字符串False转Boolean

其实这个是伪命题,也就是说在js中不管是字符串false还是字符串true转成Boolean类型,它们的结果还是true1.var hasAuth = 'false';单纯的利用if来判断是boolean false还是true 是判断不出来的var hasAuth = 'true';if(hasA...

2019-05-17
标签: JavaScript    132