题叶

2

Respo 增加 Effects 功能支持

• 题叶   2019-10-26 发布
• 收藏

这次更新以后, respo.core 当中新增了一个 defeffect 的宏用来定义副作用,defeffect 需要的不单单是多个参数, 而且是很多组参数.

12

[小组分享] React 当中性能优化手段整理

• 题叶   2019-10-22 发布
• 7 收藏

内部小组分享底稿. 回顾一下 React class 组件的优化 useMemo 提供的优化 React.memo 优化 useCallback 优化 避免 render 当中的 DOM 操作 class 组件的优化 通过判断减少数据变化触发的重新渲染, 以及之后的 DOM...

1

TypeScript 用 Webpack/ts-node 运行的配置记录

• 题叶   2019-10-11 发布
• 收藏

公司项目代码是用 TypeScript 写的, 中间遇到有些代码不要放到 Node 里面去跑.具体场景一些路由配置, 比较大的一块 JSON 数据定义在 TypeScript 里.我另外有增加脚本, 基于这些 JSON 数据用来生成切换路由的函数....

1

font-carrier 生成字体操作记录

• 题叶   2019-09-26 发布
• 收藏

主要是公司内部的 SVG 制作的图标, 提供网页当中使用的字体.代码仓库在 [链接] 字体生成步骤 从 SVG 文件到可以给前端用的 npm 模块, 主要经过: SVG 文件使用第三方模块生成字体文件(ttf, svg, woff...) 生成图标...

2

Linaria 替换 Emotion 操作记录

• 题叶   2019-09-26 发布
• 1 收藏

我们的 Emotion 现在都是跟着 JavaScript 走到, 没有做 CSS 分离,之前尝试过生产环境分离 CSS, 但是因为 CSS 规则顺序问题, 效果不够可控,加上不想在 TypeScript 后面套一层 Babel, 这条路也就不想走了.所以目前...

0

Cirru 后续更新维护: 2016~2019

• 题叶   2019-09-16 发布
• 收藏

大致从 2017 年以后, Cirru 在图形探索上面就比较少了, 还是基于原来的方案.主要在 Stack Editor 基础上设计了新的 Calcit Editor.另外围绕 Calcit Editor 做了一些辅助工具.大多想法还是用 Calcit Editor 维护以...

4

Nim 语言写 Cirru Parser 的上手记录

• 题叶   2019-09-07 发布
• 收藏

前端码农, 写了多年的动态语言了, TypeScript 算下来也用了两年.之前试过 Go, 但是 interface {} 简直是 any 一般的存在.由于 Clojure 语言本身有开销, 所以尝试考虑学 Nim 来应对一些极端性能的情况.

2

积梦前端 Meson Form 的分层抽象设计

• 题叶   2019-06-26 发布
• 1 收藏

这篇文章大致梳理积梦采用的表单方案做的一些尝试和回顾.目前从用的方案是 Meson Form, 名字大致来源于 immer json:[链接]目前 Meson Form 形态逐渐开始稳定了, 方案上基本还是可靠的.过程当中的考虑有一些曲折, ...

1

前端代码兼容 Chrome 44 的部分操作记录

• 题叶   2019-06-14 发布
• 1 收藏

公司项目原有的代码计划支持到 Chrome 49, 特殊项目需要支持到 Chrome 44. 从网上可以找到 Mac 上的 dmg 安装文件, 这个页面能拿到 Chrome 48,[链接] 安装以后需要指定一个目录启动, 否则低版本浏览器读取高版本...

4

新的 Vue Function-based API 当中的看到的 Clojure Atom 的影子

• 题叶   2019-06-12 发布
• 3 收藏

这次 Vue 大会看到了 Vue 新的 API 设计, 中间有一些觉得眼熟的写法,后面也看到了工业聚的一些解读, 大致知道是什么样的用法吧..当然现场演讲过 Vue 具体实现的优化是更复杂的, 比这个 API 要多..

2

尝试 Clojure Spec 的笔记

• 题叶   2019-06-05 发布
• 1 收藏

工具当中需要检测数据格式, 试着用了一下 Clojure Spec.如果英文好, 直接看文档就行了, 也不用这篇笔记, 太琐碎了, 也缺失例子...[链接]

7

积梦前端的路由方案 ruled-router

• 题叶   2019-05-11 发布
• 5 收藏

积梦([链接] ) 是一个为制造业制作的一个平台.积梦的前端基于 React 做开发的. 早期使用 React Router.后来出现了一些 TypeScript 集成还有定制化的需求, 自己探索了一套方案.

10

积梦前端采用的 React 状态管理方案: Rex

• 题叶   2019-04-21 发布
• 5 收藏

积梦([链接] 是一个为制造业制作的一个平台.积梦的前端基于 React 做开发的. Rex 是我们在前端使用的状态管理方案, 类似 Redux.从名字也可以看, Rex 是一个基于 Redux 做了大幅简化的方案.另一方面, Rex 跟 Immer...

1

笔记, 创建 VS Code 的 snippets 扩展

• 题叶   2019-04-10 发布
• 收藏

关于扩展的结构, 可以直接参考官方给出的示例,一个 package.json 文件, 加上一个 Snippets 的 JSON 文件, 就算写完了:[链接]

8

跟帖"我对技术会议的一些看法"

• 题叶   2018-12-11 发布
• 收藏

这些年参加的会议都是国内的, 之前是同城的聚会, 然后有一些其他城市的活动,最远的一次跟着勾股去了台湾那边参加 ModernWeb, 体验也更特殊一些.

4

关于 ClojureScript 裸写 stateful React Component

• 题叶   2018-10-28 发布
• 1 收藏

目前的 ClojureScript React 绑定都是比较复杂的, 比如 Reagent, 做了不少的修改,我打算看看直接用 cljs 裸写, 按照 React 本身的语义, 会是什么样子,网上搜到几个版本的代码, 总之核心代码就是这样了

1

不用 Lein/Boot 部署代码到 Clojars

• 题叶   2018-09-12 发布
• 收藏

Clojure 部分代码是按照 Java 生态的习惯打包发布到 Maven 仓库上面的.作为 npm 程序员, 我对 Maven 相当了解...Clojars 是一个类似 Maven 的仓库, 相对于 Maven, 更多包会发布在这里.一般要发布 Clojure 或者 Cl...

9

台北 ModernWeb.tw 参会流水账以及感想

• 题叶   2018-07-23 发布
• 收藏

大会的主页可以看 [链接]大部分的 slides 已经放出, 有兴趣可以点开看看.这次我是跟随勾股去提供分享, 另外还有几个同行做分享的朋友,我没出去过, 一路是跟着赵洋走的, 算是有惊无险. 手续上有点麻烦.

16

笔记, 若干个流程图前端类库

• 题叶   2018-06-06 发布
• 21 收藏

为了方案探索, 查看了一下几个网上比较好找到的库, 看下对于我们定制的需求是否足够... Raphael SVG 可以拖拽卡片, 不能拖拽线条 没有文字 [链接] gojs [链接] SVG 可以编辑文字 注意左边是有编辑区域 可以拖拽卡...

11

笔记, threejs 和 glTF 的一些 tips

• 题叶   2018-06-04 发布
• 11 收藏

glTF 查看工具的实现 完整的 glTF 3D 模型查看工具的例子: [链接] Object3D 获取中心点和尺寸 Object3D 物体可以获取一个包含物体的 Box, 这个 Box 有一些功能, 比如获取中心点: [链接] {代码...} 也可以用了获取...