2024-01-09 标签:js,时间,格式化,工具,函数,Date,正则,格式化工具函数,指定格式,年月日,js输出年月日时分秒

一个简单的 JavaScript 时间格式化输出工具方法函数示例:const WEEKS = ['日', '一', '二', '三', '四', '五', '六'];const formatFlags

2024-01-04 标签:js,类型转换,toString,转化,String,parseInt,input,false,null,true,return,string,字符串,数值,undefined,123,Number,parseFloat,Boolean,valueOf,number,boolean

JavaScript 类型有两种转化方式：显式转化和隐式转化。在 JavaScript 中，类型转化只能转化为三种基本类型。to stringto numberto booleanto string有两种方式可以转化为 string 类型。toString()String()toString返回当前

2024-01-03 标签:js,指向,问题,getName,name,bar,对象,绑定,函数,var,function,执行,apply,new,Person,上下文,创建,console,log,this,this指向,匿名函数,箭头函数

关于 this当 JavaScript 执行到一段可执行代码时，会创建一个可执行上下文。执行上下文可以理解为当前代码的执行环境。 执行上下文的周期可以分为两个阶段。创建阶段在这个阶段，可执行上下文会创建变量对象、建立作用域链以及确定 this 指向问题。代码执行阶段创建完成后，就开始执行代码，完成变

2024-01-02 标签:浏览器,缓存,机制,eTag,文件,header,请求,过期,服务器发送,max,age,expires,request,last,modified,优先级,本地,携带,一致,存在

用户向浏览器请求资源问题，浏览器会检测本地是否有对应的缓存文件。如果不存在，则给服务器发送请求，服务器返回资源的同时，在 response header 中会携带缓存策略的内容，浏览器根据缓存策略缓存文件。如果缓存存在，浏览器会根据 max-age 或 expires(max-age 优先级高于 e

2023-12-29 标签:js,require,查找,模块,顺序,文件,加载,Node,json,node,index,扩展名,核心,路径,自定义,文件名,路径分析,编译,fs

require 查找模块的顺序在 Node 中模块有两类：核心模块和文件模块。在 Node 中引入模块需要三个步骤：路径分析文件定位编译执行Node 也是采用缓存优先策略，对加载过的模块都会进行缓存，以减少二次引入的开销。当然，核心模块的加载是优于文件模块加载的。require()接受一个标识符作为

2023-12-29 标签:js,javascript,事件循环,nodejs,浏览器,js事件循环,事件循环的过程

JS 的事件循环是个怎样的过程在回答这个问题前，先大概的了解下关于浏览器进程的事。浏览器是一个多进程Browser 进程:浏览器的主进程，负责浏览器界面显示，和用户交互、各个 tab 页的管理，创建和销毁进程、将 render 进程得到的内存中的 Bitmap 绘制到用户界面上以及网络资源管理下载等

2023-12-28 标签:CommonJs 和 ES6 Module 区别,CommonJs,ES6,js,export default,export.moudle

ES6 示例：user.jsexport var age = 22;setTimeout(() => {age = 33;}, 500);index.jsimport * as user from './user';console.log('修改之前的age:%s', user.age);se

2023-12-28 标签:js,实现,选中,复制,功能,clipboard,textarea,button,data,script,html,Trigger,btn,action,cut,console,info,head,meta

1.选中 2.复制选中利用 Selection API复制使用execCommand一般使用插件clipboard.js完成复制粘贴DemoMussum ipsum cacildscopy to clipboardMussum ipsum cacildsCut to clipboardconst c

2023-12-26 标签:实现图片的懒加载,懒加载的实现,懒加载,如何实现懒加载,图片懒加载,预加载,懒加载和预加载,实现图片的预加载

在网站开发中，如何实现图片的预加载？使用 XMLRequest 请求图片资源，提供了 onprogress 函数能够很精细的获取到资源的信息。但可能会存在跨域问题。创建一个 image 的实例，给 src 的属性设置 url 。添加一个 image 节点,给 src 属性设置 url ，设置disp

2023-12-26 标签:实现图片的懒加载,懒加载的实现,懒加载,如何实现懒加载,图片懒加载,预加载,懒加载和预加载

在网站开发中，如何实现图片的懒加载？在可视化区域加载图片（解决如何判断图片已经在可视化区域）图片的加载第一种方案监听浏览器的 scroll 事件，通过调用getBoundingClientRect函数返回的值判断图片是否进入可视化区域。(function() {window.addEventList