前端工匠

其他

《前端跨界开发指南》重磅来袭!

游戏开发篇(第26~28章)主要介绍游戏开发相关的基本知识、开发技巧以及物理引擎相关的知识和实践,每一章都提供了完整的可运行代码和美术素材。第六部分
2022年8月12日
其他

浅析 Vue3 响应式原理

API。由于我们拦截了对象的操作,所以这些操作该有的功能都丧失了,例如,访问属性
2022年8月10日
其他

前端主题切换方案(react+antd)

variable的优化版,解决了兼容问题,虽然会有服务端渲染的问题,如果项目是在浏览器dom环境下无伤大雅。补充做了一个简单的demo,分别用三种方式实现主题切换:css标签,css
2022年8月5日
其他

前端工程师都应该掌握的抓包神器工具

Certificateimage.png安装证书并设置为始终信任上面的证书安装成功最后一步,会确定是否添加证书到钥匙串,选择添加到本地项目证书添加成功会弹出钥匙串访问页面,然后找到
2022年8月1日
其他

新一代前端构建工具汇总

会在加载特定后缀文件的时候触发,通常用于将浏览器无法处理的文件类型转化成浏览器能运行的文件,除了可以更改文件内容外,也可以更改最终输出的文件类型。例如插件@snowpack/plugin-vue
2022年7月29日
其他

原来微信小程序已经可以在自己的APP上架运行了

渲染引擎、提供丰富的组件,而且可以获取系统多类权限。虽然互联网大厂并未将这部分小程序技术能力开放出来,只能在他们的自有生态去运转,但是我们也不必望而生羡,因为小程序技术不再是
2022年7月26日
其他

Vite 3.0 更新了什么?

将项目中使用到的依赖扫描出来(Scan),然后分别进行一次打包(Optimize)。image.png这样会造成两个问题:依赖预构建会阻塞
2022年7月22日
其他

Scroll,你玩明白了嘛?

背景最近遇到这么一个需求,做一个实时高亮当前播放内容的字幕文稿。核心的交互是:1、当用户没有人为滚动文稿时,会保持自动翻页的功能2、当用户人为滚动文稿时,后续将不会自动翻页,并出现
2022年7月13日
其他

入职即巅峰?基建优化项目体积减少20%!

前言故事背景是入职不久后被领导喊去优化基建相关的事,从上一篇面试篇知道,目前入职所从事的方向是底层代码的重构以及下一代产品的架构设计。入职不久后主管丢给我一个表格,上面列了四五条,都是当前项目存在的一些问题,让我看看有哪些可以去解决掉,一眼就瞅到了一个语言包优化,心想终于可以实践一下自己的优化知识储备了,当我准备大展拳脚时点开了webpack.config.js,看到提示:xxxx,
2022年7月12日
其他

Tailwind CSS v3.0 中 10大令人期待的功能

CSS。这不是一个基于CSS的CDN,而是一个基于script的CDN。将其添加到HTML文件的头部,就可以使用Tailwind的类来设置内容元素的样式。原来cdn还可以这样用啊。Play
2022年7月11日
其他

不出意外的话,这些技术热点,将引领技术变革!

在本次活动中,陶建辉将以《时序数据库的技术挑战》为题,分享时序数据的特点,市场上现有的时序数据库,目前时序数据库存在的问题,时序数据库的技术挑战以及如何解决这些技术难题。
2022年7月7日
其他

JSON 必知必会

数据的可视化工具,它可以无缝地在图表上展示数据,而无需重组任何内容、直接粘贴或导入文件。Github:https://github.com/AykutSarac/jsonvisio.com3.
2022年7月4日
其他

停止空谈低代码,聊点技术实践的干货!

的架构设计,核心模块的功能介绍。包含如何从零搭建一个前端可视化页面生成编辑器,如何设计编辑器的可扩展性,如何支持多种前端框架在编辑器画布中的渲染,tmagic
2022年6月30日
自由知乎 自由微博
其他

关于前端大管家 package.json,你知道多少?

今天来看看前端的大管家package.json文件相关的配置,充分了解这些配置有助于我们提高开发的效率,规范我们的项目。文章内容较多,建议先收藏在学习!在每个前端项目中,都有package.json文件,它是项目的配置文件,常见的配置有配置项目启动、打包命令,声明依赖包等。package.json文件是一个JSON对象,该对象的每一个成员就是当前项目的一项设置。package.json作为前端的大管家,到底有哪些配置和我们的日常开发密切相关?下面就来仔细剖析一下这个文件。当我们搭建一个新项目时,往往脚手架就帮我们初始化好了一个package.jaon配置文件,它位于项目的根目录中。当使用react脚手架(create-react-app)初始化一个项目时,其package.json文件内容如下:{
2022年6月23日
其他

HTTP/3 发布!

的初衷是解决传输控制协议(TCP)需要几次来回才能建立连接并开始传输数据的事实。原有的协议产生的连接和传输延迟时间较长,带来了较差的用户体验。QUIC
2022年6月20日
其他

前端配置化真香~上班又多了60%的摸鱼时间

的业务逻辑都实现了,后续不管开发N个表单系统,我们只需要配置就完事了,摸鱼也就是板上定钉的事情了~但是,一个优秀的前端,怎么能这么算了呢?我们好歹也要做一点优化是吧?三、配置静态化
2022年6月17日
其他

封装几个有用的 Vue3 组合式API

https://juejin.cn/post/6888262631360135175[5]https://github.com/rehooks/awesome-react-hooks:
2022年6月10日
其他

大多数人都会遇到的几个H5坑(实战)

router跳转到第二个页面后在分享时,分享设置失败;以上安卓分享都是正常出现原因分析:jssdk是后端进行签署,前端校验,但是有时跨域,ios是分享以后会自动带上
2022年5月27日
其他

vscode插件原理浅析与实战

背景作为一位前端同学肯定对vscode不陌生,相信每位同学电脑上也都有五花八门的个性化配置,那么我们是借助什么东西做到的呢?那就是它丰富的插件生态。本次将讲述插件基本原理并从一个简单的case了解如何制作一个的vscode插件是什么实现了vscodeElectronvscode底层通过electron开发实现,electron的核心构成分别是:chromium、nodejs、native-apiChromium(
2022年5月26日
其他

教你如何让 Axios 更加灵活可复用

})}现在我们封装一下取消请求,因为它可以取消一个和多个,那它的参数就是url,或者包含多个URL的数组,然后根据传值的不同去执行不同的操作,实现代码如下://
2022年5月20日
其他

JS 代码越来越难读了 ...

操作系统有一个管道机制,可以把前一个操作的值传给后一个操作。这个机制非常有用,使得简单的操作可以组合成为复杂的操作。许多语言都有管道的实现,举个简单的例子:function
2022年5月17日
其他

ES7、ES8、ES9、ES10新特性大盘点

在ES10中,try-catch语句中的参数变为了一个可选项。以前我们写catch语句时,必须传递一个异常参数。这就意味着,即便我们在catch里面根本不需要用到这个异常参数也必须将其传递进去
2019年12月5日
其他

蚂蚁前端研发最佳实践(推荐)

开始,到各种复杂场景。这里是部分的场景举例。理想的工作流图。强约束的垂直领域框架基于前面讲的插件和插件集的方式,我们已经能够满足各种丰富的业务场景,但是仍然给予了用户很多选择,选择包括选择插件,以及
2019年11月22日
其他

你不知道的浏览器页面渲染机制

前言浏览器的内核是指支持浏览器运行的最核心的程序,分为两个部分的,一是渲染引擎,另一个是JS引擎。渲染引擎在不同的浏览器中也不是都相同的。目前市面上常见的浏览器内核可以分为这四种:Trident(IE)、Gecko(火狐)、Blink(Chrome、Opera)、Webkit(Safari)。这里面大家最耳熟能详的可能就是
2019年4月10日
其他

常见六大Web安全攻防解析

前言在互联网时代,数据安全与个人隐私受到了前所未有的挑战,各种新奇的攻击技术层出不穷。如何才能更好地保护我们的数据?本文主要侧重于分析几种常见的攻击的类型以及防御的方法。想阅读更多优质原创文章请猛戳GitHub博客一、XSSXSS
2019年1月31日