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-27 标签:link,import,区别,CSS,加载,XHTML,载入,页面,标签,支持,RSS,兼容问题,CSS2.1,低版本,Javascript,DOM,浏览器,网页,样式

link 是 XHTML 标签，除了加载 CSS 外，还可以定义 RSS 等其他事务；@import 属于 CSS 范畴，只能加载 CSS。link 引用 CSS 时，在页面载入时同时加载；@import 需要页面网页完全载入以后加载。link 是 XHTML 标签，无兼容问题；@import 是在

2023-12-27 标签:移动端适配,移动端,适配,flex,rem,vh,vw,1px像素问题,逻辑分辨率,设备像素比,dpr,h5,css

为什么移动端需要适配移动端的尺寸是斜对角的长度，单位为英寸。前言：缩放比例完全相同，也就是说，在不同机型上，每一行字的字数都是一样的。设计稿按照 375 的尺寸设计 由于手机日新月异，每个品牌手机都有自己的物理分辨率，导致逻辑分辨率不同。 此时 375 的设计稿要想 100%的还原，几乎不太可能。三