weixin_43964779-优快云博客

原创前端面试必背！JavaScript数组10个高频方法（小白到进阶都能用）

本文总结了前端面试中10个高频JavaScript数组方法，包括forEach、map、filter、reduce、some、every、find、findIndex等。文章从作用、语法、实战场景和面试考点四个维度进行解析，帮助开发者掌握数组操作的核心技巧。重点分析了reduce的汇总功能、filter的去重应用以及find与filter的区别等常见面试问题，提供可直接运行的代码示例和答题模板，适合不同水平的前端开发者查漏补缺和面试准备。

2025-12-04 13:11:26 479

原创 5个“偷懒“技巧让你的JavaScript代码少写一半，还不容易出错！

摘要：本文分享了5个提升JavaScript开发效率的实用技巧：1）用短路逻辑替代if-else简化条件判断；2）使用filter/map/some处理数组避免for循环；3）利用Set特性快速实现数组去重合并；4）对象解构赋值简化数据提取；5）模板字符串优化拼接。这些原生特性不仅能减少代码量、降低出错概率，还能提升可读性和维护性。文章通过对比传统写法和优化写法，直观展示了如何用更优雅的方式实现常见功能需求。

2025-12-01 13:32:53 368

原创 10个被低估的JavaScript技巧：从日常开发到性能飞升

聚焦10个实用却易被忽视的JavaScript技巧，覆盖代码简化、性能优化、场景适配等核心需求。包括短路运算进阶用法、WeakMap缓存优化、Intl API本地化处理、DocumentFragment批量DOM操作、Generator处理流式数据等，还涉及数组扁平化、requestIdleCallback利用空闲时间、AbortController终止请求、BigInt处理超大整数等关键技巧。这些技巧经实战验证，能解决日常开发中的数据处理、性能瓶颈、精度丢失等常见问题，帮助开发者写出更优雅高效的代码，

2025-11-21 10:37:05 280

原创 JavaScript性能优化实战：从指标到落地的全链路方案

本文介绍了JavaScript性能优化的全链路方案，从指标监测到落地实施。首先建立可量化的性能指标体系，包括加载性能指标（如LCP、TTI）和运行时性能指标（如长任务、帧率）。然后通过电商首页和管理系统两个实战案例，展示如何从瓶颈定位到方案落地，具体包括资源预加载、代码分割、虚拟列表和数据缓存等优化手段。最后强调构建性能回归体系的重要性，建议集成Lighthouse CI进行自动化测试，并设置性能预算确保优化效果持续稳定。文章指出性能优化应以用户体验为中心，优先解决可感知问题，遵循"指标-定位-实

2025-09-30 16:14:01 842

原创 JavaScript 实战进阶续篇：从工程化到落地的深度实践

本文从工程化落地、性能优化拆解和前沿技术实践三个维度，分享了JavaScript实战进阶的关键路径。在工程化方面，重点介绍了提交规范自动化校验和构建优化策略；针对性能问题，通过电商案例展示了首屏加载和滚动卡顿的具体解决方案；最后以WebAssembly为例，演示了如何通过Rust优化计算密集型任务。文章强调从理论到实践的转化能力，为开发者提供了可快速落地的技术方案和性能调优思路。

2025-09-04 16:53:15 614

原创 JavaScript 实战进阶：工程化、性能与未来展望

本文深入探讨了JavaScript工程化实践与性能优化策略。在工程化方面，介绍了模块化开发（ES6 Module）、主流构建工具（Webpack/Vite）及代码规范与测试工具链（ESLint/Jest）。性能优化部分涵盖运行时优化（防抖节流）、加载优化（代码分割/懒加载）和渲染优化（减少DOM操作）。文章还展望了JavaScript未来发展趋势，包括WebAssembly融合、Server Components普及和AI技术结合。这些实践与策略能有效提升开发效率和用户体验，为构建现代Web应用提供全面指导

2025-08-27 15:12:37 649

原创 JavaScript 深入探索：高级应用与前沿技术

本文深入探讨JavaScript高级特性与应用，介绍了装饰器、生成器和代理等ES6+新特性，并通过代码示例展示其实际应用。在框架层面，重点解析了React Hooks、Context API和Vuex、Vue Router等高级功能。同时展望了JavaScript前沿技术，包括WebAssembly的高性能计算集成和TensorFlow.js的机器学习能力。这些内容为开发者提供了从语言特性到框架应用，再到前沿技术的全方位进阶指南，有助于提升现代Web开发技能水平。

2025-06-04 17:28:59 1050

原创 JavaScript 从入门到精通：21 天高效学习秘籍

本文为JavaScript入门指南：其诞生于1995年，1997年标准化后迭代至今。基础语法含变量声明、数据类型、运算符及流程控制语句。核心特性有函数一等公民、原型继承、`async/await`异步编程。应用覆盖Web前后端、移动及桌面开发。推荐MDN等教程与书籍，建议结合实战项目开启学习。

2025-05-29 15:46:54 904

原创 .vue 组件打包成 .js

9. 如果不想生成 source map 文件，可以在 vue.config.js 中新增。*** 所有的内容 cli 官网都有 ***

2023-03-11 18:07:17 4149

原创 node 文件重命名

// 重命名const fs = require("fs")const path = require("path")// 修改文件所在的文件夹var filePath = path.resolve('./');fileDisplay(filePath)//文件遍历方法function fileDisplay(filePath) { //根据文件路径读取文件，返回文件列表: files fs.readdir(filePath, (err, files) => { if (

2021-08-13 15:38:09 704

原创 vue中搜索时，搜索结果高亮搜索关键字

// 高亮搜索结果 highlights (searchResult) { const search = this.searchValue return searchResult.map(item => { let replaceReg = new RegExp(search, 'g')// 匹配关键字正则 let replaceString = '<span class="highlights-te...

2021-06-24 10:30:51 306

原创二次封装 element-ui 的 input 标签

说是二次封装，其实就是将 element-ui 的标签 <el-xxx> 改为自己的标签，比如：`一、通过局部组件引用二、定义全局组件element-ui 肯定是要引用的import Vue from 'vue'import 'element-ui/lib/theme-chalk/index.css'import ElementUI from 'element-ui'Vue.use(ElementUI)新建 .vue 文件，里面是自己的 input 的相关内.

2021-02-24 09:52:27 2312

原创 nginx部署vue的dist文件

第一步当然是下载了http://nginx.org/en/download.html下载的不用安装，可以直接点击 nginx.exe 文件打开，也可以通过 cmd 打开 nginx// cd到nginx所在目录，启动nginxstart nginx // 修改配置后重新加载生效nginx -s reload // 重新打开日志文件nginx -s reopen // 测试nginx配置文件是否正确nginx -t -c /path/to/nginx.conf // .

2020-11-23 15:59:38 2399 1

原创 vue 裁剪图片，并保存裁剪的图片

该摘要描述了Vue.js实现的图片裁剪组件，重点包含：主要组件结构：包含裁剪区、预览区、操作按钮等UI元素使用SelectBox子组件实现选择框功能核心功能实现：图片上传处理(fileChange方法) 图片尺寸自适应计算(setImgSize方法) 裁剪区域选择(selectChange/selectEnd事件) 图片下载功能(downloadFile方法) Base64转Blob功能(base64ToBlob方法) 技术特点：响应式设计，适应不同尺寸图片保持固定的宽高比(ratio属性)

2019-08-19 17:31:43 528

原创 vue项目中使用WebSocket

不废话，直接复制就行新建 websocket.js 文件var global_callback = null;var websock = null;/*初始化weosocket*/function initWebSocket(wsurl, callback) { websock = null; global_callback = callback; websock ...

2019-08-12 17:07:32 9418 1

原创 echarts 坐标显示，悬浮显示修改

坐标显示修改，以纵坐标为例 yAxis: { data: that.barChartData[idIndex].Yaxis, axisLabel: { margin: 10, fontSize: fontSize, formatter(par...

2019-05-29 14:20:06 3926

原创 vue使用SortableJS/Vue.Draggable拖动排序

npm install sortablejs --save<template> <div class="noticeBoard"> <div> <draggable class="list-group" :list="list1" group="people" @change="log"> ...

2019-05-05 17:43:40 2878

原创 echarts柱状图自定义图例，以及末端显示自己想要得到图片

<div id="main" style="width:2000px;height:1200px"></div>先来一个简简单单的 // 基于准备好的dom，初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); var option = { xAxi...

2019-02-26 16:13:13 15490

原创 VUE中将页面导出为图片或者PDF

VUE中将页面导出为图片或者PDF导出为图片导出为PDF导出为图片将页面html转换成图片npm install --save html2canvas在需要导出的页面引入import html2Canvas from 'html2canvas'在 methods 中添加方法 dataURLToBlob(dataurl) {//ie 图片转格式 ...

2018-12-19 11:01:50 9506 2

weixin_43964779的博客