
js高级
在湖边捡碎花
正在学前端的小白
展开
-
单页面(SPA)和 多页面
单页面(SPA)优点:加载速度快,内容的改变不需要重新加载整个页面,前后端分离,视觉效果好缺点:页面初次加载比较慢多页面:优点:对SEO友好缺点:页面切换速度慢,每次切换页面需要选择性的重新加载公共资源...原创 2021-09-03 09:38:58 · 358 阅读 · 0 评论 -
本地存储和离线缓存
本地存储和离线缓存离线缓存:在没有网的情况下可以进行访问离线缓存是针对整个应用,浏览器缓存是单个文件离线缓存断网了还是可以打开页面,浏览器缓存不行离线缓存可以主动通知浏览器更新资源相同:本地存储与离线缓存都是为了方便网页的加载,提高用户体验等。不同:本地存储一般存储的都是数据,而离线缓存一般存储的是网页等。...原创 2021-09-03 09:37:34 · 644 阅读 · 0 评论 -
IIFE是什么?
中文名:自执行函数(function(形参){ alert(‘哈哈’) })(实参)作用?1、隐藏实现2、不会污染外部(全局)命名空间3、用它来编写js模块原创 2021-09-02 09:32:49 · 242 阅读 · 0 评论 -
垃圾回收机制的标记清除引用计数是什么?内存如何管理?
标记清除标记清除主要是js的常用垃圾回收方式当变量进入环境(例如函数中申明一个变量)时,将这个变量标记为“进入变量”。从逻辑上讲,永远不能释放进入环境所占的内存,因为我们在这个环境中可能随时会用到它们。当变量离开环境时,则其标记为“离开环境”;引用计数该方法的原理就是跟踪记录每个值被引用的次数,如果被引用的次数为0时,就代表被清除。内存管理内存生命周期(1)得到小内存生命空间,得到他的使用权,(2)存储数据,可以反复进行操作(3)释放小内存空间释放内存(1)局部变量:函数执行完自动释放原创 2021-09-02 09:03:01 · 194 阅读 · 0 评论 -
数组和字符串相互转换
数组和字符串相互转换 var arr = [{ "a": 12, "b": 5 }, { "a": 112, "b": 15 }]; // 讲数组转为字符串 var str = JSON.stringify(arr); console.log(str); // "[{"a":12,"b":5},{"a":112,"b":15}]" // 将字符串转为数组 console.log原创 2021-09-01 19:18:12 · 355 阅读 · 0 评论 -
将手机号码的中间四位数替换为*
将手机号码的中间四位数替换为*let phone = 15012347052function formatPhone(phone) {if(typeof phone == 'number') phone = phone.toString()return phone.substring(0, 3) + '****' + phone.substring(7, phone.length)原创 2021-09-01 16:31:28 · 901 阅读 · 0 评论 -
查找字符串中出现次数最多的字符以及次数
查找字符串中出现次数最多的字符以及次数第一种 <script> var str = 'aaabbbacc'; var arr = []; for (var i = 0, length = str.length; i < length; i++) { var index = -1; var j = 0; do { index = s原创 2021-06-08 19:28:18 · 394 阅读 · 0 评论 -
小数点精度的问题--函数封装
小数点精度的问题–函数封装<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> // console.log(.1+.2); // console.log(2.14*5); // console.log(.3-.1)原创 2021-06-07 19:31:57 · 279 阅读 · 0 评论 -
js高级 第九天 文章目录 js高级 第九天 正则表达式 语法 模式 元字符 元字符简写 量词 开头和结尾 test方法
js高级 第九天文章目录js高级 第九天正则表达式语法模式元字符元字符简写量词开头和结尾test方法正则表达式regular expression:正则表达式正则表示式是由元字符/量词以及模式组成式子。 /元字符{量词}元字符2{量词}/模式 hello world 123 h:1 e:1 l:3 o:2 只能针对字符串的处理语法1.字面量 /元字符{量词}/模式 比如:var reg = /a{1,}/g;2.实例化 new RegExp(原创 2020-12-15 17:33:04 · 131 阅读 · 0 评论 -
js高级 第7天 文章目录 js高级 第7天 回顾 闭包 instanceof 继承 js继承分类 原型链继承 借用构造函数继承 call/apply用法
js高级 第7天文章目录js高级 第7天回顾闭包instanceof继承js继承分类原型链继承借用构造函数继承call/apply用法回顾1.作用域概念2.作用域链概念3.作用域和执行上下文的区别: 3.1 作用域在函数定义时,确定 执行上下文在函数调用时,创建,函数体执行完毕之后,自动释放 3.2 作用域是静态,只要函数定义好,作用域就一直存在,且不会发生变化 执行上下是动态的,执行上下文在函数调用时,创建,函数体执行完毕之后,自动释放 3.3 联系: 全局执行上下文对象隶原创 2020-12-15 17:22:37 · 117 阅读 · 0 评论 -
js高级 第六天 文章目录 js高级 第六天 回顾 作用域 作用域链 变量查找原则 执行上下文和作用域的区别 原型 原型分类 原型链 又叫隐式原型链 内置构造函数(对象) 原型中的属性
js高级 第六天文章目录js高级 第六天回顾作用域作用域链变量查找原则执行上下文和作用域的区别原型原型分类原型链 又叫隐式原型链内置构造函数(对象)原型中的属性回顾1.执行上下文与执行上下文栈 执行上下文:js代码的执行环境,分为:全局执行上下文和函数执行上下文 执行上下文栈:对执行上下文执行顺序进行一个排序(后进先出)作用域一段代码在程序中起作用的范围。分为全局作用域和局部作用域。作用域链 * 多个上下级关系的作用域形成的链, 它的方向是从下向上的(从内到外) * 查找变量时就是沿原创 2020-12-15 17:21:55 · 131 阅读 · 0 评论 -
js高级 第5天 文章目录 js高级 第5天 BOM对象组成 网址 代码预解析 执行上下文 执行上下文栈
js高级 第5天文章目录js高级 第5天BOM对象组成网址代码预解析执行上下文执行上下文栈js组成部分:ECMAScript js核心语法 typescript DOM:document object model 用于dom元素操作 BOM:browser object model 用于浏览器操作 BOM对象组成Window 代表整个浏览器窗口,同时也是document中的全局对象Navigator 代表的当前浏览器的信息,通过该对象可以来识别不同的浏览器 nav原创 2020-12-15 17:20:53 · 171 阅读 · 0 评论 -
js高级 第四天 文章目录 js高级 第四天 函数调用方式 this指向 改变this指向的方法 IIFE自执行函数 作用域划分 对象概念 创建对象 对象遍历
js高级 第四天文章目录js高级 第四天函数调用方式this指向改变this指向的方法IIFE自执行函数作用域划分对象概念创建对象对象遍历函数调用方式1.普通函数:函数();2.对象的方法:对象名.方法名()3.构造函数:new 构造函数名();4.回调函数:不需要调用 事件处理程序this指向规律:谁调用函数,this就指向谁具体而言: //1.普通函数 function demo(){ console.log(this);//this指原创 2020-12-15 17:19:01 · 154 阅读 · 0 评论 -
js高级 第三天 文章目录 js高级 第三天 常用盒子移动方式 拖拽--js版 事件委派 height/clientHeight/offsetHeight/scrollHeight区别 0h滚轮事件
js高级 第三天文章目录js高级 第三天常用盒子移动方式拖拽--js版事件委派height/clientHeight/offsetHeight/scrollHeight区别0h滚轮事件作业:常用盒子移动方式 方式一:定位 position: absolute; left:0px; top:0px; 方式二:margin margin-top:10px;拖拽–js版原理示意图[外链图原创 2020-12-15 17:14:25 · 209 阅读 · 0 评论 -
js高级 第二天 数据/变量/内存 内存图 变量在内存中 变量的赋值 函数传参 声明全局变量的三种方式 回调函数
js高级 第二天文章目录js高级 第二天数据/变量/内存内存图变量在内存中变量的赋值函数传参声明全局变量的三种方式回调函数数据/变量/内存数据:计算机中的数据以二进制表示,比如00101变量: 1.可变的量 2.存储数据的容器 3.在内存开辟的空间内存: 通电开机时,内存产生 关机断电时,内存消失 内存和硬盘的区别: 内存:临时存储空间 读取速度快 存储空间小 硬盘:永久存储空间 读取速度慢 存储空间大 内存,数据, 变量三者之间的关系 * 内存用来存储数据的空原创 2020-12-15 17:12:19 · 1268 阅读 · 4 评论 -
js高级 第一天 markdown使用 js基础回顾 js数据类型 typeof 运算符分类 算术运算符 比较运算符 赋值运算符 逻辑运算符 递增递减运算符 七个为false的值 语句 函数 事件冒泡
js高级 第一天文章目录js高级 第一天markdown使用js基础回顾js数据类型typeof运算符分类算术运算符比较运算符赋值运算符逻辑运算符递增递减运算符七个为false的值语句函数事件冒泡事件绑定markdown使用作用:专门用于笔记快捷键: 一级标题:ctrl + 1 二级标题:ctrl + 2 ... 目录:[toc] + 回车键 代码块:```+ 回车键 js基础回顾js数据类型number int/float/NaNstring 使用引号包裹的都是字符串原创 2020-12-15 17:02:39 · 303 阅读 · 0 评论