Javascript
文章平均质量分 58
Lily.C
工作笔记 不断储存 不断成长
展开
-
小工具集合
一些小工具原创 2023-02-14 14:32:12 · 140 阅读 · 0 评论 -
监听浏览器刷新和关闭事件;visibilitychange
监听浏览器刷新和关闭事件;visibilitychange原创 2023-02-10 11:07:25 · 3189 阅读 · 1 评论 -
微任务、宏任务与Event-Loop
微任务、宏任务与Event-Loop原创 2023-01-30 10:46:05 · 101 阅读 · 0 评论 -
Promise对象
Promise对象原创 2023-01-30 09:59:49 · 192 阅读 · 0 评论 -
好用的工具网址
工具地址原创 2022-10-18 10:01:28 · 188 阅读 · 0 评论 -
前端JavaScript命名规范初稿01版(2022)
让我们一起看下什么是好的命名方式。原创 2022-06-18 11:51:16 · 493 阅读 · 0 评论 -
2020年3月—— ES6
第1节:ES6的开发环境搭建第1节就是搭建一个基本的ES6开发环境。现在的Chrome浏览器已经支持ES6了,但是有些低版本的浏览器还是不支持ES6的语法,这就需要我们把ES6的语法自动的转变成ES5的语法。除了Webpack自动编译,我们还可以用Babel来完成。*建立工程目录: 先建立一个项目的工程目录,并在目录下边建立两个文件夹:src和distsrc:书写ES6代码的文件夹,写的js程序都放在这里。dist:利用Babel编译成的ES5代码的文件夹,在HTML页面需要引入的时这里的js文件原创 2021-03-11 14:09:45 · 356 阅读 · 0 评论 -
2020年3月学习打卡(一)—— JavaScript常用数组方法整理
join()push()和pop()shift() 和 unshift()sort()reverse()concat()slice()splice()indexOf()和 lastIndexOf() (ES5新增)forEach() (ES5新增)map() (ES5新增)filter() (ES5新增)every() (ES5新增)some() (ES5新增)JavaScript常用数组方法整理join:就是把数组转换成字符串,然后给他规定个连接字符,默认的是逗号( ,).原创 2021-03-01 11:58:08 · 112 阅读 · 0 评论 -
JS 小工具 数组按首字母排序 2020-12-24
function arrSortByName(arr, eachName) { if (eachName) { arr.forEach(function(item) { let temp = item[eachName]; item.sortName = temp; }); return arr.sort(function(param1, param2) { return para原创 2020-12-14 14:27:15 · 365 阅读 · 0 评论 -
【JavaScript常用方法整理】——T.2020-1120
获取cookiefunction getCookie(key) { var cookie, cookieObj = {}; cookie = document.cookie.split(';'); if (!cookie) { return null; } $.each(cookie, function(i, el) { var arr = el.split('='); cookieObj[arr[0]] = arr[原创 2020-11-20 11:58:37 · 85 阅读 · 0 评论 -
【JavaScript常用方法整理】— JS日期格式化转换方法(T.2020-0708-002)
这里写目录标题1. 将日期转换为指定的格式:2. 将指定的日期转换为"年月日"的格式,代码如下:3. 将 "时间戳" 转换为 "年月日" 的格式.1. 将日期转换为指定的格式:比如转换成 年月日时分秒 这种格式:yyyy-MM-dd hh:mm:ss 或者 yyyy-MM-dd。当然是网上的方法,只是总结下。可以为Date原型添加如下的方法:Date.prototype.format = function(fmt) { var o = { "M+": this.getMont原创 2020-07-08 10:28:49 · 996 阅读 · 0 评论 -
【前端面试整理】— JavaScript经典面试题(T.2020-0707-001)
目录标题1:方法的调用问题2 :变量声明提升、函数表达式和函数声明的区别标题3 :变量作用域问题、是this指向问题标题4标题5 JS的运算符优先级问题标题6标题第七问function Foo() { getName = function() { console.log(1); }; return this;}Foo.getName = function() { console.log(2);};Foo.prototype.getName = function() { console原创 2020-07-07 16:20:53 · 221 阅读 · 0 评论 -
【前端面试整理】— ES6相关知识点(T.2020-0619-001)
目录1、es5 和es6 的区别,说一下你所知道的 es62、var、let、const之间的区别1、采用闭包2、采用立即执行函数方法一:使用立即执行函数方法二:使用闭包方法三:使用let其他知识点-》forEach():3、使用箭头函数应注意什么?3.1 箭头函数箭头函数不绑定`arguments`,取而代之用rest参数` ... `解决箭头函数会捕获其所在上下文的 this 值,作为自己的 this 值对于函数的`this`指向问题:4、ES6的模板字符串有哪些新特性?并实现一个类模板字符串的功能原创 2020-06-19 23:18:10 · 495 阅读 · 0 评论 -
Js面试题(二)
1.讲讲输入完网址按下回车,到看到网页这个过程中发生了什么a. 域名解析b. 发起TCP的3次握手c. 建立TCP连接后发起http请求d. 服务器端响应http请求,浏览器得到html代码e. 浏览器解析html代码,并请求html代码中的资源f. 浏览器对页面进行渲染呈现给用户2.谈谈你对前端性能优化的理解a. 请求数量:合并脚本和样式表,CSS Sprites,拆分初始化负载...原创 2019-09-26 14:40:25 · 126 阅读 · 0 评论 -
【JavaScript 基础知识】— 闭包 / 内存泄漏(T.2020-0611-002)
闭包:就是能够读取其他函数内部变量的函数。堆栈溢出:就是不顾堆栈中分配的局部数据块大小,向该数据块写入了过多的数据,导致数据越界,结果覆盖了别的数据。经常会在递归中发生。内存泄露是指:用动态存储分配函数内存空间,在使用完毕后未释放,导致一直占据该内存单元。直到程序结束。指任何对象在您不再拥有或需要它之后仍然存在。造成内存泄漏:setTimeout 的第一个参数使用字符串而非函数的话,会引发内存泄漏。闭包、控制台日志、循环(在两个对象彼此引用且彼此保留时,就会产生一个循环)防止内存泄露:1、不要原创 2020-06-11 00:18:24 · 164 阅读 · 0 评论 -
【JavaScript 基础知识】— 基础数据类型/内置对象/typeof (T.2020-0610-002)
目录JavaScript 中基础数据类型JavaScript 中的内置对象typeof null 返回结果为 'object'Array 对象方法与作用typeof|可能的返回值JavaScript 中基础数据类型数据类型名称数据类型说明Undefined只有一 个值,即 undefined ,声明变量的初始值。Null只有一个值,即 null ,表示空指针, undefined 的值是派生 null 的值。String由零或多个 16 位 Unicode 字符组成原创 2020-06-10 23:45:31 · 130 阅读 · 0 评论 -
【JavaScript 基础知识】— 同步/异步/阻塞/非阻塞(v.2020-0610-001)
同步 (synchronous) vs. 异步 (asynchronous)**同步和异步关注的是消息通信机制。同步:发出一个调用,在没有得到结果之前,该调用不返回。一旦调用返回,就得到返回值了。异步:发出一个调用,这个调用就直接返回了,所以没有返回结果。当被调用者获得结果,会使用其他方式来通知调用者,或者通过回调函数来处理这个调用。举个通俗的例子:你打电话问书店老板有没有《分布式系统》这本书。如果是同步通信机制,书店老板会说,你稍等,”我查一下",然后开始查啊查,等查好了(可能是5秒,也可原创 2020-06-10 23:34:10 · 141 阅读 · 0 评论 -
函数继承的方法举例 — 参考JavaScript(3版)
目录标题1.原型链标题2.借用构造函数标题3.组合式继承标题4.原型式继承标题5.几声式继承标题1.原型链function SuperType() { this.property = true;}SuperType.prototype.getSuperValue = function () { return this.property;};function SubType() { this.subproperty = false;}//inherit from原创 2020-06-10 22:46:56 · 577 阅读 · 0 评论 -
前端面试题整理 — JavaScript函数部分 (2020年06)
目录1. 函数调用相关1. 函数调用相关function Foo() { this.a = function() { console.log(1) }; Foo.a = function() { console.log(2) }}//=>把Foo当做类,在原型上设置实例公有的属性方法=> 实例.a〇;Foo.prototype.a = function() { console.log(3)}//=>把Foo当做普通对象设置私有的属性方法=> Foo原创 2020-06-06 14:46:46 · 219 阅读 · 0 评论 -
JavaScript (三)之 操作DOM 文档
JavaScript HTML DOM 文档HTML DOM Document 对象 文档对象代表您的网页。如果您希望访问 HTML 页面中的任何元素,那么您总是从访问 document 对象开始。下面是一些如何使用 document 对象来访问和操作 HTML 的实例。查找 HTML 元素方法描述document.getElementById(id)通过元素 ...原创 2019-09-11 16:44:07 · 171 阅读 · 0 评论 -
cookie 、 session、Web Storage与本地数据库
cookie和session都是用来跟踪浏览器用户身份的会话方式。cookiesession保持状态cookie保存在浏览器端session保存在服务器端使用方式如果不在浏览器中设置过期时间,cookie被保存在内存中,生命周期随浏览器的关闭而结束,这种cookie简称会话cookie。如果在浏览器中设置了cookie的过期时间,cookie被保存在硬盘中,...原创 2019-09-19 11:29:30 · 244 阅读 · 0 评论