最近写 React 遇到一个性能问题，调试了一段时间都没什么思路。后来以尝试的心态玩了玩 React Developer Tools 的 React Profiler，得到了一点线索，最终找到了问题 ...

.code-example { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 40px 0; } 居中 Center 在我浅薄的前端经历中，常遇到两种居中的场景。一种是在一个 div 中放一个 d ...

最近学习了 monorepo 这个东西，发现非常适合我们公司的前端架构，于是跟大家讨论了以后，用周末两天的时间将原来的“每个包一个 repo” 的 multirepo 架构重构成“一个 repo 里放所有包”的 monorepo 架构。目前前端大佬还有一些顾虑，所以还没有马上将开发工作迁移过去，不过我个人在测试 monorepo 的各个包是否正常工作的时候，用着感觉是非常爽的。 当然，改架构 ...

JavaScript 自带 [Date] 类，也带了非常多的工具，但是可能真要用的时候，却发现这个功能没有、那个功能也没有。于是就有了 moment.js（[英文官网]|[中文网]）。相较 Date 类，moment 对格式化输出、多语言、多时区的支持更加友好，还有很多小工具，十分安利。 [Date]:https://developer.mozilla.org/zh-CN/docs/Web/ ...

写算法、写后端开发的时候，在 IDE 打断点、条件断点、检测变量用的飞起，但是在 JS 以及 Vue 的前端开发中，这一套就有一些变化了。一是因为调试工具从各家 IDE 变为了浏览器，二是因为 Vue 的每个组件的变量不能在浏览器中直接访问，三是因为 Vue 代码需要转化为原生 JS 执行，所以看报错总会有一堆 vue.runtime.esm.js 之类的、来自 Vue 框架本身代码的报错，而 ...

写前后端的时候遇到了这个问题，花了三天时间解决，就还是简单地写一写。写到最后才发现，这里面涉及的知识量也太大了，也请各位读者耐心阅读。 前言 CORS 和 CSRF 这两个概念很容易混淆，即使我在这篇博客前也不是很清楚二者的区别，于是就再搜了一下，顺便把另外两个概念也聊一聊。 浏览器、前端和后端的关系大概是：前端 ` 浏览器 ` 后端。前端告诉浏览器它需要访问什么，浏览 ...

Vue.js 是一个用于创建用户界面的开源 JavaScript 框架，也是一个创建单页应用的 Web 应用框架。目前正式版迭代到了 v2。值得一提的是，Vue 的作者是国人尤雨溪，最大的好处就是文档的中文支持非常快，目前还在 v3.x-beta 的 ...

在开发测试过程中，我注意到 iOS 和模拟器、安卓设备等略有不同。如下： iOS 的 JavaScript 没有 Promise.finally()。可以自己在 app.js 中手动添加如下代码： App({ OnLaunch() { // ios 端没有 Promise.finally()，需要自己定义 Promise.prototype.f ...

由于微信小程序需要审核且要求严格，想要把微信小程序移植为网页端的 Web App。就花了一晚上初步了解了一下，得到了一些入门的结论，因此也是给了“杂谈”的标签。 程序结构 对于微信小程序，只需要写前端的 WXML + WXSS + JS（分别对应 HTML + CSS + JS）就可以了。 而对于一个 Web App，仅有前端则不够。因为 Web App 前端是不能直接访问数据库的。 ...

在 Chrome 按 F12 打开“开发者模式”，即可在 Console 中输入 js 代码并运行。 运行 js 代码 JavaScript 语法基础 行尾需要 ; 注释为 // 字符串和 Python ...