Web前端

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

2024-12-18

跨平台前端平台技术整理

了解更多

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

2024-12-02

原生应用时代，DOM 操作一般借助类似 jQuery 的工具库手动完成，而在框架/库应用时代 DOM 操作退居幕后自动完成，原生应用与框架应用性能孰高孰低？DOM 批量操作对于性能有何影响？利用 FastDOM 库来解决这些性能问题。

了解更多

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

2024-10-24

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

了解更多

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

2022-10-16

由于使用了第三方 Web 字体，产生了一个潜在的线上问题，苦于调试过程中一直没有考虑字体加载会对 DOM 位置产生影响，浪费了大量时间和精力。

了解更多

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

2022-08-01

前端工程化是一个值得了解的方向，从软件开发、测试到部署上线整个环节的深入，可以对软件工程有一个更深刻的理解，对于前端来说，构建工具链是工程化中重要的一环，这里对这么多年接触过得工具做一个简单的总结思考。

了解更多

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

2021-12-07

Web 网页为了保证在多个平台和低中高端设备上的体验稳定性和一致性，通常会做 Polyfill 以保证兼容性，当下社区的主流方案则是基于 core-js，而 ESLint 则可作为自动检测的辅助工具。

了解更多

Web 前端调试工具：SourceMap 文件

2021-11-28

Web 前端项目在生产环境发布的代码是经过混淆和压缩的，如何调试则成为了一个难题，SourceMap 文件则是一个解决该问题时可以利用的很好的工具。

了解更多

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

2021-11-28

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

了解更多

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

2021-11-18

Web 网页向 Web 应用发展的过程中，势必会出现 Web 项目的复杂化问题，而在移动端场景，基于 React.js 的应用中如何管理状态？zustand 也许值得一试。

了解更多

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

2021-09-24

Web 性能相关的概念很多，但如何落地在真实业务场景中，其实是一个比较难的事情，或者说机会鲜有，在这里记录一下真实业务案例做性能优化的过程。

了解更多

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

2021-08-15

谷歌发布的 Puppeteer 工具和脸书发布的 Jest 测试工具为 Web 端到端测试提供了极大的便利，这里记录了如何使用它们构建一个 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 前端开发是一个零散化的过程，基本上没有专业的 IDE 来为我们提供一整套的自动化流程解决方案，如何从需求到实现一步步快速推进形成完整的工作流，在后期如何高效的进行测试和优化，让前端开发可持续化、可扩展显得极为重要。

了解更多

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

2017-10-25

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

了解更多