欢迎来到 动感地带

原创 在 JavaScript 中，对象取值通常使用点号（.）操作符，例如 obj.property 。但有时会使用方括号 [] 来获取对象的属性值，主要有以下几种原因：

【代码】在 JavaScript 中，对象取值通常使用点号（.）操作符，例如 obj.property。

原创 前端页面，手机端调试工具 vConsole.js

1.引入 <script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script>

原创 浏览器视频 倍速播放 快捷键

后面的数字 就是倍速，自己可以改。F12 控制台 输入。

翻译 前端JavaScript面试100问

闭包：就是能够读取外层函数内部变量的函数。闭包需要满足三个条件：访问所在作用域；函数嵌套；在所在作用域外被调用。优点：可以重复使用变量，并且不会造成变量污染。缺点：会引起内存泄漏使用闭包的注意点：由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。闭包会在父函数外部，改变父函数内部变量的值。

原创 vue2入门学习路线指引

6.指令v-if, v-else-if和v-else。9.指令v-model双向绑定和v-model修饰符。8.指令v-on事件对象,事件修饰符和按键修饰符。4.vue组件通讯 - 父组件传子组件(父传子)6.vue组件通讯 - 子组件传父组件(子传父)3.使用Vue官方提供的vue-router模块实现路由功能。4.指令v-text和v-html。7.指令v-on和methods。2.scoped实现组件的私有化。2.vuex定义公共样式state并在组件中使用。5.指令v-if和v-show。

转载 10 个处理 JavaScript 对象的实用技巧！

下面的示例展示了一种有条理的方式从对象中选择数据，并可以选择所需的键，并将它们提取到一个新的对象中。最合适的方法是编写一个可重用的删除方法，该方法将一个对象和要删除的键列表作为输入。使用扩展运算符进行组合更方便，只需展开任意数量的对象，并将它们组合成一个对象即可。使用 for-in 循环时，检查对象的属性有助于避免迭代对象原型中的属性。第一个是分配的对象，其余参数是需要组合的对象。需要注意，如果存在重复的键，那后面的会将覆盖前面对象的键。同样，使用不同的条件，可以向对象添加任意数量的元素。

原创 卸载重装node,npm的版本还是没变回来

2，找到npm 和npm cache 这两个文件夹 ，删掉。1，在c盘中 查找 npm 关键字。5，npm的版本就好了。3，然后卸载node。

原创 vue element-ui el-table 的滚动条联动效果

容易踩坑的就是 之前dialoge没显示，就是在mounted里面去获取dom元素，一直报错，解决方法就是监听dialoge，当弹出后，dom渲染完了 再去获取就好了。二：还有一种写在 el-dialog 弹窗里面的 ，如果还是按上面的写会报错，需要修改下。把scrollLeft或者scrollTop赋给Btable,需求效果如图所示，可以上下 或者左右。鼠标控制Atable滚动条的时候,反之Btable赋给Atable,

原创 slice截取字符串、数组 的小方法

数组对象中的某个参数值 排序 ，slice的数组用法 和 字符 用法

原创 axios二次封装（GET,POST,PUT,DELETE）用到 项目里面，直接复制,注意路径问题

一般在项目的src目录中，新建一个utils文件夹，然后在里面新建一个http.js文件,http.js文件用来封装我们的axios,然后.在utils文件夹下 建一个api.js,放每个具体的请求方法。在vue页面中使用方法。

原创 后台返回一个扁平化菜单数据，写出方法，将数据变成 树形结构

【代码】后台返回一个扁平化菜单数据，写出方法，将数据变成 树形结构。

转载 ES6 Promise 用法讲解

ES6 Promise 用法讲解

原创 vscode不提示vue关键字

vscode不提示vue关键字

原创 jq（jquery）添加元素，删除元素，重复过滤

【代码】jq（jquery）添加元素，删除元素，重复过滤。

原创 Jquery根据指定值删除数组中的元素，不知道索引情况下

Jquery根据指定值删除数组中的元素，不知道索引情况下

原创 echars地图点击外面的dom结构(html结构)，对应的地区高亮

echarts地图点击外面dom，对应地区高亮

原创 用js实现随机选取10~100之间的10个数字，存入一个数组，并排序，要是获取不重复的

【代码】用js实现随机选取10~100之间的10个数字，存入一个数组，并排序，要是获取不重复的。

原创 数组中的方法是否会修改原数组小结

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。pop() 方法用于删除数组的最后一个元素并返回删除的元素。slice() 方法可从已有的数组中返回选定的元素。.....

原创 css 关于滚动条样式修改 最全的操作了

css 关于滚动条样式修改 宽高 背景色 最全的操作了

原创 PHOTOSHOP常用快捷键大全

PHOTOSHOP常用快捷键大全

原创 解决animate.css在谷歌浏览器下无效，动画没了的问题

原创 10个算法提升你的JavaScript技能

1）在数组中查找缺失的数字Input: [1, 2, 3, 4, 6, 7, 8, 9, 10]Output: 5const find_missing = function(input) { let n = input.length + 1; let sum = 0; for (let i in input) { sum += input[i]; } return Math.floor((n * (n + 1)) / 2) - sum;};提示：算术级数和

原创 MUi 加了 下拉刷新，上拉加载 后，点击事件click失效问题

今天应用MUi的上拉加载更多方法后，发现给之前元素注写的点击click事件没有反应。用mui.on( )添加事件监听，用tap代替click事件即可解决。mui("ul").on("tap","li",function(){ // 逻辑代码，例如跳转详情页、ajax});监听 父盒子ul ，点击 子元素 li 就好了。...

原创 Vue面试题

1.Vue.js介绍Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的APIVue.js是一个构建数据驱动的Web界面的库。Vue.js是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue生态系统支持的库开发的复杂单页应用。数据驱动+组件化的前端开发。简而言之：Vue.js是一个构建数据驱动的..

原创 为什么v-if和v-for不建议同时使用

在官方文档中明确指出v-for和v-if不建议一起使用。原因：v-for比v-if优先级高，每一次都需要遍历整个数组，造成不必要的计算，影响性能，即使100个list中只需要使用一个数据，也会循环整个数组。(面试的时候可以答这个，下面是解决方法) <ul> <li v-for="item in list" v-if="item.actived">{{item.name}}</li> </ul>解决：使用computed<ul

原创 Vue 的生命周期 详细解释

Vue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载 Dom、渲染→更新→渲染、销毁等一系列过程，我们称这是 Vue 的生命周期。通俗说就 是 Vue 实例从创建到销毁的过程，就是生命周期。 每一个组件或者实例都会经历一个完整的生命周期，总共分为三个阶段：初始化、运行 中、销毁。 实例、组件通过 new Vue() 创建出来之后会初始化事件和生命周期，然后就会执行 beforeCreate 钩子函数，这个时候，数据还没有挂载呢，只是一个空壳，无法访问到数据

原创 css滚动条样式修改大全

/*自定义滚动条样式*/::-webkit-scrollbar { width: 4px; height: 4px;}/*滚动条两头的按钮*/::-webkit-scrollbar-button { background-color: #eeefef; height: 0; display: none;}::-webkit-scrollbar-track { background: #eeefef; background: none;}/*滚动条背景颜色*/.

原创 css设overflow:hiden行内元素会发生偏移的现象

父级元素包含几个行内元素<div id="box"> <p> <span>按钮</span> <span>测试文字文字文字测试文字文字文字</span> <span>看这里</span> </p> </div>#box p{ width: 800px; fon

转载 拖拽div到另一个div；之前有则不添加，没有就添加

<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><style type="text/css">.bigBox {display: flex;width: 100%;height: 400px;}#aBox {width: 40%;height: 100%;background-color: p...

原创 click和on click区别

click和onclick的区别onclick是绑定事件，告诉浏览器在鼠标点击时候要做什么；click本身是方法，作用是触发onclick事件，只要执行了元素的click()方法，就会触发onclick事件click可以理解为一次简单的触发，只执行一次，找不到以后就不再执行；onclick则是给这个id注册一种行为，可以重复触发click 是方法，onclick是事件。执行click就是模拟鼠标点击，同时会触发onclick事件。所以说jquery的click点击事件会在点击下拉框的时候触发

原创 Vscode好用的小技巧之--$&妙用

当小伙伴用less插件写css的时候，有时候是这样的的单位，但是有时候发现用了less插件，vscode不编译了，要在两边加上括号，这么多的单位怎么加括号？下面就一步解决：1、首先 ctrl + f2、把正则匹配勾选3、输入正则匹配，匹配到要修改的部分：\d+/+@w4、点击替换，输入替换后的语法: ($&)5、点击全部替换，就发现全部加上了括号，6、这个 $& ,就是匹配的当前项本身，7、再看个例子：我查找到了一个html字...

原创 VScode日常用的插件汇总

1、这是自动关闭标签的，例如<div></div>2、这是你修改标签的时候，修改前面的一个，后面对应的会一起修改，好用好用3、这个可以让你的js代码更容易看出模块区域，比如：，一层一层条理清晰。4、这是Vscode中文插件5、这个可以在谷歌浏览器中调试6、这个超级好用，可以让你引入的图片在Vscode中看到，方便极了，例如：7、这也是在默认浏览器打开HTML的：8、在Vscode创建本地服务器打开html..

原创 小demo学会使用css中的伪元素::before/::after

！！目标效果点击能自由切换，前面的小图标用伪类来做。1.先看HTML结构<div class="m-check"> <i class="active">今日</i> <i>本周</i> <i>本月</i> <i>本季度</i> <i>本年</i></div>我们并

原创 vue-router query和params方式传递参数和接收参数

query方式传参和接收参数[相当于get请求，页面跳转的时候，可以在地址栏看到请求参数]传参（把键值路由出去）：this.$router.push({ path:'/XXX', query:{ 键名 : 值, } })接收参数（跳转的另一页面接收值）：新键名（自定义）: this.$route.query.键名,params方式传参和接收参数[相当于pos

原创 http请求常见状态码

1、1XX代表临时响应表示临时响应并需要请求者继续执行操作的状态代码。100 （继续） 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。101 （切换协议） 请求者已要求服务器切换协议，服务器已确认并准备切换。2、2XX代表成功200 （成功） 服务器已成功处理了请求。 通常，这表示服务器提供了请求的网页。201 （已创建） 请求成功并且服务器创建了新的资源。202 （已接受） 服务器已接受请求，但尚未处理。203 （非授权信息） 服务器已成功处理

原创 JS中 reduce() 的用法

一、先看语法如何：arr.reduce(function(prev,cur,index,arr){...}, init);其中，arr表示原数组；prev表示上一次调用回调时的返回值，或者初始值 init;cur表示当前正在处理的数组元素；index表示当前正在处理的数组元素的索引，若提供 init 值，则索引为0，否则索引为1；init表示初始值。看上去是不是感觉很复杂？没关系，只是看起来而已，其实常用的参数只有两个：prev和cur二、看看实际的例子先提供一个原始...

转载 如何高效迅速的进行CodeReview

前言很多公司都要求项目做CodeReview，但很多人第一次CodeReview往往不知道该如何做，也不知道为什么去做。笔者参加过几个项目的CodeReview，发现一些共性问题：有时候参与Review的人太多了，意见太分散，Review时间拉的很长，发现问题效率低； 有时候会发现一个CodeReview时间很长，参与者会觉得煎熬和浪费时间； 有时候不太了解对方评审的东西，没法跟上大家的思路，影响效率； 有时候走查的代码量太大了，无法做到详细走查； 有时候会看到有些人无所事事、精神不集中、不

原创 Vue中，谈谈概念（ 计算属性computed 、 监听属性watch 、 方法methods）

既能用computed 实现又可以用 watch 监听来实现的功能methods，watch和computed都是以函数为基础的1，methods不存在缓存，执行一次运行一次，执行n次，运行n次2，computed计算属性 computed 是基于data中数据进行处理的，data数据变化，他也跟着变化当data中数据没有发生改变时，我们调用computed中函数n次，只会进行缓存（执行一次）每个计算属性都包含两个set、get 属性3，watchwatch：监测的是属性值，

原创 vue相关知识点

vue项目发布npm run build # 把vue项目进行打包发布，生成可以在web服务器中进行访问的网页# 我们写的.vue文件是源代码，是不能被浏览器解析的# 我们在开发的时候使用了cli脚手架生成项目,当执行npm run server的时候# cli搭建的项目会自动启动内置的开发服务器,是临时的一个服务器# 会把我们写的vue文件进行编译运行# .vue文件在开发的时候能够在浏览器被访问到，是因为有webpack的存在# webpack是一个前端模块化开发工具，.

原创 按照数组中的对象属性进行比较排序

在对数组中的对象进行操作时，有些需求是按照数组中的对象的 某一项属性 进行排序，下面是一种方法，亲测好用，分享给大家：<script> var arry = [ { value: 6, name: "张三", age: 23 }, { value: 3, name: "李四", age: 34 }, { value: 9, name: "王二", age: 13 }, ]; function compare(property) {