- 博客(1028)
- 收藏
- 关注
原创 揭秘webpack插件工作流程和原理
前言通过插件我们可以扩展webpack,在合适的时机通过Webpack提供的 API 改变输出结果,使webpack可以执行更广泛的任务,拥有更强的构建能力。本文将尝试探索 webpa...
2020-05-18 01:20:45 5868 4
转载 three.js做一个3D汉诺塔游戏
入门 three.js 也有一阵子了,我发现用它做 3D 挺有趣的,而且学习门槛也不算高。在这篇博文中,我想分享一下利用 three.js 做一个 3D 版汉诺塔(河内塔)的过程,以及对 three.js 相关知识点进行一次较为全面的实战总结。希望能与大家交流技术心得和经验,一起共同进步。效果展示游戏规则:将串在左边柱杆(A柱)上的盘子全部挪进右边柱杆(C柱)即可获胜;一次只能挪动最上面的一个盘子...
2024-03-28 08:13:28 3
转载 前端如何准备,才能破局拿高薪
正文前段时间,掘金热帖《放心,前端死不了》在前端圈疯传。百度前端大佬表明:“前端技术是依托于互联网行业的,只要行业还在,它就会有用武之地,就会有价值。”总的来说,技能跟上发展,前端就不会死。谁掌握得更深、应用得更好,谁就更容易脱颖而出。为此,我特意与几位大厂前端技术专家,一起整理出了一套非常实用的——《2024前端开发进阶秘籍》,其中包含了前端必备八股文、超火Vue3面试题、前端卷王算法题和大厂高...
2024-03-27 10:23:48 4
转载 跨平台开发的实践与原理
????这是第 404篇不掺水的原创,想要了解更多,请戳下方卡片关注我们吧~引言在如今不断增长的小程序市场中,小程序的数量迅速增多。这是因为小程序具有诸多优势,例如轻量化、便捷性和良好的用户体验,吸引了越来越多的开发者和企业加入这一领域。随着小程序的普及,各个行业都纷纷推出自己的小程序,以满足用户的多样化需求。然而,正是因为小程序市场的多样性和快速发展,每个小程序客户端的 Api 差异也变得十分显...
2024-03-26 08:08:23 9
转载 Flutter-Web从0到部署上线(实践+埋坑)
本文字数:7743字预计阅读时间:60分钟01前言首先说明一下,这篇文章是给具备Flutter开发经验的客户端同学看的。Flutter的诞生虽然来自Google的Chrome团队,但大家都知道Flutter最先支持的平台是Android和iOS,至今最核心的维护平台依然是Android和iOS。由于dart语言的学习成本不高,Flutter的响应式UI与Comp...
2024-03-25 09:48:25 8
转载 Three.js实现3D推箱子小游戏
最近一直在学 Three.js ,看到别人做出那么多炫酷的效果,觉得太厉害了,于是决定从一些简单的效果开始做。所以打算借这个 小游戏[1] 来认真学习一下 Three.js 。在线预览https://liamwu50.github.io/three-sokoban-live/游戏介绍"推箱子" 游戏最早是由日本游戏开发者Hiroyuki Imabayashi 于1982年开发和发布的。这款游戏的日...
2024-03-22 09:00:38 16
转载 今年的情形,劝大家多做一手准备
前天加完班,回家路上翻了下粉丝群。发现群里最近在疯传一份叫《前端offer收割机养成指南》的资料。本来感觉这个title看起来有点离谱,结果没想到仔细一看,这份资料竟然真的有点东西。内容收纳的很全,而且融合了很多今年的新玩意。据我所知有人靠它拿下了45k+的offer…后来我辗转找到了这份资料的整理人,果然是位大佬!他是现任阿里前端Leader,在前端行业深耕近十年,见证了互联网的飞速发展,也见证...
2024-03-21 10:25:43 16
转载 《现代JavaScript库开发》:一年回顾与展望
从2013年至今,我陆续创作了多个库,关于如何开发JavaScript库,我也做了一些总结和分享,借这个机会,下面做个简要回顾。2015年,我发布了zepto.fullpage,一款轻量级的全屏滚动插件。2016年,我发布了前端模板template.js。2018年是一个里程碑,我给公司搭建了Util.js,同时开源了jslib-base v1,并撰写了《如何写一个现代的JavaScript库》一...
2024-03-20 10:36:58 12
转载 简单聊聊React18事件系统
前言在进入正题之前,我们先思考一个问题,那就是事件系统重要吗?事实上,前端应用因为离用户最近,所以会有很多交互逻辑,就会有很多事件与之绑定。正是有这些事件,才让页面‘活’起来,才能让用户通过浏览器完成想要做的事情。所以事件系统对于用户是非常重要的。一、React事件系统介绍对于不同的浏览器,对事件存在不同的兼容性,React 想实现一个兼容全浏览器的框架, 为了实现这个目标,就需要创建一个兼容全浏...
2024-03-19 08:27:35 15
转载 快速上手rust
在我的交流群里有许多人在讨论 rust。所以陆续有人开始尝试学习 rust,不过大家的一致共识就是:rust 上手很困难。当然,这样的共识在网上也普遍存在。这篇文章,就是专门为想要学习 rust 的前端开发而写,为大家抛开 rust 的迷雾,让大家感受到,上手 rust,其实没有那么难。从本质上来说,他跟 JavaScript 是非常相似的。大家可以将这篇文章作为 rust 学习的先导片,我将会提...
2024-03-18 09:31:27 10
转载 字体文件瘦身(前端字体优化)
日常开发网页经常会使用一些特殊字体,比如思源黑体、苹方字体等,因为这些字体在一般的宿主环境中是不存在的,需要通过 css 的 @font-face 定义,并从服务器中加载对应的字体文件,而字体文件一般都是比较大的,甚至有时候一个字体比其他所有的资源(js、css、图片)加起来还要大,对网页的加载性能起到非常关键的影响,因此有必要对字体进行一些优化。本文主要从字体格式、按需提取、统一渲染三个方面来谈...
2024-03-15 08:02:02 39
转载 呜呼,前端这波起飞!
前天加完班,回家路上翻了下粉丝群。发现群里最近在疯传一份叫《前端offer收割机养成指南》的资料。本来感觉这个title看起来有点离谱,结果没想到仔细一看,这份资料竟然真的有点东西。内容收纳的很全,而且融合了很多今年的新玩意。据我所知有人靠它拿下了45k+的offer…后来我辗转找到了这份资料的整理人,果然是位大佬!他是现任字节前端Leader,在前端行业深耕近十年,见证了互联网的飞速发展,也见证...
2024-03-14 10:26:57 12
转载 React useEffect()的无限循环是怎样来的
前言我们都知道useEffect()用来引入具有「副作用」的操作,例如AJAX请求、DOM操作、启动与结束倒计时和监听与接触事件等,这些都可以在useEffect钩子去做。那么,是不是就真的那么简单的可以直接使用了呢?不是的,你可能会遇到一个陷阱,那就是组件渲染的无限循环,本文将为各位同学详细介绍无限循环的常见场景以及如何避免。副作用副作用指的是当调用函数时,除开返回函数值之外,还对主调用函数产生...
2024-03-13 08:00:41 13
转载 Web Audio API 太强了,让我们一起领略音频之美
在浏览器中,我们通常使用 audio 标签来播放音频:<audiocontrols><sourcesrc="myAudio.mp3"type="audio/mpeg"><sourcesrc="myAudio.ogg"type="audio/ogg"></audio>虽然 audio 标签使用起来很简单,但也存在一些局限。比如它...
2024-03-12 08:01:04 17
转载 6000字解读 JS 构造函数、原型、类与继承
本文字数:6602字预计阅读时间:30分钟01前言众所周知,JavaScript 是一门面向对象的语言,而构造函数、原型、类、继承都是与对象密不可分的概念。在我们日常前端业务开发中,系统和第三方库已经为我们提供了大部分需要的类,我们的关注点更多是在对象的使用和数据处理上,而比较少需要去自定义构造函数和类,对原型的直接接触就更少了。然而,能深度理解并掌握好构造函数、原型、类与继承,对我们的代码设计大...
2024-03-11 09:27:00 10
转载 最近面试,还是vue3问的多
前言新年开工后的第二周,就收到很多小伙伴的反馈,前端的就业市场似乎透露出了一丝暖意。相较于去年,机会多了一些,但竞争依然相当激烈,BOSS 上很多 HR 依旧是已读不回,没有充足的准备很难找到一份满意的工作。除此之外,很多公司开年就传出了裁员的消息,在这个大环境下,我们还是要多一手准备,以随时应对未来的不确定性。为了帮助小伙伴们梳理前端知识体系,充分的准备面试,今天就来分享一份爆肝两个月整理出的《...
2024-03-08 10:20:46 15
转载 找了几个比较火的国产开源前端项目推荐给大家
本文将分享国产的 Github Star 数量 Top 10 的前端开源项目,你用过哪些?Ant Design蚂蚁集团开源的一套企业级 UI 设计语言和 React 组件库。Github(89.5k):https://github.com/ant-design/ant-designvue-element-adminvue-element-admin 是一个后台前端解决方案,它基于 Vue 和 e...
2024-03-07 08:08:26 23
转载 答应我,在vue中不要滥用watch好吗?
前言上周五晚上8点,开开心心的等着产品验收完毕后就可以顺利上线。结果产品突然找到我说要加需求,并且维护这一块业务的同事已经下班走了,所以只有我来做。虽然内心一万头草泥马在狂奔,但是嘴里还是一口答应没问题。由于这一块业务很复杂并且我也不熟悉,加上还饿着肚子,在梳理代码逻辑的时候我差点崩溃了。需要修改的那个vue文件有几千行代码,迭代业务对应的ref变量有10多个watch。我光是梳理这些watch的...
2024-03-06 08:01:34 11
转载 前端视角对Rust的浅析
概述本文将从 Rust 的历史,前端的使用场景和业界使用案例一步步带你走进 Rust的世界。并且通过一些简单的例子,了解 Rust 如何应用到前端,提高前端的生产效率。Rust简史2006年,软件开发者Graydon Hoare在Mozilla工作期间,开始了Rust作为一个个人项目。根据他在麻省理工技术评论的一次采访,Rust的灵感来自于Hoare公寓楼里一个坏掉的电梯。电梯操作系统的软件崩溃了...
2024-03-05 09:10:34 19
转载 React服务端渲染的原理
本文字数:21279字预计阅读时间:54分钟1、前言在前端项目需要首屏渲染速度优化或SEO的场景下,大家或多或少都听过到过服务端渲染( SSR ),但大多数人对服务端渲染具体实现和底层原理还是比较陌生的。本文基于公司官网开发时做了服务端渲染改造基础上,系统理解和梳理这套体系的模式和逻辑,并写了一些笔记和Demo(文后链接)便于深入理解。这次我们来以React为例,把服务端渲染彻底讲弄明白。本文主...
2024-03-04 08:52:09 23
转载 推荐一个技术不错的前端程序员朋友
前端技术日新月异,发展迅速,于是在项目中我们总是会碰到各种难题,不知道怎么搞定,再就是技术的更新资讯、好用的一些资源,不知道该从哪里及时发现。所以,这里强烈推荐一个前端朋友的优质公众号,专注分享前端项目中的功能问题及实现,次分享技术资讯、实用干货(工作心得/工具/软件/项目/网站等),快去关注吧!作者简介大澈,优质前端领域公众号博主,掘金优秀创作者、年度人气作者,抖音/小红书/B站/头条/CSDN...
2024-03-03 11:00:38 18
转载 Vue 3 的 setup语法糖是怎么工作的?
前言我们每天写vue3项目的时候都会使用setup语法糖,但是你有没有思考过下面几个问题。setup语法糖经过编译后是什么样子的?为什么在setup顶层定义的变量可以在template中可以直接使用?为什么import一个组件后就可以直接使用,无需使用components选项来显式注册组件?vue 文件如何渲染到浏览器上要回答上面的问题,我们先来了解一下从一个vue文件到渲染到浏览器这一过程经历...
2024-02-29 08:03:24 16
转载 使用 Next.js 和掘金 API 打造个性博客
阅读本文,你将收获:通过 chrome 调试工具获得掘金 api学会使用 Next.js 服务端渲染学会使用 Tailwindcss 来代替原生 css在几分钟内就可以部署一个自己的博客背景在开始之前,我想先问下各位,是否有自建博客?很多人选择在社区写博客,比如:掘金,因为在社区写博客能够第一时间被人看到,能够第一时间把知识分享出去,也可以在第一时间得到他们反馈和评论。但在社区写博客也有劣势,比如...
2024-02-28 08:06:28 24
转载 不同经验的前端,差距能有多大
正文前段时间,掘金热帖《放心,前端死不了》在前端圈疯传。百度前端大佬表明:“前端技术是依托于互联网行业的,只要行业还在,它就会有用武之地,就会有价值。”总的来说,技能跟上发展,前端就不会死。谁掌握得更深、应用得更好,谁就更容易脱颖而出。为此,我特意与几位大厂前端技术专家,一起整理出了一套非常实用的——《2024前端开发进阶秘籍》,其中包含了前端必备八股文、超火Vue3面试题、前端卷王算法题和大厂高...
2024-02-27 10:25:57 21
转载 整理一些NextJS学习资料
天的文章,我想分享一些不错的 GITHUB 仓库,这些项目都能帮助你更快学会NextJS。NextJS 是一个流行的 JavaScript 框架,允许我们使用 React 构建动态站点和应用程序。让我们来查看并给这些优秀的项目start⭐首先是????1. Notion Clonegithub: https://github.com/webprodigies/webprodigies-cypress它...
2024-02-26 09:34:55 27
转载 vue3的宏到底是什么东西?
“原创不易,求分享、求一键三连前言从vue3开始vue引入了宏,比如defineProps、defineEmits等。我们每天写vue代码时都会使用到这些宏,但是你有没有思考过vue中的宏到底是什么?为什么这些宏不需要手动从vue中import?为什么只能在setup顶层中使用这些宏?vue 文件如何渲染到浏览器上要回答上面的问题,我们先来了解一下从一个vue文件到渲染到浏览器这一过程经历了什么?...
2024-02-22 08:20:09 31
转载 提前备好6 款开源、免费的简历制作神器
本文来分享 6 款开源、免费的简历制作神器,以最简单的方式来写好简历,专注内容本身而无需关注排版!191化简Summer IS HERE一款开源简历设计生成器,内置两款设计器,多种免费模板选择,还可以自定义模板、主题等等,支持导出PDF、JSON数据,除此之外,网站还提供有完整的后台管理系统,可以方便管理整个网站。项目基于Vue3 + TypeScript + Vite + Element-plu...
2024-02-21 08:25:35 39
转载 预测这份web面试解析会火
前天加完班,回家路上翻了下粉丝群。发现群里最近在疯传一份叫《前端offer收割机养成指南》的资料。本来感觉这个title看起来有点离谱,结果没想到仔细一看,这份资料竟然真的有点东西。内容收纳的很全,而且融合了很多今年的新玩意。据我所知有人靠它拿下了45k+的offer…后来我辗转找到了这份资料的整理人,果然是位大佬!他是现任阿里前端Leader,在前端行业深耕近十年,见证了互联网的飞速发展,也见证...
2024-02-20 10:20:00 25
转载 穿越时空:2023年前端技术盘点与2024年技术展望
????导读在过去的时间里,前端技术稳步前行,2023虽然没有出现革命性的技术,但在语言与标准、主流框架完善、WASM、音视频等核心场景下都有了亮眼的进步。腾讯云开发者公众号特此与腾讯MoonWebTeam前端团队策划了本期前端2023技术回顾与2024技术展望,希望能给业界带来一些输入与启发。读完全文还可以参加惊喜活动抽奖哦!????目录1 2023 技术年度回顾1.1 语言与标准:C...
2024-02-19 08:10:59 92
转载 React + React Native 实现双端视频聊天、屏幕共享
大家好,我是杨成功。之前介绍过 WebRTC,简单来说它是一个点对点的实时通讯技术,主要基于浏览器来实现音视频通信。这项技术目前已经被广泛应用于实时视频通话,多人会议等场景。不过 WebRTC 因为其过于优秀的表现,其应用范围已经不限于 Web 端,移动 App 也基本实现了 WebRTC 的 API。在跨平台框架中,Flutter 和 React Native 都实现了对 WebRTC 的支持。...
2024-01-31 16:14:18 80
转载 动手实践WebVR 全景
大厂技术坚持周更精选好文本文为来自 字节教育-成人与创新前端团队 成员的文章,已授权 ELab 发布。前言近年来VR概念越来越火,相信大家在网上都有过VR的浏览体验,比如VR全景看房[1]、VR全景看车[2]、VR全景旅游[3]等等,VR全景给了我们视觉上的沉浸式体验。本文将会简单探究Web VR全景的实现原理,同时也会用threejs实现两个小的demo,希望对大家以后在业务上遇到类似的...
2024-01-30 16:46:16 49
转载 没有虚拟DOM版本的vue(Vue Vapor)
前言随着Svelte和SolidJS的流行,无虚拟DOM模式逐渐开始火了起来。vue也推出了无虚拟DOM模式的版本,就是我们今天要讲的Vue Vapor。什么是Vue VaporVue Vapor是一个无虚拟DOM模式版本的vue。这个仓库是2023年11月9日基于vuejs/core仓库(也就是vue3仓库)新建的,项目地址为 https://github.com/vuejs/core-vapo...
2024-01-29 10:48:00 46
转载 动手实践:组件库单测编写
大厂技术坚持周更精选好文本文为来自字节跳动-国际化电商-S 项目团队成员的文章,已授权 ELab 发布。单测的意义组件作为一种被频繁复用的代码,出现线上 bug 的时候影响的是范围更广的业务,保障组件每次迭代的可靠性尤为重要。对使用者来说,组件库的丰富的单测代表着其可靠性。对组件开发者来说,单测的沉淀也让每次对旧代码的改动更有信心。Jest 基础Jest 是 React 推荐的测试框架...
2024-01-25 09:18:48 52
转载 罗列几个新出的前端大牛
推荐几个前端领域的公众号,他们不仅拥有丰富的技术内涵,还具备引人深思的原创能力。我相信,他们的文章总能给你带来启发和思考,关注他们,了解前端领域的前沿技术和最新动态,激发你对前端的热情和持续探索!#前端充电宝作者CUGGZ,掘金LV8,全网阅读量800w+,只分享原创文章。公众号专注分享最新前端资讯、前端进阶知识,前端宝藏工具,前端学习资料。关注前端最新动态,第一时间分享最新前端资讯!#FED实验...
2024-01-24 08:07:56 30
转载 直接在*.vue文件(SFC)中使用JSX/TSX渲染函数,真香!
前言在日常开发中vue的模版语法在大多数情况都能够满足我们的需求,但是在一些复杂的业务场景中使用模版语法就有些麻烦了。这个时候灵活的JSX/TSX渲染函数就能派上用场了,大多数同学的做法都是将*.vue文件改为*.tsx或者*.jsx文件。其实我们可以直接在*.vue文件中直接使用JSX/TSX渲染函数。什么场景需要使用JSX/TSX渲染函数假设我们现在有这样的业务场景,在我们的页面中有个list...
2024-01-22 09:24:50 45
转载 收集一些JS面试难点(解析&代码实现)
本文将带你深入探讨14个JavaScript高级面试常见问题。这些问题涵盖了JavaScript的面向对象、事件循环机制、Promise等高级概念,以及函数柯里化、深拷贝等实用技巧。每个问题我们不仅从概念层面给出了解析,还给出了具体的代码实现。1.this关键字指向this关键字指向当前执行上下文中的对象。在函数内部,this关键字通常指向函数的调用者。问题:下面代码输出什么?为什么?const...
2024-01-19 08:02:42 71
转载 如何在 React 中逃离闭包陷阱 ...
大家好,我是 ConardLi。众所周知,JavaScript 中的闭包(Closures)一定是这种语言最可怕的特性之一,即使是无所不知的 ChatGPT 也是这样说的。另外它可能也是最隐蔽的语言特性之一,我们在编写 React 代码时经常会用到它,但是大多数时候我们甚至没有意识到这一点。但是,我们终究还是离不开它:如果我们想编写复杂且性能很好的 React 应用,就必须了解闭包。所以,今天我们...
2024-01-18 08:00:14 21
转载 580 多个Loading 效果,炫酷!
今天来分享国外 CSS 大佬使用纯 CSS 制作的 580 多个 Loading 效果。网址:https://css-loaders.com/这些与效果的 HTML 结构都很简单,只需一行:<div class="loader"></div>想要哪个效果,直接点击就可以复制其 CSS 代码,例如:/* HTML: <div class="loader"><...
2024-01-17 10:50:57 23
转载 英雄联盟比赛选手的六芒星能力图动画是如何制作的?
最近,在看 LPL 比赛的时候,看到这样一个有意思的六芒星能力图动画:今天,我们就来使用纯 CSS 实现这样一个动画效果!实现背景网格对于如下这样一个背景网格,最好的方式当然肯定是切图,或者使用 SVG 路径。如果一定要使用 CSS,勉强也能做,这就涉及了不规则图形边框效果,我们有一些方式可以实现,可以参考一下这几篇文章:现代 CSS 高阶技巧,不规则边框解决方案[1]有意思!不规则边框的生成方案...
2024-01-16 08:08:40 29
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人