斗师——Ace

let arr = [3,4];console.time("indexOf");console.log(arr.indexOf(3)>-1)console.timeEnd("indexOf");console.time('hasOwnProperty')console.log(arr.includes(3))console.timeEnd('hasOwnProperty')/*执行结果：indexOf: 6.268mshasOwnProperty: 0.11ms*/.

1. js基础：https://alex-ss.blog.csdn.net/article/details/830140822. es6篇：https://alex-ss.blog.csdn.net/article/details/870710893.

1. 通过封装组件<Tip/>，两层标签去实现。其中white-space: nowrap;是不换行。content: attr(titleInfo)是鼠标移入的文本内容。<template> <div class='tip title-info' :titleInfo='text'> <div class="nowrap">{{text}}</div> </div></template..

在调用decodeURIComponent函数之前要先把+替换为%20：let result =decodeURIComponent(str.replace(/\+/g,'%20'))

1. 通过JSON.stringify和JSON.parse实现：不能完全解决深层次对象的嵌套的克隆。var newVal=JSON.parse(JSON.stringify(val)) 2.封装一个函数： 通过递归遍历，根据数组和对象不同做出不同的深克隆区分。function deepCopy(obj){ var newObj=isArray(obj)?[]:{} ...

（一）JS初次使用；1.搭建JS开发环境； （1）在控制后台输出：console.log()。 （2）在HTML页面输出： 1）.html页面元素事件中输出，如onclick=""； 2) .通过<script>在这里输出JS代码</script>,并且script可存在html任意标签位置。...

<div id='content'> <div class='main'>这里是滚动的内容</div> <div id='content-footer'></div></div><script>//1. 方法1：var div = document.getElementById('cont...

for(var i=0;i<10;i++){ btn.click=function(i){ alert(i) //输入为全是10 }}for(let i=0;i<10;i++){ //let声明下的块级作用域 btn.click=function(i){ alert(i) //输入为全是0,1,2,3,........

1. 处理原生js的input type='file'上传。<template> <div class="feedback"> <div class="imgs_wrap"> <div class="imgs_title flex_row_betweem_center padding16"&...

添加小程序，兑换各种视频教程/数据资源。百度地图：http://lbsyun.baidu.com/jsdemo.htm#a1_2。<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=你的百度地图的密钥"></script><script type="text/...

添加小程序，兑换各种视频教程/数据资源。包括：资源的合并与压缩，图片编码原理和类型选择，浏览器的渲染机制，懒加载预加载，浏览器存储，缓存机制，PWA，Vue-SSR等页面优化的功能。1.基础优化： 1.1 资源的合并与压缩： 1.1.1 理解减少http请求和减少请求资源大小的优化：包括html压缩，css压缩，js压缩，文件合并，开启gzip。...

3. 变量和常量： 1.1 变量的声明：js三种方式声明变量，声明不赋值时，默认值为underfined。 （1）var声明：var name='Ace'，同时声明多个变量var a=1,b=2,c=3，var声明变量存在声明提前; （2）let声明：let name='Ace'，ES6中新语法，...

前言：温故而知新，可以为长也！万变不离其宗，无论是现在web前端技术衍生出多么优秀，好用的框架，插件，都离不开这门语言的基础知识。掌握各种优秀的框架，插件，只是“善用工具的人”，深刻领悟语言的基础，会成为“创造优秀工具的人”。自勉，谨记！一、十个步骤学会一门IT语言基础——javascript学习的十步。 （1）了解这门语言的背景知识：历史，现状，趋势，特点，应用领域。...

6. 逻辑结构：javascript的逻辑结构包括顺序执行，条件执行，循环执行。 6.1 顺序执行：即js代码执行的顺序是从上到下，顺序执行。js机制存在预加载，即先预加载一遍完整代码，然后才从上向下顺序执行。 6.2条件执行：即又叫选择执行，通过条件判断从而觉得执行哪段代码。如 ① if 的条件判断句：...

以上总结：空数组，和空对象在三目运算中视为true。判断数组为空的方法arr.length>0，JSON.stringify(arr)==='[]'。判断对象为空的方法JSON.stringify(obj)==='{}'添加小程序，兑换各种视频教程/数据资源。...

1. 函数： 1.1 定义：函数是封装的一段可反复执行的代码。 1.2创建声明： （1）通过funtion声明：function func(){ //声明一个函数} （2）通过var声明：var func=funtion(){ //用var声明，这是...

5. 运算符：包括算术运算符，比较运算符，逻辑运算符，按位运算符，赋值运算符，三目运算符，一目运算符。 （1）算术运算符：包括+，-，*，/，%，++，--。计算时优先级（++，--）>（*，/，%）>（+，-）。拓展： ① a++与++a的区别：a++是先输出a，再计算a=a+1，++a是先计算a=a+1，再输出a。如 ...

4. 数据类型： （1）定义：约束了数据在内存中所占据的空间大小。计算机中最小的计量单位bit：8bit（位）=1byte（字节），1024byte（字节）=1KB（千字节），1024KB=1MB（兆字节），1024MB=1GB，1024GB=1T。 （2）分类： ① 基本类型：包括数字（整数和浮...

添加小程序，兑换各种视频教程/数据资源。1. 常量：不能被重新赋值。//ES5中声明一个常量，并挂载到window下：Object.defineProperty(window,'PI',{ value:3.1415926, writable:false, //只读不能修改})console.log(window.PI)//ES6中声明一个常量： cons...