javascript教程
-
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,所以做了以上的兼容性处理。...
-
Js中with的用法
with 语句的原本用意是为逐级的对象访问提供命名空间式的速写方式. 也就是在指定的代码区域, 直接通过节点名称调用对象。...
-
npm 解决 primordials is not defined 问题
npm run dev 时 出现 primordials is not defined 问题主要是gulp和nodejs版本不兼容导致的。我的项目gulp版本是3.9.1, 本地node版本是12.4.0...
-
gulp构建babel-polyfill编译es6新增api
gulp-babel只能将es6语法编译成es5,比如:箭头函数、let变量等,但是API不能编译,比如Object.assign.引用babel-polyfill编译es6新增api...
-
gulp结合browsersync的使用教程
当您在使用gulp构建您的项目时,您只需要 require Browsersync 模块, 利用API 并进行 选项配置。首先,您需要安装 Browsersync 和 依赖包 Gulp 。如果你是第一次安装,那么你可以通过--save-dev命令,这将会自动在你的package.json里添加依赖,...