首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
项目实践
订阅
哈酱酱
更多收藏集
微信扫码分享
微信
新浪微博
QQ
47篇文章 · 0订阅
有意思的clip-path
F12看了一下 Dom 结构,发现作者只是结合了 CSS3 的 clip-path 和 transition 特性,就实现了很厉害的效果,每个转场和动物的细节都做得很棒。 接下来,需要将每个三角形的坐标和色值转化为数据格式。我目前找不到很高效的转化方式,就用标注软件标注完后,手…
记Chrome的性能分析工具实践
事情的起因是我们WMS系统内有一个批量打印的功能,今天仓库反应第一次打印的速度大概是2s,但是之后每次都越来越慢,到后面页面基本就直接卡死了。 从这个表现来看,这个问题基本可以定位成性能问题,而不是可以被try...catch到的异常。 一行行review这部分相关的代码,co…
应变而优
优秀 的 API即好记住又明确,促进代码可读性、准确性和高效性,帮助开发者走向成功。 我称这些设计方向为“第一阶层”,因为它们是类库开发者需要关注的第一件事情。你可能不得不舍弃其中一部分并作出权衡,但至少它们在你脑海中游走过。 但是,只要你还未将此“流浪者”发送至火星,你的代码…
👀细数那些不为人知的 Chrome DevTools 骚操作,你会使用几个?
乐高渲染侧面向的是C端用户,C端设备参差不齐、环境复杂,因此给研发同学分配了许多> BUG。为了快速解决> BUG,因此需要灵活运用调试工具,遂整理关于> Chrome浏览器的调试方法,有需取之。 在Mac下,使用F12或右键“检查(Inspect Element)”即可打开浏…
react ssr 服务端渲染入门
与传统的web项目直接获取服务端渲染好的HTML不同,单页面应用使用JavaScript在脚本客户端生成HTML来呈现内容,用户需要等待JS解析执行完成后才能看到页面,这就使得白屏加载时间变长,影响用户体验。 对于单页面应用,当搜索引擎的爬虫爬取网站HTMl文件时,通常情况下单…
你可能不知道的流式 React Hooks(关于组织代码的最佳实践)
这次的分享结合我在项目中使用 full hooks-based React Components 的一些经验,给大家介绍一些我所认为的 React Hooks 最佳实践。 首先还是简单回顾一下 React Hooks。 先看传统的 React Class-based Compo…
可能这些是你想要的H5键盘兼容方案
最近一段时间在做 H5 聊天项目,踩过其中一大坑:输入框获取焦点,软键盘弹起,要求输入框吸附(或顶)在输入法框上。需求很明确,看似很简单,其实不然。从实验过一些机型上看,发现主要存在以下问题: 在 Android 和 IOS 上,获知软键盘弹起和收起状态存在差异,且页面 web…
搭建一个属于自己的在线 IDE
这几个月在公司内做一个跨前端项目之间共享组件/区块的工程,主要思路就是在 Bit 的基础上进行开发。Bit 主要目的是实现不同项目 共享 与 同步 组件/区块,大致思路如下: 在 A 项目中通过执行 Bit 提供的命令行工具将需要共享的组件/区块的源码推送到远端仓库,然后在 B…
编写高质量可维护的代码:一目了然的注释
有一些人认为,好的代码是自我解释的。合适的命名和优秀的代码的确可以减轻开发人员阅读代码的工作量,对于不是特别复杂的代码可能确实可以做到自我解释。但并不是所有场景都可以做到这一点,我们一起来了解一下“注释”吧。 注释就是对代码的解释和说明。注释是开发人员在编写程序时,给一段代码的…
前端工程师不可不知的Nginx知识
互联网的全球化导致了互联网的数据量快速增长,加上在本世纪初摩尔定律在单核 CPU 上的失效,CPU 朝着多核方向发展,而 Apache 显然并没有做好多核架构的准备,它的一个进程同一时间只能处理一个连接,处理完一个请求后才能处理下一个,这无疑不能应对如今互联网上海量的用户。况且…