系列文章第二篇，本文内容包含了：落地页开发理念、rough notation与framer-motion的应用、暗黑模式的支持与国际化最佳实践。

上个月，我的开源仓库收到想要落地页模板的issue，我思考了一番，觉得落地页的设计有迹可循，于是开始着手用Next.js实践一个开源的落地页模板。

安装 以下方法是Vite + Vue模式下的安装方法，其他脚手架与框架的使用同理。 创建项目 安装必要依赖 Vite创建的项目默认集成了PostCSS，而TailwindCSS本身就是一个PostCS

这是一段标准的for循环代码，通过变量i去追踪数组arr的索引，达到访问数组中每一位元素的目的。 需要花费精力去处理越界问题，一些编译型语言在遇到数组索引越界时会报错，而JavaScript引擎将不会告诉你任何错误信息，错误定位成本会比较高。 一切看起来都是那样的完美，即不需要…

如果说计算机科学只存在两个难题：缓存失效和命名。那么我就觉得命名的难点只有两个：词汇量和坚持贯彻执行制定的规范。 最近在知乎上看到这个：作为程序员，有没有让你感到既无语又崩溃的程序命名？。顿时感慨万千，因为命名对于程序员来说是就是一个难题，有时候因为命名，可能会引起别人的误导，…

在闲暇时间里，把较为凌乱的 JavaScript 学习笔记做了个整理，也算是复习了一遍。每一篇文章的内容都会根据学习到的新知识后续添加进去。

随着项目的不断增加，急切需要统一每个项目的代码规范，将一些低级错误在萌芽状态下掐死。所以特此结合当前项目使用的一些规范，再根据社区推荐的规范，整合成这个repo。里面集成了React和Nodejs的编程规范，所有的规范都是基于airbnb，里面细分了js版本和ts版本，满足大家…

在互联网时代，数据安全与个人隐私受到了前所未有的挑战，各种新奇的攻击技术层出不穷。如何才能更好地保护我们的数据？本文主要侧重于分析几种常见的攻击的类型以及防御的方法。 XSS (Cross-Site Scripting)，跨站脚本攻击，因为缩写和 CSS重叠，所以只能叫 XSS…

埋点即监控用户在应用表现层的行为，于产品迭代而言至关重要。埋点数据分析是产品需求的 来源，检验功能是否达预期的 佐证。前端较服务端更接近用户，本小白将在此对前端埋点统计方案述说一二。 不同产品对数据的关注角度不同，可按需采集。如信息流产品对停留时长的关注度更高（统计页面访问 &…