cjinhuo

我相信音效可以强调用户的行为，增强给用户的反馈、给枯燥的用户行为增添一些快乐。当声音被高雅地使用后，产品会更加地真实、更加地栩栩如生...

带你探索 CSS 层叠上下文， CSS 中头号误导人的机制。 在 CSS 中，我们都明确的知道用 z-index 可以来控制 HTML 的层级顺序。元素有着越大的指数将会排在页面的最顶部

根据元素与视口是否相交，可以进行吸顶、吸底、曝光上报、列表加载更多、图片懒加载等操作。 前面两种需要通过监听scroll事件，为了防止频繁触发，需要做防抖处理。 当元素进入视口时，总是需要延迟一定时间才能执行判断逻辑。 使用IntersectionObserver实现延迟加载非…

上一篇文章《Vue3源码（一）》简单介绍了Vue3源码结构，也通过源码学习了解Vue3基础也是核心响应式。这一次咱们接着了解另一核心组件，学一学Vue3组件初始化及其渲染过程。如有不对之处、遗漏之处，还望指正、补充。 上次我们了解了 createApp(App) 的过程，通过闭…

这篇：前端监控平台系列：JS SDK（已开源）文章已经讲的很清楚怎么劫持原生的函数，并拿到我们想要的信息，如果页面正常运行时则记录用户行为栈，如果页面报错时则上报该错误并将用户行为栈一并上报，这样有助于开发者更快的定位线上问题。 获取用户行为，比如click事件，在web端是可…

Vue.js 3.0 (以下简称Vue3)，正式发布在 2020 年 09 月 18 日，Vue3 Beta版本更是早在今年四月份就发布。相信有些同学早已上手体验一番。或者早已看过官方文档，英文不好的同学阔以点击这里,这是个中文文档。😂😂😂😂😂😂 想来大家肯定会对 …

esbuild底层使用的golang进行编写的，在对比传统web构建工具的打包速度上，具有明显的优势。编译Typescript的速度远超官方的tsc 执行vite命令后直接安装npm包，无需重启服务。 vite在浏览器端使用 export import 的方式导入和导出模块，同…

幸运的是，就像JS中的OOP与FP一样，你可以毫不费力的将AOP与FP或OOP混用。 AOP为我们提供了一种不需要修改现有逻辑将代码注入到现有函数或对象中的方法。 下面示例用于说明实现AOP的容易程度及其给代码带来的好处。 上面代码很简单，一个基本对象有3个方法。其中包含两个注…

用数据库来存储，建一张包含时间、员工id，每次有人签到就直接在对应表中insert，缺点：如果人数很多并且同时签到，会造成数据库连接池爆炸，不能实时更新。优点：存有明细数据，可以查询某一天的某个时刻签到的 用每天的日期当做bitmap的key，value是userId，一个us…