WEB前端 软件列表

js 时间格式化输出工具函数
JavaScript

js 时间格式化输出工具函数

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

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

js类型转换
JavaScript

js类型转换

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返回当前

js 关于 this指向问题
JavaScript

js 关于 this指向问题

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

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

浏览器的缓存机制
JavaScript

浏览器的缓存机制

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

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

js require 查找模块的顺序
JavaScript

js require 查找模块的顺序

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

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

JS事件循环的完整过程
JavaScript

JS事件循环的完整过程

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

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

CommonJs 和 ES6 Module 区别
JavaScript

CommonJs 和 ES6 Module 区别

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

js实现选中复制的功能
JavaScript

js实现选中复制的功能

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

css关于 link 与@import 的区别
CSS

css关于 link 与@import 的区别

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 是在

H5移动端纯css适配
CSS

H5移动端纯css适配

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

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