
JS基础
JS原生基础知识
叉叉酱
路漫漫其修远兮,吾将上下而求索
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
原生JS实现返回顶部功能
1.无动画版本window.scrollTo(0,0); 2.带动画版本(function smoothscroll(){ var currentScroll = document.documentElement.scrollTop || document.body.scrollTop; if (currentScroll > 0) { windo...原创 2020-03-08 20:37:17 · 382 阅读 · 0 评论 -
JS各种错误类型
js错误类型有以下几种:参考文章SyntaxError: 语法错误ReferenceError: 引用错误 要用的东西没找到RangeError: 范围错误 专指参数超范围TypeError: 类型错误 错误的调用了对象的方法EvalError: eval()方法错误的使用URIError: url地址错误1.SyntaxError解析代码时发生的语法错误var 1a;...原创 2020-03-08 20:36:03 · 461 阅读 · 0 评论 -
ES6新特性——Proxy代理
Proxy如其名, 它的作用是在对象和和对象的属性值之间设置一个代理,获取该对象的值或者设置该对象的值, 以及实例化等等多种操作, 都会被拦截住, 经过这一层我们可以统一处理,我们可以认为它就是“代理器” 。let obj = new Proxy(target, handler);Proxy是一个构造函数, 使用new Proxy创建代理器, 它的第一个参数target是要包装的目标对象...原创 2020-03-08 20:04:19 · 714 阅读 · 0 评论 -
深入理解Object.defineProperty
用过vue的小伙伴都知道当状态发生改变的时候会自动更新视图,那具体的事先原理是什么呢?Javascript侦测变化有两个方式,有Object.defineProperty和Proxy,Proxy是ES6新加的,目前浏览器支持度不是很好,Vue目前底层还是用的是Object.defineProperty,所以想要深入了解Vue底层侦测变化原理,必须有必要要好好学习下Object.definePro...原创 2020-03-08 20:02:46 · 175 阅读 · 0 评论 -
js清空数组的方法
1.splice方法splice()方法用于插入、删除或替换数组的元素。splice()会直接修改原数组,通过去除数组内所有元素来实现。var arr = [1,3,5,7,9];arr.splice(0,arr.length);console.log(arr)2.赋值length为0javascript中数组的length和其他的语言的数组中length不同,js中数组length...原创 2020-03-08 20:01:16 · 198 阅读 · 0 评论 -
map处理数组对象
.map() 通过指定函数调用一个数组中每一项元素,来创建一个新数组。 .map() 是一种 non-mutating(非变异) 方法,它创建一个新数组,而不是只对调用数组进行更改的 mutating(变异) 方法。这可能很难记住。将数组对象的键值作为数组返回var data = [ { username: 'don' }, { us...原创 2020-03-08 19:58:59 · 2271 阅读 · 0 评论 -
const修改引用类型
const是用来定义常量的,而且定义的时候必须初始化,且定义后不可以修改。这个想必都是常识了,但是有点需要注意的是声明引用类型和基本类型有点不同。用const声明的基本类型一定是无法改变的,否则报错,但是对于引用类型,则稍有不同。废话不多说,直接上代码://修改基本类型const str = 'hello';str = 'hello world';console.log(str); //U...原创 2020-03-08 19:58:15 · 1206 阅读 · 0 评论 -
var 和 let 和 const 关键字的区别
var和变量提升js代码是有两个步骤,先解释,后执行。在解释的过程中会将var声明的变量提升至当前作用域的最顶端,然后再一步步执行。var elem = 'test';if(elem){ console.log(elem); //test}else{ var str = 'hello world';}console.log(str); //undefined上例的...原创 2020-03-08 19:57:30 · 343 阅读 · 0 评论 -
lodash学习笔记
相信每一位开发同学都会有一套自己积累的工具函数。但是在团队开发中,如何每个人使用自己的工具函数会导致代码不规范。所以需要一套比较权威并且好用的工具库,这里非常推荐Lodash。它内部封装了诸多对字符串、数组、对象等常见数据类型的处理函数,其中部分是目前ECMAScript尚未制订的规范,但同时被业界所认可的辅助函数。每天使用npm安装Lodash 的数量在百万级以上,这在一定程度上证明了其代码...原创 2020-03-08 19:56:14 · 274 阅读 · 0 评论