- 博客(619)
- 收藏
- 关注
RSS订阅转载 MySQL 正式引入 JavaScript 支持！
近期，MySQL 官方宣布了正式在 MySQL 中引入了 JavaScript 支持！下面是 MySQL 官方的描述：MySQL 正在持续推动创新，现在已在数据库内部包含丰富的过程式编程能力。开发者现在可以在 MySQL 数据库服务器中编写 JavaScript 存储程序（函数和过程）。这些存储程序将使用 GraalVM 运行时进行运行。这一举措还是相当炸裂的，继浏览器、服务端、客户端之后， J...
2024-01-17 11:17:48
144
1
转载 Nginx 常用的基础配置（高级前端须知）
最近很多朋友问到Nginx配置前端 web 服务，所以特地写了这篇文章；希望能够帮助更多的朋友。基础配置user root;worker_processes 1;events { worker_connections 10240;}http { log_format ...
2024-01-11 17:27:55
120
转载 尤雨溪再喷 React，这波我要反驳一下
这两天几个群都在传尤大喷 React 文档的截图，并且引起了热烈的讨论。然后就有人在问，是不是 React 真的那么坑。作为一个 React 深度使用者，觉得不应该让新学 React 的朋友留下这样一个刻板印象，所以我结合自身对于 React 的使用体验，反驳一下他的观点。看一下尤大是怎么喷的。先是有个人发文吹了一波 React 新官网写得很用心。然后尤大不知道为什么怨念会这么深，就说 React...
2024-01-08 17:30:26
151
1
转载 JS如何判断文字被ellipsis了？
如果想要文本超出宽度后用省略号省略，只需要加上以下的 css 就行了。.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}3 行 css 搞定，但是问题来了：如果我们想要当文本被省略的时候，也就是当文本超出指定的宽度后，鼠标悬浮在文本上面才展示popper，应该怎么实现呢？CSS帮我们...
2023-12-05 17:30:55
156
转载 SPA 如何达到 SSR 一样的秒开效果？
SPA（单页应用）在初次加载时，由于需要加载所有必要的 JavaScript 和 CSS 文件，以及应用的主 HTML 文件，因此可能会产生白屏时间较长的问题，对用户体验而言是非常糟糕的。其中白屏时间主要影响因素之一：SPA 应用在加载完成后，需要再进行一次 DOM 渲染才能显示页面内容。在渲染过程中，可能需要加载大量的 JavaScript 文件、CSS 文件或网络请求，这些操作都需要耗费时间，...
2023-12-04 09:09:55
805
转载 45k*15薪，字节 offer 拿下！
前言有位粉丝小姐姐经历了三个月的空窗期，在上周拿下了字节的offer。在面试的这段时间，她整理了一套《大厂offer笔记》，内含基础八股文、大厂高频面试题、Vue3专题面试题。看了一眼，真的是好东西，对跳槽和技术进阶都有很大帮助！赶紧给大家分享一波，着急的朋友可以先扫码下载笔记内容整套笔记分为三大板块：八股文+大厂真实面试题库+Vue3面试专题1八股文 |基础必备整套资料内容包括了Html、C...
2023-11-27 10:21:00
70
转载 前端获取电池信息
作者：白椰子https://juejin.cn/post/7222996459833622565当奇怪的需求越做越多的时候，证明你的眼光也正在变得广阔。产品经理：加个需求，用户电脑设备如果快没电，我要暖心的告诉他该插上电源。前端攻城狮：。。。他电脑不会自己提醒吗？产品经理：你做不做？前端攻城狮：做！前言随着技术的日益发展，web前端技术远比我们想象的强大。浏览器允许网站获取用户设备的电池状态信息，...
2023-11-23 17:44:57
55
转载 线上BUG引起思考：package.json 中的 ^~ 该保留吗？
一、写在前面一次线上项目 bug，引发了关于 package.json 中的 ^~ 是否该保留？保留可能引发的后果？以及如何在版本更新便利和版本更稳定中取舍的思考？这个 bug 是由于线上部署打包时，自己下载了最新依赖，于是线上依赖版本和研发本地依赖版本不同，不巧的是最新依赖有 bug 而本地早先下载的没有， 导致了定位 bug 浪费了大量时间。最后是发现 lock 的版本有差异，根据这个方向进一...
2023-11-21 17:30:20
84
转载 图解 JS、React、Vue 设计模式
今天来分享一个免费在线学习 JS、React、Vue 设计模式的网站，该网站旨在为 JavaScript 设计、渲染和性能模式带来现代视角，使用普通 JavaScript 或现代框架构建功能强大的 Web 应用！网站总共包含三部分：JavaScript 模式：专注于纯 Javascript 和 Node.js 的模式；React 模式：专注于 React 和 Next.js 的模式；Vue 模式：...
2023-11-20 17:30:37
66
转载 最近，前端面试真疯了。。。
本文推荐最近在考虑新机会的小伙伴阅读！前言上周和部门BP聊天，她说最近在boss上放出一个初级前端岗位，平均每天都能收到500多份简历。前端市场越来越卷，跳槽前做好技术进阶突击，才能稳拿offer。这里有一份我爆肝两个月整理出的《2023前端开发进阶秘籍》，内含最新版本的八股文、高频算法题和大佬面经，全是今年的新知识点。全部整理成了高清pdf版，共计 266 页，大家可以扫码领取。资料内容展示三个...
2023-11-16 10:20:58
42
转载 即将到来的 Vue 3 “Vapor Mode”
今年年初，尤雨溪在 2023 新年展望中提到了 Vue 3 “Vapor Mode”：Vapor Mode 是一直在试验的另一种编译策略，其灵感来自于 Solid。给定相同的 Vue SFC，与当前基于虚拟 DOM 的输出相比，Vapor Mode 将其编译成性能更高、使用更少内存且需要更少运行时支持代码的 JavaScript 输出。它仍处于早期阶段，这里有一些相关的要点：Vapor Mode ...
2023-11-15 17:28:35
73
转载 阿里云严重故障，阿里云、钉钉、闲鱼、淘宝、语雀等都崩了...
周末来吃瓜今天下午正在用语雀记笔记时，突然出现错误提示：看起来应该是阿里云 OSS 的故障。然后就看到了语雀最新的公告：公告内容如下：尊敬的客户：您好！北京时间2023年11月12日 17:44起，阿里云监控云产品控制台访问及API调用出现出现使用异常，阿里云工程师正在紧急介入排查。非常抱歉给您的使用带来不便，若有任何问题，请随时联系我们。果然，又挂了！后来发现，不仅语雀挂了，阿里系的应用很多都...
2023-11-12 20:26:28
74
转载 当年很流行，现在已经淘汰的前端技术，请不要再继续学了！
近几年，前端技术真可谓是飞速发展，不断有新的技术涌现，爆火的前端框架 Astro，前端运行时 Bun，构建工具 Vite 等都给前端提供了强大动力。当然，也有很多前端技术随着技术的发展不再需要使用，有了更好的替代方案。本文就来盘点一下那些不再流行的前端技术，以及对应的现代化替代方案。本文提到的技术不代表不能再使用了，其仍存在一些适用场景，并且很多遗留老项目可能是使用这些技术实现的，需要进行维护。只...
2023-11-07 17:30:24
221
转载 jQuery 4.0 它来了？
转自：OSC开源社区（ID：oschina2013)根据 jQuery 的 GitHub 里程碑状态，其 4.0.0 版本的开发进度已完成 99%。https://github.com/jquery/jquery/milestone/7可以看到，目前待处理的 issue 仅剩一个，其内容是升级与 ESLint 相关的软件包，以及修复 linting 错误。已经处理完毕的 issue 共计 163 ...
2023-11-03 17:42:07
641
转载 前端好像在开倒车了？
最近 Next.js 14 发布的一项新功能 Server Actions 在前端社区引起了巨大的争议。简单来说， Server Actions 可以直接让我们在 JSX 代码中操作 Server 相关的能力。下面是 Next.js 14 发布会上给出的一个示例：是不是有种感觉回到了 PHP 的时代？为什么之前人们这么痛恨 PHP？就是因为它写起来太随意了，代码非常混乱，没有任何层次感，而且也有很...
2023-11-02 14:30:32
50
转载 复盘前端岗位现状之后 ，有点想开了
正文前段时间，掘金热帖《放心，前端死不了》在前端圈疯传。百度前端大佬表明：“前端技术是依托于互联网行业的，只要行业还在，它就会有用武之地，就会有价值。”总的来说，技能跟上发展，前端就不会死。谁掌握得更深、应用得更好，谁就更容易脱颖而出。为此，我特意与几位大厂前端技术专家，一起整理出了一套非常实用的——《2023前端开发进阶秘籍》，其中包含了前端必备八股文、超火Vue3面试题、前端卷王算法题和大厂高...
2023-10-30 10:20:23
36
转载 芜湖，前端这波起飞！
前天加完班，回家路上翻了下粉丝群。发现群里最近在疯传一份叫《前端offer收割机养成指南》的资料。本来感觉这个title看起来有点离谱，结果没想到仔细一看，这份资料竟然真的有点东西。内容收纳的很全，而且融合了很多今年的新玩意。据我所知有人靠它拿下了45k+的offer…后来我辗转找到了这份资料的整理人，果然是位大佬！他是现任阿里前端Leader，在前端行业深耕近十年，见证了互联网的飞速发展，也见证...
2023-10-25 10:21:00
42
转载 看完尤雨溪知乎几百条回答，这些让我受益匪浅！
最近看完了尤雨溪的知乎 343 条回答和 25 篇文章，记录下一些内容（每条仅摘录部分内容），分享给大家！1怎么才能有尤雨溪一半强，该怎么学习？Summer IS HERE# ”我更愿意把 “强” 理解为 “制造 impact 的能力”，也就是你能通过你的代码产生多大的影响力。在恰当的时机解决了恰当的问题，会产生很大的影响力，但问题总是处在一个不断被发现和解决的动态平衡中，你能否发现那个值得解决，...
2023-10-23 17:30:22
90
转载 周爱民：告前端同学书
一年前，InfoQ的编辑约请我对前端技术做了些回顾总结，说了三个方面的话题：其一，前端过去的15年大致可以怎样划分；其二，前端的现状以及面临的挑战；其三，前端会有怎样的未来。后来刊发成综述，是《技术15年》。缘于文体变动，访谈的味道十不存一，所以这里再次整理成文，是为《告前端同学书》。作者：周爱民 / aimingoo转载自：前端圈编者按：本文作者周爱民确认出席由前端圈主办的第六届 FEDAY。...
2023-10-20 09:37:43
40
转载 这招可以搞定 console 狂魔！
插件已经开源了，可以看文章末尾console狂魔能有多狂事情是这样的，前段时间我加入了公司某个小项目组入组第一天，我要来了项目权限，下载完代码和依赖然后npm start，打开浏览器控制台，我尼玛，一个登陆页面就这么多log？此刻我怀着忐忑的心情打开了自己的即将负责的模块入口页面：这让我怎么调试啊？image.png上图我已经把敏感信息屏蔽掉了(^/ω＼^)，每点击下页面就会蹦出好几行consol...
2023-10-19 17:31:22
46
转载 一行代码禁止用户调试前端代码！
有时候不希望用户去调试或复制前端代码，那该如何禁止用户调试前端代码呢？今天就来分享一个开源的前端工具：Disable Devtool，一行代码禁用 Web 开发者工具！功能简介disable-devtool 可以禁用一切可以进入开发者工具的方法，阻止通过开发者工具进行的“代码抓取”。它具有以下特点：支持可配置是否禁用右键菜单取消 f12 和 ctrl+shift+i 等快捷键支持识别从浏览器菜单栏...
2023-10-17 17:30:07
116
转载 前端最能打的本地存储方案 - localforage
前言之前开发了一个离线存储的需求，需要在本地存储较大的数据量，并且还要考虑到多种场景下的存储方式兼容。产品的原话就是“要又大又全”。既然存储量大，也要覆盖全多种设备多种浏览器。方案选择既然要存储的数量大，得排除cookielocalStorage，虽然比cookie多，但是同样有上限（5M）左右，备选websql 使用简单，存储量大，兼容性差，备选indexDB api多且繁琐，存储量大、高版本浏...
2023-10-08 11:30:04
259
转载 什么是amp页面
AMP (Accelerated Mobile Pages)是一个开源的框架来帮助提升整个移动端页面的加载速度，使用户体验更好，本身是 google 开发设计的。背景15，16 年左右的时候，移动端正是飞速发展的时候，而当时从前 PC 的站点流量正在被大量的移动端页面所吞噬。大概 16 年左右，相关统计表明就已经有超过 6 成的流量来自移动端了。而现在来看用户的流量移动端应该不止 6 成了。而当时...
2023-09-26 17:41:09
61
转载 手把手告诉你组件库都是怎么打包的
大家都用过组件库，react 流行的组件库有阿里的 ant-design、字节的 semi-design、arco-design 等。那这些组件库都是怎么打包的呢？我们自己写个组件库的话，怎么写打包逻辑呢？这篇文章我们就来探究下。新建一个项目：mkdircomponent-lib-testcdcomponent-lib-testnpminit-y分别安装 ant-design、ar...
2023-09-22 11:35:38
512
转载 和43岁前端大哥聊了聊，我彻底放心了！
都说35岁是程序员的职业尽头，而我们部门leader是位80年的大哥，曾经是字节3-1大佬，今年43岁了依然独当一面。仗着私交不错，向他请教到了「保持竞争力」的秘籍：1.努力修炼内功是生存的根本。不管是刚入行的新人，还是经验丰富的老人，都要居安思危，不断的提高技术能力，厚积薄发，才能寻求到更广阔的生存空间。2.接受变化，拥抱变化。互联网行业充满不确定性和新的变化，面对变化不吐槽“前端已死”，而是去...
2023-09-14 10:20:26
52
转载 大厂为啥都要用Node去写中间层(BFF)呢？
BFF是一种Web架构，全名为Backends For Frontends，即为服务于前端的后端。这个词来源于Sam Newman的一篇文章：Pattern: Backends For Frontends[1]。BFF一般指的是在前端与后端之间加增加一个中间层。为什么要在前端和后端之间增加一个BFF层呢？计算机科学家David Wheeler曾经说过一句话：All problems in comp...
2023-09-12 09:06:54
160
转载 推送数据？也许你不需要 WebSocket
提到推送数据，大家可能会首先想到 WebSocket。确实，WebSocket 能双向通信，自然也能做服务器到浏览器的消息推送。但如果只是单向推送消息的话，HTTP 就有这种功能，它就是 Server Send Event。WebSocket 的通信过程是这样的：首先通过 http 切换协议，服务端返回 101 的状态码后，就代表协议切换成功。之后就是 WebSocket 格式数据的通信了，一方可...
2023-09-07 17:30:23
65
转载 9月准备跳槽的小伙伴注意了
前天加完班，回家路上翻了下粉丝群。发现群里最近在疯传一份叫《前端offer收割机养成指南》的资料。本来感觉这个title看起来有点离谱，结果没想到仔细一看，这份资料竟然真的有点东西。内容收纳的很全，而且融合了很多今年的新玩意。据我所知有人靠它拿下了45k+的offer…后来我辗转找到了这份资料的整理人，果然是位大佬！他是现任阿里前端Leader，在前端行业深耕近十年，见证了互联网的飞速发展，也见证...
2023-09-06 10:20:50
41
转载 新一代 Web 预渲染技术！
预渲染技术什么是预渲染呢？很好理解，就是当我们还没有访问页面是提前对页面进行渲染，等到我们真正访问页面时就不需要再花费额外的时间去渲染页面了。在当今网页最重要的性能指标 Core Web Vitals 中，Largest Contentful Paint (LCP)（最大内容渲染）占据着最重要的位置，这个指标也很好理解，也就是一个网页当前视口中可见的最大元素的渲染时间。当我们访问一个网页时，浏览器...
2023-09-05 17:30:26
106
转载 基于 Axios 封装一个完美的双 token 无感刷新
用户登录之后，会返回一个用户的标识，之后带上这个标识请求别的接口，就能识别出该用户。标识登录状态的方案有两种： session 和 jwt。session 是通过 cookie 返回一个 id，关联服务端内存里保存的 session 对象，请求时服务端取出 cookie 里 id 对应的 session 对象，就可以拿到用户信息。jwt 不在服务端存储，会直接把用户信息放到 token 里返回，每...
2023-08-30 09:05:11
411
1
转载 浏览器也拥有了原生的 “时间切片” 能力！
就在 Chrome 115 版本，浏览器开始了对 scheduler.yield 的灰度测试。scheduler.yield 是 scheduler API 中新增的一个功能，它能以更简单、更好的方式将控制权交还给主线程。在开始讲解这个 API 之前，我们先来看一个新的性能指标。下次绘制交互 (INP)下次绘制交互 (INP) 是一项新的指标，浏览器计划于 2024 年 3 月将其取代取代首次输入...
2023-08-29 17:32:24
80
转载 45K*16薪，9月准备跳槽的可以看看
前天加完班，回家路上翻了下粉丝群。发现群里最近在疯传一份叫《前端offer收割机养成指南》的资料。本来感觉这个title看起来有点离谱，结果没想到仔细一看，这份资料竟然真的有点东西。内容收纳的很全，而且融合了很多今年的新玩意。据我所知有人靠它拿下了45k+的offer…后来我辗转找到了这份资料的整理人，果然是位大佬！他是现任阿里前端Leader，在前端行业深耕近十年，见证了互联网的飞速发展，也见证...
2023-08-24 10:20:40
129
1
转载 3个优秀的 Vue 开源项目，写在简历上直接框框加分
今天来分享最近整理的Vue3 大厂高频面试题和 几个爆火值得学的 Vue / React开源实战项目，理论、实战双重结合，快速提升前端开发战斗力！Vue3高频面试题Vue3.0中的Composition ApiVue3.0中的TreeshakingVue3.0中的Proxy API全部整理成了高清pdf版，大家可以扫码下载Github实战项目源码模拟网易云（Vue框架）模拟网易云（React框...
2023-08-18 10:20:41
81
转载 注意，这个 JavaScript 事件即将弃用！
简单的说：从 Chrome 117 开始，unload 事件将逐渐弃用。通常情况，在 HTML 文档即将被卸载时，unload 事件将会调用。理论上，它可用来在用户离开页面时运行一些代码，或者作为会话回调结束时运行代码。<!doctypehtml><html><head><title>ParentFrame</title&...
2023-08-15 17:40:07
60
转载 原来小程序直接生成App如此简单
小程序≠微信小程序说到小程序，大部分的读者第一反应，可能是微信小程序、支付宝小程序。确实，以前小程序这种生态只有巨头才玩的起。但现在，任何企业，甚至是个人，都能低成本地在自己的App添加运行小程序的能力，可以自主建设小程序生态、发布管理小程序内容。小程序类技术的企业商用，意味着：企业拥有了和互联网平台们类似的技术，能够以小程序这种技术载体、内容格式来开发自己的商业软件，从而享受这种技术带来的敏捷、...
2023-08-11 08:30:37
103
转载 三分钟，教你3种前端埋点方式！
只有了解用户，我们才能服务好用户，而最接近用户的我们，自然要承担起更多的责任。那么在一个企业中，我们要如何去了解用户呢？最直接有效的方式就是了解用户的行为，了解用户在网站中做了什么，呆了多久。而如何去实现这一操作，这就涉及到我们前端的埋点了。埋点方式在聊如何进行埋点前，我们先介绍下什么是埋点？所谓'埋点'是数据采集领域（尤其是用户行为数据采集领域）的术语，指的是针对特定用户行为或事件进行捕获、处理...
2023-08-10 17:40:45
49
转载 让你 React 组件水平暴增的 5 个技巧
最近看了一些 Ant Design 的组件源码，学到一些很实用的技巧，这篇文章来分享一下。首先，我们用 create-react-app 创建个 React 项目（选择 typescript 模版）：npxcreate-react-app--template=typescriptcomponent-test进入项目目录，把开发服务跑起来：npmrunstart然后引入 antd：npm...
2023-08-09 17:57:10
44
转载 35K*16薪上岸腾讯，Vue3.2开发APP的经验帮了我！！
都知道前端开发需要精通Vue3，然后网上各种Vue资料满天飞，然而值得看的没几个。这里给粉丝搞来一套教程，有以下3个特点：1 基于vue3.2的移动APP实战2 详尽功能实现，完整企业级实战3 全套源码分享，从0到1视频教程绝对值得粉丝下载学习，下图扫码(或加微信zhaoxi0061)进微信群领取，完全免费！扫码即可领取本文干货添加微信zhaoxi0061也可下面来一波详尽的页面功能清单，粉...
2023-08-08 07:45:40
47
转载 【干货】基于 Nginx 实现一个灰度上线系统
软件开发一般不会上来就是最终版本，而是会一个版本一个版本的迭代。新版本上线前都会经过测试，但就算这样，也不能保证上线了不出问题。所以，在公司里上线新版本代码一般都是通过灰度系统。灰度系统可以把流量划分成多份，一份走新版本代码，一份走老版本代码。而且灰度系统支持设置流量的比例，比如可以把走新版本代码的流量设置为 5%，没啥问题再放到 10%，50%，最后放到 100% 全量。这样可以把出现问题的影响...
2023-08-07 17:47:32
372
转载 从张鑫旭大佬文章中发现了我前端知识的匮乏
最近翻看张鑫旭大佬的博客，发现了一篇叫《前端原生API实现条形码二维码的JS解析识别》[1]的文章，觉得很不错，于是就把大佬的代码拷贝下来学习了下，结果就是看的我一脸懵，自信息大大受打击了。痛定思痛，于是把其中觉得有意思的地方记录下，整理成此文。我们先看下页面是怎么样的：chrome-capture-2023-5-26.gif功能很简单，就是复制下面的二维码图片，然后粘贴到文本框中，最后点击识别按...
2023-08-03 17:32:31
52
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人