vue
-
什么是javascript Tree Shaking_它如何减少代码体积?
Tree Shaking 是构建时移除未使用 ES6 模块代码的优化技术,依赖其静态导入导出特性;CommonJS 因动态性不支持,且副作用、动态 import、间接引用等会导致失效,需配合代码分割与压缩协同优化。 Tree Shaking 是一种在构建时移除 JavaScript 中未使用代码的优…
-
Javascript的包管理是什么_如何使用npm或yarn?
JavaScript包管理通过npm或Yarn统一管理第三方库,依赖关系记录在package.json中,lock文件确保版本一致;npm是Node.js默认工具,Yarn强调速度与确定性;正确区分dependencies与devDependencies、不提交node_modules、定期清理依赖…
-
javascript单元测试怎么写_有哪些流行的测试框架
JavaScript单元测试核心是隔离验证函数输入输出,主流框架有Jest、Vitest及Mocha+Chai+Sinon;Jest开箱即用,Vitest适配Vite生态,Mocha组合灵活定制强。 JavaScript 单元测试的核心是:对函数或方法做隔离验证,确保它在给定输入下返回预期输出。不依…
-
javascript如何操作历史记录_怎样实现无刷新页面导航?
JavaScript通过History API实现无刷新导航,核心方法为pushState()、replaceState()及popstate事件,支持真实URL路径、SEO友好、可前进后退;需服务端配合返回统一入口,并手动处理页面更新。 JavaScript 通过 History API 操作浏览…
-
javascript Web Components是什么_如何创建自定义HTML元素?
Web Components 是浏览器原生支持的可复用、封装良好的自定义 HTML 元素标准,由 Custom Elements、Shadow DOM 和 HTML Templates 三部分组成,不依赖框架,适用于跨技术栈的基础组件开发。 Web Components 是一套浏览器原生支持的技术标…
-
javascript模块加载器是什么_如何使用require和import?
JavaScript模块加载器用于管理依赖和按需加载,CommonJS用同步require,ESM用静态import,二者不兼容但可通过动态import或构建工具桥接,新项目优先选ESM。 JavaScript模块加载器是管理代码依赖、按需加载和组织模块的工具或机制。它让开发者能把大程序拆成小文件,…
-
JavaScript测试框架有哪些以及如何使用?
JavaScript测试框架分单元、集成、E2E三类:单元测用Jest/Vitest,组件交互用Testing Library,端到端用Cypress/Playwright;选型依项目阶段与团队习惯,新项目推荐Vitest+Testing Library+Playwright组合。 JavaScri…
-
JavaScript如何优化移动端性能?
JavaScript移动端性能优化核心是减少主线程阻塞、降低内存占用、适配弱网与低端设备,重点包括控制JS执行时间≤16ms、懒加载、Tree Shaking、passive事件、RAF节流、及时清理资源及使用WeakMap等。 JavaScript在移动端性能优化的核心是减少主线程阻塞、降低内存占…
-
javascript如何操作浏览器历史_history对象有什么方法
JavaScript 通过 window.history 操作浏览器历史,支持后退、前进、跳转及修改 URL 而不刷新页面;仅限同源操作,无法读取完整历史;pushState 添加新记录,replaceState 替换当前记录;popstate 监听导航变化并获取 state 数据。 JavaScr…
-
javascript的构建工具是什么_webpack和vite有何不同
Webpack采用先打包再运行的方式,Vite则按需编译;Webpack冷启动慢、HMR延迟大、配置复杂,Vite启动快、HMR精准、开箱即用;生产构建Webpack自研打包器,Vite用Rollup;Webpack生态成熟适配老旧场景,Vite更适合现代新项目。 JavaScript 的构建工具,…