离谱的 CSS！从表盘刻度到剪纸艺术 关注公众号前端开发博客，领27本电子书回复加群，自助秒进前端群某日，群里有这样一个问题，如何实现这样的表盘刻度：这其实是个挺有意思的问题，方法也有很多。单标签，使用 conic-gradient 实现表盘刻度最简单便捷的方式，就是利用角向渐变的方式 conic-gradient，代码也非常简单，首先，我们实现一个重复角向渐变：<div></div>...
从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理 关注公众号前端开发博客，领27本电子书回复加群，自助秒进前端群最近发现有不少介绍JS单线程运行机制的文章，但是发现很多都仅仅是介绍某一部分的知识，而且各个地方的说法还不统一，容易造成困惑。因此准备梳理这块知识点，结合已有的认知，基于网上的大量参考资料， 从浏览器多进程到JS单线程，将JS引擎的运行机制系统的梳理一遍。展现形式：由于是属于系统梳理型，就没有由浅入深了，而是...
2022 年的 CSS 全览 关注公众号前端开发博客，领27本电子书回复加群，自助秒进前端群2022年将成为 CSS 最伟大的一年。无论是在功能还是合作浏览器的功能发布方面，合作目标是实现 14 个功能。概述本文是在 Google IO 2022上发表的演讲的文字形式。这里不会对每个功能进行深入的讲解，而是对每个功能进行简要概述，提供广度而不是深度。下面是这些 CSS 功能的概览：浏览器兼容性将这么...
聊聊大学室友在 TikTok 的工作和生活体验 关注公众号前端开发博客，领27本电子书回复加群，自助秒进前端群今年由于各种因素的影响，“润”这个词成为了大家讨论的热点，有的人想润去外企，有的人想润出国，润似乎成为了我们逃离困境的一种选择。于是，我抱着好奇的心理，跟我的大学室友聊了聊她在美国的工作和生活~这里先介绍下我大学室友秋秋，她在读大学时期就是学霸类型，经常跟她对象相约图书馆。大学毕业后，室友和她对象一起去了美国...
进来做几道 JavaScript 基础题找找自信？ 关注公众号前端开发博客，领27本电子书回复加群，自助秒进前端群天天推送各种框架和库的，看起来也挺累的。。。今天放松一下，做几道 JavaScript 基础题找找自信吧！第1题 — 原型functionAnimal(){this.type="animal"}functionDog(){this.name="dog"}Dog....
刷算法题常用的JS基础扫盲 关注公众号前端开发博客，领27本电子书回复加群，自助秒进前端群介绍此篇属于前端算法入门系列的第一篇，主要介绍常用的数组方法、字符串方法、遍历方法、高阶函数、正则表达式以及相关数学知识。前端算法入门一：刷算法题常用的JS基础扫盲[1]前端算法入门二：时间空间复杂度&8大数据结构的JS实现[2]前端算法入门三：5大排序算法&2大搜索&4大算法思想[3...
还在使用定时器吗？有点离谱的 CSS 电子时钟 关注公众号前端开发博客，领27本电子书回复加群，自助秒进前端群通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：Kapture 2022-03-04 at 16.28.36你也可以访问这个CSS time (codepen.io)[1]查看实际效果当然借用了一点点 JS 用于初始化时间，整个时钟的运行都是由 CSS 完成的，有...
一个月薪 12000 的北京程序员的真实生活 关注公众号前端开发博客，领27本电子书回复加群，自助秒进前端群通篇文章写的很真实，文章很长，分为如下几部分：1. 关于学历2. 关于婚姻3. 关于性别4. 关于住房5. 关于吃6. 关于交通工具7. 关于爱好8. 关于性格9. 结尾下面是原文，推荐给大家，可以点击阅读原文，直通作者CSDN原文地址。“ 每个人都有自己的亲身经历，每个人都有一条生活道路。千万人，千万条，各...
理解了状态管理，就理解了前端开发的核心 关注公众号前端开发博客，领27本电子书回复加群，自助秒进前端群状态管理是前端整天遇到的概念，但是大家是否思考过什么是状态，管理的又是什么呢？我们知道，程序是处理数据的，数据是信息的载体，比如颜色是红色或蓝色这就是数据。那为什么不叫数据管理呢？状态和数据是什么关系？什么是状态状态是数据的变化，比如颜色是红色或蓝色是数据，而颜色从红色变为蓝色这就是状态了。状态的改变对应着视...
一篇让你完全够用TS的指南 关注公众号前端开发博客，领27本电子书回复加群，自助秒进前端群大家好，我叫小杜杜，是一个喜欢动手敲代码的小菜鸟，我认为代码应该亲自敲一遍，才能更好的熟记于心，作为一个程序员，我们与自己的小伙伴共同开发、维护于一个项目，需要保持代码的整洁、清晰，使组内的任意一位小伙伴都能快速理解每一代码模块，因此制定了各种各样的规则，去约束我们写代码，只有这样才能我们的代码更加具有可读性...
Vue项目你一定会用到的性能优化！ 关注公众号前端开发博客，领27本电子书回复加群，自助秒进前端群提起性能优化 很多人眼前浮现的面试经验是不是历历在目呢？反正，性能优化在我看来他永远是前端领域的热度之王。而本渣最近维护的项目恰巧在这个方向下了很大功夫，一些经验之谈奉上，希望对大家有些许帮助！性能优化标准既然说性能优化，那他总得有一个公认的标准，这就是我们很多次听到的Lighthouseimage.png在...
送给 xdm 的 10 个 web 在线前端资源，优雅永不过时~ 关注公众号前端开发博客，领27本电子书回复加群，自助秒进前端群哈喽，你瓜又来了，1234，再来一次，好资源分享，永不停止。请记住：是否使用工具是区别人类和动物的关键。—— 马克思1. 设计确认清单-checklist.design[1]我们知道不同类型的页面都是由一些不同的关键元素组成的：比如：登录页包括有：网站logo、登陆标题、账户名输入框、密码输入框（或者验证码）...
2022前端应该掌握的10个 JS 小技巧 关注公众号前端开发博客，领27本电子书回复加群，自助秒进前端群大家好，我是 LBJ，今天我们聊聊2022一些值得掌握的新特性!现在前端发展很快，各种技术和框架层出不穷、百花齐放，很多人都喊学不动啦！事实上JavaScript 作为前端的主要语言，虽然它的发展很快，每年都会出一些新特性，但视乎 JavaScript 开发者的发展速度更快一些，因为很多相对较新的功能都已经有...
前端历史项目的 Vite 迁移实践总结 关注公众号前端开发博客，领27本电子书回复加群，自助秒进前端群当前，前端社区用 Vite 替代 Webpack 的呼声正日趋高涨。但对于长期维护的业务项目，很多同学可能仍然对上车存有疑虑——Vite 真的足够支撑非玩具级的项目吗？为此本文会分享一个实际案例，介绍我们是如何（比较轻松地）在公司核心业务中落地 Vite 的。稿定 Web 端业务中的平面编辑器已经有五年以上的...
Three.js实现跳一跳(在线玩) 关注公众号前端开发博客，领27本电子书回复加群，自助秒进前端群游戏地址：fwjzzz.gitee.io/jump[1]，点击原文链接可以试玩，git地址：gitee.com/fwjzzz/Jump[2]前言跳一跳是微信小程序[3]的一个小游戏。长按屏幕让小人蓄力跳跃，进行游玩。按照小人跳跃盒子的数量，以及特殊盒子加分项计算得分。游戏规则十分简单：长按鼠标蓄力、放手，方...
Async 是如何被 JavaScript 实现的 关注公众号前端开发博客，领27本电子书回复加群，自助秒进前端群这篇 Async 是如何被实现的，其实断断续续已经在草稿箱里躺了很久了。终于在一个夜黑风高的周六晚上可以给他画上一个句号。引言无论是面试过程还是日常业务开发，相信大多数前端开发者可以熟练使用 Async/Await 作为异步任务的终极处理方案。但是对于 Async 函数的具体实现过程只是知其然不知所以然，仅仅...
让页面无懈可击！关于 CSS，你该做好这 20 件事 当前CSS开发的现状不容乐观，扫了一圈，发现各种问题。前端开发更多关注点还是在JavaScript上，技术性相对更强。关注公众号前端开发博客，领27本电子书回复加群，自助秒进前端群但从前端技术的根本价值出发，实现高可用性的产品用户界面，是用户体验的第一道关，这就跟CSS开发的专业性紧密相关了。轻易改变一下窗囗大小，放大一下字体，页面就被拉垮，这样的产品品质高吗？本文将涉...
本人是工作 11 年的老前端，面试一个月忽悠了十几个 offer 关注公众号前端开发博客，领27本电子书回复加群，自助秒进前端群https://zhuanlan.zhihu.com/p/476695780本人是工作11年的老前端，做过码农，也做过管理，去年底公司倒闭，出来找工作开始还是比较艰辛的，这里一大部分原因是因为我学历不好，很多大厂直接看见我学历就pass，所以这里也奉劝各位朋友一定要考个好学历，学历真TM是个好东西，在网文里这...
CSS 绘制一个时钟 关注公众号前端开发博客，领27本电子书回复加群，自助秒进前端群练习 CSS 一个很好的方法就是绘制各式各样的 UI，比如这样一个时钟？Kapture 2022-03-27 at 14.10.51你也可以访问「文章底部原文链接」查看实际效果CSS 绘制这样一个布局有几个难点：环形排列的刻度环形分布的数字自动运行的指针下面就来一一实现它，相信能学到很多 CSS 绘制和动画的...
现在Axios封装和api接口都这样做了！ 如图，每天上班面对一团糟代码的你。回归正题，为什么不少码龄2-3年的码农，跳槽面试/笔试下来的反馈总是经验不匹配？因为你可能只是相同的经验重复用了几年而已。完成同样的逻辑和功能，有人能写出意大利面条一样繁乱复杂的代码，也有人两三行简洁清晰的代码就搞定了。简洁的代码不仅方便阅读，而且还能减少复杂逻辑和出错的可能性。提到简化代码就不得不提Axios的封装和api接口的统一管理...
关注
