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