摘要：
2024年：如何根据项目具体情况选择合适的CSS技术栈 （请注意，这是一篇主观且充满个人技术偏好的文章） 方案一: antd/element ui/类似竞品 适合情形: 项目没有设计师 or 大部分人不熟悉CSS且项目赶时间。 antd自带样式，开发人员无需学习CSS，仅需查看参考文档就可以制作出基 阅读全文
摘要：
你也许不再需要使用 CSS Media Queries（媒体查询）了 最近，CSS 引入了一项新功能：Container Queries (https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_container_queries)。它可以替代 Me 阅读全文
摘要：
为什么 CSS flex 布局中没有 justify-items 和 justify-self？ 为什么在 CSS flex 布局中存在 align-items 和 align-self，却没有 justify-items 和 justify-self 呢？要解答这个问题，首先需要理解主轴（main 阅读全文
摘要：
在众多项目中，React代码的维护经常变得棘手。其中一个常见问题是：将业务逻辑直接嵌入通用组件中，导致通用组件与业务逻辑紧密耦合，使其失去“通用性”。这种做法使通用组件过于依赖具体业务逻辑，导致代码难以维护和扩展。 示例：屎山是如何逐步堆积的 让我们看一个例子：我们在业务组件 PageA 和 Pag 阅读全文
摘要：
5 分钟理解 Next.js Static Export 在本篇文章中，我们将介绍： Next.js 中的 Static Export 功能，以及它是如何工作的； 在 Next.js 中如何使用 Server Components 和 Client Components 来实现不同的数据获取策略； 阅读全文
摘要：
# 使用 MediaStream Recording API 和 Web Audio API 在浏览器中处理音频 ## 1. 背景 最近项目上有个需求，需要实现：录音、回放录音、实现音频可视化效果、上传wav格式的录音等功能。于是乎，我就顺便调研了下如何在浏览器中处理音频，发现 HTML5 中有专门 阅读全文
摘要：
# 如何编写难以维护的React代码？耦合组件 在许多项目中，我们经常会遇到一些难以维护的React代码。其中一种常见的情况是：子组件直接操作父组件方法，从而导致父子组件深度耦合。这样的实现让子组件过于依赖父组件的具体实现细节，使得代码难以维护和扩展。 让我们来看一个例子： ```jsx funct 阅读全文
摘要：
# 如何编写难以维护的React代码？——滥用useEffect 在许多项目中，我们经常会遇到一些难以维护的React代码。其中一种常见的情况是滥用useEffect钩子，特别是在处理衍生状态时。让我们来看一个例子： ```jsx const ComponentA = ({ list }) => { 阅读全文
摘要：
这是一个系列博客，最终目的是要做一个基于 HTML Canvas 的、类似于微软 Office 的 Web Office 套件（包括：文档、表格、幻灯片……等等）。 博客园：《从零开始, 开发一个 Web Office 套件》系列博客目录 富文本编辑器 Github repo 地址：https:// 阅读全文
摘要：
这是一个系列博客，最终目的是要做一个基于 HTML Canvas 的、类似于微软 Office 的 Web Office 套件（包括：文档、表格、幻灯片……等等）。 博客园：《从零开始, 开发一个 Web Office 套件》系列博客目录 富文本编辑器 Github repo 地址：https:// 阅读全文
摘要：
这是一个系列博客，最终目的是要做一个基于 HTML Canvas 的、类似于微软 Office 的 Web Office 套件（包括：文档、表格、幻灯片……等等）。 博客园：《从零开始, 开发一个 Web Office 套件》系列博客目录 富文本编辑器 Github repo 地址：https:// 阅读全文
摘要：
这是一个系列博客，最终目的是要做一个基于 HTML Canvas 的、类似于微软 Office 的 Web Office 套件（包括：文档、表格、幻灯片……等等）。 博客园：《从零开始, 开发一个 Web Office 套件》系列博客目录 富文本编辑器 Github repo 地址：https:// 阅读全文
摘要：
这是一个系列博客，最终目的是要做一个基于 HTML Canvas 的、类似于微软 Office 的 Web Office 套件（包括：文档、表格、幻灯片……等等）。 博客园：《从零开始, 开发一个 Web Office 套件》系列博客目录 富文本编辑器 Github repo 地址：https:// 阅读全文
摘要：
这是一个系列博客，最终目的是要做一个基于 HTML Canvas 的、类似于微软 Office 的 Web Office 套件（包括：文档、表格、幻灯片……等等）。 博客园：《从零开始, 开发一个 Web Office 套件》系列博客目录 富文本编辑器 Github repo 地址：https:// 阅读全文
摘要：
这是一个系列博客，最终目的是要做一个基于 HTML Canvas 的、类似于微软 Office 的 Web Office 套件（包括：文档、表格、幻灯片……等等）。 博客园：《从零开始, 开发一个 Web Office 套件》系列博客目录 富文本编辑器 Github repo 地址：https:// 阅读全文
摘要：
这是一个系列博客，最终目的是要做一个基于 HTML Canvas 的、类似于微软 Office 的 Web Office 套件（包括：文档、表格、幻灯片……等等）。 博客园：《从零开始, 开发一个 Web Office 套件》系列博客目录 富文本编辑器 Github repo 地址：https:// 阅读全文
摘要：
这是一个系列博客，最终目的是要做一个基于 HTML Canvas 的、类似于微软 Office 的 Web Office 套件（包括：文档、表格、幻灯片……等等）。 博客园：《从零开始, 开发一个 Web Office 套件》系列博客目录 富文本编辑器 Github repo 地址：https:// 阅读全文
摘要：
这是一个系列博客，最终目的是要做一个基于 HTML Canvas 的、类似于微软 Office 的 Web Office 套件（包括：文档、表格、幻灯片……等等）。 博客园：《从零开始, 开发一个 Web Office 套件》系列博客目录 富文本编辑器 Github repo 地址：https:// 阅读全文
摘要：
《从零开始, 开发一个 Web Office 套件》系列博客目录 这是一个系列博客，最终目的是要做一个基于 HTML Canvas 的、类似于微软 Office 的 Web Office 套件（包括：文档、表格、幻灯片……等等）。 对应的Github repo 地址: https://github. 阅读全文
摘要：
《从零开始, 开发一个 Web Office 套件》系列博客目录 这是一个系列博客, 最终目的是要做一个基于HTML Canvas 的, 类似于微软 Office 的 Web Office 套件, 包括: 文档, 表格, 幻灯片... 等等. 对应的Github repo 地址: https://g 阅读全文
摘要：
《从零开始, 开发一个 Web Office 套件》系列博客目录 这是一个系列博客, 最终目的是要做一个基于HTML Canvas 的, 类似于微软 Office 的 Web Office 套件, 包括: 文档, 表格, 幻灯片... 等等. 对应的Github repo 地址: https://g 阅读全文
摘要：
随着时代发展，Web上承载的应用日趋复杂多样。这导致传统的基于 HTML DOM 的应用在组织超大型软件方面日渐捉襟见肘。这是一个系列博客，最终目的是要做一个基于 HTML Canvas 的、类似于微软 Office 的 Web Office 套件（包括：文档、表格、幻灯片……等等）。 知乎专栏：《 阅读全文
摘要：
《从零开始, 开发一个 Web Office 套件》系列博客目录 这是一个系列博客, 最终目的是要做一个基于HTML Canvas 的, 类似于微软 Office 的 Web Office 套件, 包括: 文档, 表格, 幻灯片... 等等. 对应的Github repo 地址: https://g 阅读全文
摘要：
《从零开始, 开发一个 Web Office 套件》系列博客目录 这是一个系列博客, 最终目的是要做一个基于HTML Canvas 的, 类似于微软 Office 的 Web Office 套件, 包括: 文档, 表格, 幻灯片... 等等. 对应的Github repo 地址: https://g 阅读全文
摘要：
《从零开始, 开发一个 Web Office 套件》系列博客目录 这是一个系列博客, 最终目的是要做一个基于HTML Canvas 的, 类似于微软 Office 的 Web Office 套件, 包括: 文档, 表格, 幻灯片... 等等. 富文本编辑器 万里长征的第一步: 我们先开发一个基于ca 阅读全文
摘要：
Vue2 + @vue/composition-api 和 Vue3 composition api 不一致的地方(待验证) <div v-for="item in arr"> <some-comp :value="item.foo" /> </div> const arr = ref([ //.. 阅读全文
摘要：
如何根据经纬度计算地面上某点在XYZ空间直角坐标系中的坐标 /** * @param r: number 到地心的距离 * @param lon: number 经度 * @param lat: number 纬度 * @return {[number, number, number]} */ ge 阅读全文
摘要：
用js自己实现一个Promise.all 阅读全文
摘要：
用JS写了一个简单的EventEmitter： 阅读全文
摘要：
今天在小米OJ上看到一道题(https://code.mi.com/problem/list/view?id=3), 很有意思, 试着做了一下 描述: 两个长度超出常规整形变量上限的大数相减，请避免使用各语言内置大数处理库，如 Java.math.BigInteger 等。 输入: 有 N 行测试数 阅读全文
摘要：
CSS Grid 布局学习笔记 好久没有写博客了, MDN 上关于 Grid 布局的知识比较零散, 正好根据我这几个月的实践对 CSS Grid 布局做一个总结, 以备查阅. 1. 基础用法 Grid 布局的核心属性有5个: .parent { display: grid; grid-templat 阅读全文
摘要：
` 阅读全文
摘要：
为什么要使用Vuex? 1. 假如不使用 1.1 父子组件依赖同一个state 1.2 兄弟组件依赖同一个state 2. 用了Vuex之后 3. 方便记忆和理解 阅读全文
摘要：
, 和`Async/Await`的对比 阅读全文
摘要：
对 的理解: 假定a是一个银行网站, b是一个危险网站. 当用户在访问a, 并且session并未结束的情况下, 去访问b网站, b网站就可以通过隐藏的url或者是表单来伪造用户对a的get或者post操作. 对 的防范: 在用户登陆网站时, 在 中设置一个随机数(csrf_token). 在用户打 阅读全文
摘要：
安装完mysql后, 要及得配置一下 /etc/mysql/my.cnf 1. 配置字符编码为utf8 2. 配置外网可以访问 阅读全文
摘要：
Maven 常用命令 编译，生成target文件夹，里边有classes文件夹，存放.class文件 执行测试 打包，在targert文件夹下生成jar文件 删除target文件夹 将jar文件安装到本地仓库 创建目录 阅读全文
摘要：
1. 查看网络耗时 timeline 生命周期按照以下类别显示花费的时间： Queuing Stalled 如果适用：DNS lookup、initial connection、SSL handshake Request sent Waiting (TTFB) Content Download 详细 阅读全文
摘要：
```python import cgi s = '&' s += u'哈哈' print type(s) print s r = cgi.escape(s) print type(r) print r r = r.encode('gbk') print type(r) print r # # &哈哈 # # &哈哈 # # &哈哈 ``` 阅读全文
摘要：
python2 str 编码检测 阅读全文