javascript教程
-
js中!和!!的区别及用法
js中!的用法是比较灵活的，它除了做逻辑运算常常会用！做类型判断，可以用！与上对象来求得一个布尔值， 1、！可将变量转换成boolean类型，null、undefined和空字符串取反都为false，其余都为tr...
-
js中e.target与e.currentTarget的区别
在DOM事件对象中有两个属性总是时不时的困扰我，就是target和currentTarget，有时候很迷惑分不清两者的区别，因此有必要把这两个属性好好梳理一下，加深理解，以便日后的查询。 MDN中对targe...
-
js中undefined 和 null 区别
之前虽然也知道这两个之间的区别，但是让我描述的话，感觉上还是说的不是很清楚。今天也详细看了一次这个知识点，现在来说说这两者间的区别。 null： Null类型，代表“空值&rd...
-
react父子组件传值
父组件向子组件传值 本示例使用todolist做演示 1.父组件 import React, { Component, Fragment } from 'react' // 引入子组件 import TodoItem from './TodoItem' class TodoList extends Component { constructor(props) { ...
-
5个技巧助你编写更好的React代码
在本文中，我想分享几个技巧，这些技巧将改善你的React代码。 1. 解构 props 在 JS 中解构对象（尤其是 props）可以大大减少代码中的重复。看下面的例子： //Parent Component ...
-
plugin/preset files are not allowed to export objects，webpack报错/babel报错的解决方法
webpack和babel不兼容导致Plugin/Preset files are not allowed to export objects报错...
-
一次性讲明白vue插槽slot
vue插槽slot 一、前言 vue官方文档中在"组件基础"内容中提到组件可以通过插槽分发内容，那插槽是怎么使用的呢？它要解决什么场景的问题呢？ 我们在构建页面过程中一般会把用...
-
js中数组的深拷贝和浅拷贝
数组浅拷贝： var arr1 = [1, 2, 3, 4]; var arr2 = arr1; arr1[0] = 6; //数组是用堆去保存的，相等的时候只是把存放的地址拷贝过去了，两个指向了同一个地址，所以在改变其中一个的值，...
-
少年，不要滥用箭头函数啊
在ES6大行其道的今天，不应用点ES6特性似乎有些政治不正确。最近刚好有个Node的项目，最低要支持到nodejs 4.0，在node.green看了下ES6的支持度，我想使用的特性基本都有支持，遂决定在新项目中采...
-
前端js常用的60余种工具方法【强烈建议收藏】
1.邮箱 export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s) } 2.手机号码 export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s) } 3.电话号...
-
vue-router菜鸟教程
本文主要是参考了官方文档.除了不常用的过渡动效和数据获取,都进行了分析说明.说明:每一节都在文档的基础上进行了更通俗的解释;例子:每一节都添加了单独的例子进行详细的说明,官方没有或复杂或略过的都有详细的说明.总结:每一节都会有tips注意点,实际开发的经验和总结....
-
vue二次封装element ui的select或者input组件
有时候我们会把select或者input等element ui组件进行业务封装，方便复用的需求。比如我有个select，需要获取部门信息，在多个列表里使用，那我可以进行如下封装...
-
js封装加减乘除四则运算解决精度丢失的问题
计算机的二进制实现和位数限制有些数无法有限表示。就像一些无理数不能有限表示，如 圆周率 3.1415926...，1.3333... 等。JS 遵循 IEEE 754 规范，采用双精度存储（double precision），占用 64 bit...
-
ElementUi多选框表格,翻页选中有记忆功能保持默认选中
在用vue开发表格多选功能时，遇到一个翻页后需要保持之前选中的状态。简单说就是让表格翻页选中仍然有记忆功能。切换分页持久化选中表格，其实关键代码就这2行.:row-key="(row)=>{ return row.id}".:reserve-selection="true"...
-
js取反操作!和!!的区别及用法
js取反操作！的用法。“！”是逻辑与运算，并且可以与任何变量进行逻辑与将其转化为布尔值，“!!”则是逻辑与的取反运算，尤其后者在判断类型时代码简洁高效，省去了多次判断null、undefined和空字符串的冗余代码。...
-
vue里使用lodash进行防抖和节流操作
vue里使用lodash进行防抖和节流操作。节流（throttle）: 创建一个节流函数，在等待时间内最多执行 一次的函数...
-
-
vuejs报错DOMException: Failed to execute 'insertBefore' on 'Node'
在vue和大部分的mvvm的前端js框架中，基本都提供了类似 *-if 和 *-show的局部显隐控制指令，而这两个指令在实际运用中是有区别的。...
-
解决vue热加载advanced module optimization 编译速度很慢的问题
解决vue热加载advanced module optimization 编译速度很慢的问题。npm install babel-plugin-dynamic-import-node --save-dev...
-
原生js获取dom元素节点的偏移量
js里getBoundingClientRect()方法返回元素的大小及其相对于视口的位置。返回值是一个 DOMRect 对象，是与该元素相关的 CSS 边框集合 。然后就是document.body.scrollTop 跟 document.documentElement.scrollTop这两个是一个功能，只不过在不同的浏览器下会有一个始终为 0，所以做了以上的兼容性处理。...
