林前端

前端

赞

822

|

搜索文章

赞了这篇文章

前端开发工程师

·

3年前

前端E2E自动化测试开发——基于Playwright

本篇我们就一个例子来深入一下 e2e 的写法。平时我们写完代码都会写单测来测试代码的可靠性，但是单测只能测试某个函数或者某个组件的可靠性，但是当全部的组件和函数组合成一个...

43

9

赞了这篇文章

1年前

前端面试题之 px 如何转为 rem【CSS】

px（像素）转换为 rem（根元素字体大小的相对单位）需要先确定一个基准的根元素字体大小。通常，我们将根元素（<html>）的字体大小设置为一个特定的值，比如 16px（...

3

评论

赞了这篇文章

前端公众号 @JS酷

·

2年前

端到端测试框架 Playwright 使用入门

playwright 介绍 Playwright 是一个端到端（E2E）测试框架，它可在所有现代浏览器中运行功能强大的测试和自动化。支持多种编程语言 API，包括 Ja...

53

11

赞了这篇文章

搬砖、合成BUG

·

1年前

领导让我加水印

小S啊，我们有个新需求🥸，需要在预览的资源上添加水印，让服务端来加水印成本太高了，在前端渲染的时候把水印加上可以吗🤨？...

153

55

赞了这篇文章

2月前

AI编程学习：Chrome DevTools MCP 到底有多强？

hello，我是成峰！前几天在群里吼了一嗓子，问大家搞自动化都踩了哪些坑… 好家伙，不问不知道，一问全是痛点！正好Google官方（对，就是搞Puppeteer那帮大佬...

5

1

赞了这篇文章

@完美世界

·

8月前

前端开发又幸福了，Cursor + Figma MCP 快速还原设计稿

朋友发给我一个开源项目 https://github.com/GLips/Figma-Context-MCP 是一个 Figma 的 MCP 服务。 MCP 是最近比较火的...

349

95

赞了这篇文章

@完美世界

·

1月前

拓宽 AI Coding 能力边界：前端 MCP 实用技巧分享

MCP 火了这么久，聊聊我在日常前端开发中真正用到的一些实用 MCP。这些都是经过实践筛选、能直接提升开发效率的工具，希望能对大家有所启发。...

74

8

赞了这篇文章

2月前

再见Playwright！谷歌官方Chrome DevTools MCP正式发布，AI编程效率再翻倍

在使用 AI 编程过程中，想让 AI 帮忙写一个前端页面，他哐哐哐写一大堆，结果一运行不是样式错乱，就是控制台报错。这个时候你把截图发给 AI，它道个歉，然后再给你生成一版...

7

5

赞了这篇文章

@鹅子

·

10月前

过来看字节手写题——数组去重和大数相加🚀🚀🚀

前言以下题目来自学长字节面试 , 做一下整理数组去重拷打一直接使用es6里面的Set 和 ...运算符(解构运算符) 写这个展现你知道 ES 语法 Set 拷打二 ...

15

评论

赞了这篇文章

神光的编程秘籍

·

3年前

快速入门 WebRTC：屏幕和摄像头的录制、回放、下载

不知你是否用过 web 版的视频面试，或者 web 版在线会议，它们都支持分享屏幕、也能开启摄像头，这些都是浏览器上实现的。作为前端开发，是否好奇过这些功能的实现原理呢？...

78

8

赞了这篇文章

Java 服务端高级开发工程师公众号：Lorin 洛林

·

2年前

IM通信技术快速入门：短轮询、长轮询、SSE、WebSocket

回顾整个网页端IM的底层通信技术发展，从短轮询、长轮询，到后来的SSE以及WebSocket，我们使用的技术越来越先进，使用门槛也越来越低，给大家带来的网页端体验也越来越好...

42

评论

赞了这篇文章

安全治理

·

2年前

UnoCSS响应式设计和颜色主题切换 | 青训营

UnoCSS的响应式设计和颜色主题切换 UnoCSS 是一个 🔥火热的原子级 CSS 引擎。具体介绍这里不多说，今天的主题是实践，概念性的知识推荐各位看官去其官方网站详细...

15

3

赞了这篇文章

1年前

【前端工程化】项目搭建篇-项目初始化&prettier、eslint、stylelint、lint-staged、husky

本系列将实现使用react18，ts5，lint三剑客，webpack，storybook搭建react组件库、react+ts项目模板、和一个脚手架项目模板。本项目使用的...

255

27

赞了这篇文章

全栈程序员

·

3年前

vue 多页面项目开发指南

vue 多页面项目开发指南,如何配置多页面,多页面打包的splitChunks如何设置,多页应用的优缺点....

26

5

赞了这篇文章

公众号 @404星球的猫

·

3月前

🚀前端性能优化实录：把 5 秒白屏降到 1.2 秒，只做 7 件事

5 秒白屏？1.2 秒加载？Vite 项目性能优化实战！从代码分割、图片懒加载到骨架屏、预渲染，7 步让前端性能飞跃，附可复用代码片段，直接抄作业！...

132

22

赞了这篇文章

9月前

vue 首屏优化主要针对index.js过大问题，splitChunks分包白屏

接手了一个项目，打包完index.js居然有十几M，本地还好，部署线上以后网速快的情况可能十几秒就能加载完，网速慢的话就会出现 "喂，你们项目挂了，白屏一直。。哦！！ ...

11

1

赞了这篇文章

1年前

vue项目首次加载缓慢，利用splitChunks分包打包导致上线chunk-XX.js文件过多页面加载缓慢资源请求阻塞问题解决方案

vue项目首次加载缓慢，利用splitChunks分包打包导致上线chunk-XX.js文件过多页面加载缓慢资源请求阻塞问题解决方案, 利用splitChunks分包...

23

6

赞了这篇文章

高级前端

·

5年前

五种可视化方案分析 webpack 打包性能瓶颈

在上两章节中我们已经介绍过了 JavaScript 打包机制以及 webpack 所有的内置配置，但当项目业务功能达到一定规模时，默认的配置已经不足以满足开发、用户的期望...

343

14

赞了这篇文章

前端

·

2年前

听说Vue2.7支持Vue3语法

前段时间将一个由vue-cli搭建的vue2项目进行了技术上的大调整，首先将构建工具调整为vite，并记录了升级过程中遇到的问题及解决方案，感兴趣的同学可以瞅一瞅我的另一篇...

12

1

赞了这篇文章

前端 @腾讯

·

3年前

中杯超大杯中间的新选择——vue2.7+vite+ts实践

前言选择vue2，是因为我们的网页需要支持IE11。但是同时，我们又非常向往vue3那种组合式API的开发方式。我们还希望有vite，用于加快服务器启动和打包的速度。...

55

25

加入于

2021-05-30