Web前端

主页 /
标签 /
Web前端

Web 前端性能优化：批量 DOM 操作 - FastDOM

2024-12-02

利用 JS 开发的原生应用与依赖于 React.js/Vue 开发的框架/库应用，性能孰高孰低？这两者最显著的区别在于原生应用需要手动操作 DOM 完成业务，而框架/库应用是基于数据变化响应式的应用， …

（转载）如何实现网站鼠标特效

2024-10-24

使用以下代码可以实现一个在画布上的鼠标特效

Web 字体加载对 DOM 位置的影响

2022-10-16

由于公司的业务会用到自己设计师定制的 Web 字体，所以一般在组件开发过程中会利用 CSS 引用该字体（

前端工程化：对于构建工具链的简单思考

2022-08-01

前端工程化是在做与业务开发完全不同的事情，旨在解决软件工程领域与开发者密切相关的问题，通常会将其与基建开发、DevOps 放在一起讨论。前端开发是复杂的， …

解析基于 core-js 与 ESLint 的 Web 兼容方案

2021-12-07

Web 网页为了保证在多个平台和低中高端设备上的体验稳定性和一致性，通常会做 Polyfill 以保证兼容性。

Web 前端调试工具：SourceMap 文件

2021-11-28

Web 前端项目出于加载性能优化和安全考虑，在生产环境部署的代码是经过混淆和压缩的，对于利用生产环境收集到的错误堆栈信息要进行调试是非常具有挑战性的。理想情况下，应该在生产环境收集错误堆栈信息，然后映 …

前端开发中的流程自动化与提效实践

2021-11-28

随着前端的发展，越来越多的工具库、方法被用在日常研发流程中，这大大提升了业务开发的效率，而随着各类自动化流程的建设，开发同学也不再需要关注到每一个细节。前段时间项目阶段性交付，在推进的过程中也做了不少 …

Web 应用：轻量级状态管理工具 zustand

2021-11-18

基于 React.js 的 Web 应用如何完成状态管理？社区主流方案是 react-redux，其本质上基于 React 的 Context 特性实现，如果应用足够简单，实际上用 Context 手 …

Web 前端性能优化：案例分析 1

2021-09-24

能在真实业务场景中落地 Web 性能优化方案的机会鲜有，大多数时候业务是较为简单而且要求不高的，前段时间恰好有一个比较核心的业务，对稳定性和性能有一定的要求，在这个过程中也算是做了很多尝试和实践，在此 …

使用 Jest 和 Puppeteer 构建 Web 自动化测试平台

2021-08-15

测试为软件的稳定和完善提供了必要的支持，Web 前端开发领域相比于做单元测试，端到端测试更有意义和价值。谷歌发布的 Puppeteer 工具和脸书发布的 Jest 测试工具为 Web 端到端测试提供了 …

Web 前端性能优化：核心概念与指标

2021-07-19

说到 Web 的性能优化，可能很多时候我们采取了一些措施，看到了肉眼可见的改进，如果我们可以对其进行测量，确定我们改进的效率（百分比）是不是会更有意义？换句话说，如果我们了解性能瓶颈可能发生的位置，衡 …

Web 前端性能优化：工具与技巧

2018-08-20

Web 前端的性能优化是非常迫切的，客户端的资源非常有限，而且层次不齐，很容易造成一些性能问题从而影响到最终给用户所呈现的数据信息结构的不完整。为了增强用户体验，我们必须在各个方面进行优化，同时也可以 …

Web 前端跨域访问

2018-08-10

为了用户的安全，浏览器通常都会限制跨域（Cross-domain）访问，也就是默认不允许不同域名下页面之间进行资源的传递和信息交互，但很多时候我们又有跨域请求资源的需求。

Web 本地存储

2018-06-01

为了达到某些需求，我们通常需要在本地存储一些数据，方便我们进行用户个性化定制服务。

Web 前端架构设计

2018-03-28

让 Web 前端开发可持续化、可扩展，关注四个核心代码、流程、测试、文档。

Web 应用：单页面应用与路由

2017-10-25

现在，Web 技术不仅仅是局限于页面的开发技术，在应用的开发方面也是一种潮流，B/S 架构的技术是一种趋势。而像一般的管理型 Web 应用，不注重 SEO，非常适合单页面应用（SPA）的实现方式，而路 …