- 博客(17)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 前端面试四-----开放性问题
本文探讨了前端开发的核心趋势与架构设计思路。前端技术正朝着复杂化（微前端/SSR）、全栈化（Next.js）、AI赋能（Copilot）、性能优化（Web Vitals）和跨平台方向演进。优秀的架构应注重标准化（TypeScript/ESLint）、模块化（Monorepo）、自动化（CI/CD）和可维护性。 性能分析应系统化：先查网络（Waterfall/TTFB），再查渲染（Performance面板），最后排查服务端。技术成长路径建议从基础建设到架构思维，最终成为解决方案专家。团队协作强调"
2025-08-28 16:00:55
1138
原创 前端面试三-----手写代码
本文总结了5个前端常用功能的实现：1. Vue3自定义指令inViewport，通过IntersectionObserver监听元素进入视口并触发回调；2. useDebounce组合式函数，实现值和函数的防抖处理；3. deepClone深拷贝函数，支持Map、Set等特殊对象；4. Promise.all实现，并行执行Promise并返回结果数组；5. LRU缓存类，基于双向链表和哈希表实现O(1)的get/put操作。每个实现都包含完整功能版和简化版，涵盖边界处理、类型安全和性能优化。
2025-08-28 14:20:01
224
原创 前端面试二-----基础知识类
本文主要探讨了Vue3和前端开发中的多个核心概念和优化实践。首先介绍了Vue3的setup函数执行时机及其与this访问的关系，强调通过props和context参数替代this。其次详细分析了Vue3组件通信的多种方式及其适用场景，包括父子组件通信、跨层级通信和状态管理等。在性能优化方面，提出了减少资源请求、按需加载等策略，并分享了实际优化案例。此外，还讲解了HTTP/2和HTTP/3的改进点，JavaScript异步机制，微前端架构选择qiankun的原因，以及Vue3推荐使用CompositionAP
2025-08-28 14:17:29
1087
原创 前端面试题
这篇文章是前端面试题，包括DOM解析优化、CSS/JS加载策略、缓存技术、渲染性能、框架优化等核心内容。主要分为以下几部分： DOM优化 关键原则：缩短关键渲染路径 具体方法：最小化DOM深度、使用惰性加载、优化CSS/JS阻塞关系 缓存技术 DNS预解析原理与实现 Service Worker缓存机制 内存缓存与磁盘缓存区别 渲染优化 防止CSS阻塞渲染的策略 虚拟DOM与原生DOM操作对比 Canvas与SVG适用场景分析 框架优化 Vue/React响应式原理差异 虚拟DOM性
2025-08-26 17:44:03
448
原创 Electron 桌面程序开发指南
Electron安装和运行Electron安装Electron 支持Windows 7 及以上版本—任何在低版本Windows上开发Electron的尝试都将是徒劳无功的。 您可以使用微软向开发者免费提供的Windows 10虚拟机镜像。首先，安装最新版本的Node.js 。 我们推荐您安装最新的 长期支持版本 或者 当前发行版本 。 访问Node.js下载页面，选择Windows Inst...
2020-04-17 18:07:00
1216
原创 Threejs在里React的使用
注:该文档适用于有threejs基本知识和REACT基础知识者 ,详细的threejs api文档 请访问 https://threejs.org/1、安装three插件yarn add three2、代码步骤和解释在编写核心代码前需要创建组件 Three.js 和 它的样式文件three.css ，并引入相应的依赖模块，如下图：//Three.js//react组件必须impor...
2020-04-16 17:51:43
5495
2
原创 GreenSock动画库在REACT里的使用
首先安装库 yarn add gsap目前gsap版本大更新合并了tweenmax，tweenlite 等内容用法如下：1、其他参数不变 tweenmax 改为 gsap ,时间放到option里：2、时间线的用法变成下图的样子自定义缓动函数的用法自定义缓动可以访问这个路径来制作 https://greensock.com/ease-visualizer 网站需要翻墙...
2020-04-16 17:40:02
504
原创 REACT gg-editor 的注册节点坑
REACT gg-editor如何注册一个节点并设置selected或hover颜色这里不对基本用法说明，基本用法请前往一下链接：gg-eidtor github地址官方g6 api文档下面直接看代码import { RegisterNode } from 'gg-editor';<RegisterNode name="model-card" config={{ ...
2019-11-20 14:21:37
1801
12
原创 CesiumJS封装 - 主类公共方法
本文介绍了CesiumManager类的主要功能和使用方法，包括坐标转换、场景操作、相机控制、天气系统和自定义鼠标控制等核心功能。重点内容包括：1. 静态坐标转换方法，支持BD09、GCJ02、WGS84坐标系互转；2. 场景控制方法，如获取viewer对象、场景飞行动画和缩放；3. 相机操作方法，包括flyTo、setView、绕点旋转等；4. 天气系统实现，支持雨雪效果切换；5. 自定义鼠标控制模块，可配置旋转、缩放和平移功能。各类方法均提供详细参数说明和使用示例，便于开发者快速集成和使用。
2025-08-30 09:54:03
921
原创 CesiumJS 封装 - 初始化与配置
本文介绍了如何使用TypeScript封装Cesium三维地图库的核心功能。文章首先定义了CesiumOptions接口，包含地图容器、控件开关、各服务商配置等参数。然后详细讲解了CesiumManager类的实现，包括初始化Viewer、相机设置、事件处理等核心功能。重点介绍了中国区域定位、指南针集成、天地图/ArcGIS/高德/腾讯等地图服务配置，以及鼠标交互、时钟事件等基础功能的事件处理。最后提供了完整的清除方法，确保资源释放。该封装方案为开发者提供了高度可定制化的Cesium集成方案，支持多种地图服
2025-08-29 14:18:35
995
原创 CesiumJS 介绍以及基础使用
CesiumJS是一款开源的Web三维地球引擎，基于JavaScript和WebGL技术，支持在浏览器中无插件渲染高精度3D地形、影像和模型数据。其核心功能包括全球地形支持、多源数据融合、3DTiles流式传输、时间动态分析等，具有跨平台、高性能和易集成特点。通过npm安装和简单配置即可快速开发，广泛应用于智慧城市、航空航天、应急演练等领域。CesiumJS提供完整的开发文档和社区支持，是Web端数字地球解决方案的成熟选择，适合需要跨平台3D可视化的各种应用场景。
2025-08-29 09:56:03
748
原创 axios再次封装对请求和响应做拦截
axios本身无法满足全局拦截，需要再次封装代码如下：import axios from 'axios';import qs from 'qs';const instance = axios.create({ //当创建实例的时候配置默认配置 timeout: 600000});//添加请求拦截器instance.interceptors.request.use(f...
2020-04-17 17:51:40
324
原创 css滤镜、混合模式、hls颜色值
css 滤镜 如下图：1、blur([radius]px)—给图像设置高斯模糊。"radius"一值设定高斯函数的标准差，或者是屏幕上以多少像素融在一起， 所以值越大越模糊，默认是0。2、grayscale(%/number)—将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像，值为0%图像无变化。值在0%到100%之间，则是效果的线性乘子。若未设置，值默认是0；3、b...
2020-04-17 17:44:35
2495
原创 SVG制作内阴影
1、在css中可以通过 box-shadow: inset 0 0 8px #f00 的方式去设置内阴影2、在svg中应该怎么实现呢？这就不得不说svg中的滤镜功能，这里只谈内阴影的制作，至于其他的滤镜请自行百度搜索学习。下面直接看代码：<svg> <filter id="innershadow" x0="-50%" y0="-50%" width="20...
2020-04-16 17:31:48
4990
原创 前端生成PDF最佳实践 - puppeteer
前端生成PDF如果要与后端配合修改生成状态之类的操作，需要起一个node服务。推荐使用express脚手架构建node服务。前端生成PDF如果不需要与后端配合，只需要一个装包执行js即可。以下要以起node服务为例，文章最后会提供 node 服务包装 nodejs 和 yarn 就不再多说了一、首先安装包yarn add puppeteer二、修改 routes/index.j...
2020-04-16 17:27:05
641
空空如也
mac版企业微信内置浏览器是什么？
2020-08-07
TA创建的收藏夹 TA关注的收藏夹
TA关注的人