在线甘特图|横道图|项目管理|计划管理 zz-plan

人员、任务、进度、工时、周期、依赖关系 一目了然。无论项目大小、简单复杂都能轻松管理

使用 pkg 打包 ThinkJS 项目

在 ThinkJS 的用户群里，经常有开发者提出需要对源码进行加密保护的需求。我们知道 JavaScript 是一门动态语言，不像其他静态语言可以编译成二进制包防止源码泄露。所以就出现了 pkg、nexe 之类的工具，支持将 JS 代码连同 Node 一块打包成一个可执行文件，一来解决了环境依赖的问题，二来解决了大家关心的源码保护的问题。 在 pkg 模块的 README 中，罗列了它的几大用处，如果你有下面的几个需求的话建议不妨试试。 - 为应用提供商业发行版而不用暴露

on 2019-12-30 | by 奇舞团 0

使用 React 为 Chimee 开发插件

Chimee 是由奇舞团开源的一套可扩展的H5组件化播放器框架。由于前段时间业务有视频播放的需求所以使用了它，并基于它提供的插件系统之上开发了一系列的插件，其中最复杂的是控制条插件。由于默认的样式无（实）法（在）满（是）足（太）设（难）计（看）需（了）求（！），所以我们重新开发了一套 lizheing/chimee-plugin-controlbar 并总结一些心得，希望对大家有帮助。 Chimee 插件规范 开篇之前我们先简单的了解下如何开发一款 Chimee 的插件，

on 2019-12-25 | by 奇舞团 0

中文排版那些事

## 为什么需要中文排版 很多人觉得排版的目的就是为了让内容变的美观好看，虽然有一部分原因是这个，但更重要的是好的排版能够将内容正确、有效的传递出去，让大众可以快速接受、理解内容，进而使读者做出反应。整齐的排版能够让读者快速获得内容重点，同时不会产生视觉疲劳。 铅字印刷时代，需要有专门的排版师傅进行排版，通过铅脚、木条等插楔控制版面的间距。那个时候的排版规则比较简单大多师傅徒弟之间口口相传。而到了现代桌面排版，个人通过电脑软件也能完成精美的排版。如何让不同的人在不同的软件上排

on 2019-12-08 | by 奇舞团 0

Web 安全漏洞之 SQL 注入

## 什么是 SQL 注入 “有人的地方就有江湖，有数据库存在的地方就可能存在 SQL 注入漏洞。” 在所有漏洞类型中，SQL 注入可是说是危害最大最受大家关注的漏洞。简单说来，SQL 注入是通过在用户可控参数中注入SQL语法，破坏原有SQL结构，达到编写程序时意料之外结果的攻击行为。还是以 ThinkJS 为例，假设我们写了如下一个接口（实际情况肯定不会这么写的）： // user.js module.exports = class extends think.C

on 2019-12-02 | by 奇舞团 0

如何将你的 ThinkJS 项目部署到 ZEIT 上

什么是 ZEIT 如何使用 ZEIT 部署 Koa.js 服务 Fork 快速部署 命令行部署 注意事项 部署 ThinkJS 服务 服务启动问题 文件引用问题 项目文件相对引用 依赖文件相对引用 写入权限问题 后记 什么是 ZEIT ZEIT 是免费的云平台，支持部署静态网站以及 Serverless 函数。Serverless 是近几年比较火的概念，简单去理解就是你只需要去实现具体的业务逻辑，而与最终服务相关的服务器、HTTP 服务等则由第三方管理。Ser

on 2019-12-02 | by 奇舞团 0

如何将你的 ThinkJS 项目部署到 ZEIT 上

什么是 ZEIT 如何使用 ZEIT 部署 Koa.js 服务 Fork 快速部署 命令行部署 注意事项 部署 ThinkJS 服务 服务启动问题 文件引用问题 项目文件相对引用 依赖文件相对引用 写入权限问题 后记 什么是 ZEIT ZEIT 是免费的云平台，支持部署静态网站以及 Serverless 函数。Serverless 是近几年比较火的概念，简单去理解就是你只需要去实现具体的业务逻辑，而与最终服务相关的服务器、HTTP 服务等则由第三方管理。Ser

on 2019-12-02 | by 奇舞团 0

如何将你的 ThinkJS 项目部署到 ZEIT 上

什么是 ZEIT 如何使用 ZEIT 部署 Koa.js 服务 Fork 快速部署 命令行部署 注意事项 部署 ThinkJS 服务 服务启动问题 文件引用问题 项目文件相对引用 依赖文件相对引用 写入权限问题 后记 什么是 ZEIT ZEIT 是免费的云平台，支持部署静态网站以及 Serverless 函数。Serverless 是近几年比较火的概念，简单去理解就是你只需要去实现具体的业务逻辑，而与最终服务相关的服务器、HTTP 服务等则由第三方管理。Ser

on 2019-12-02 | by 奇舞团 0

使用 Hooks 优化 React 组件

需求描述 React 组件设计模式 组合组件 继承模式 容器组件和展示组件 Render Props HoC 组件 初版实现 React Hooks 使用 Hooks 改进 后记 需求描述 由于我所在的业务是资讯内容类业务，因而在业务中会经常碰到如下场景：有一个内容列表，列表中需要按照一定的规则插入广告。除了获取广告数据，广告展现和点击后需要有打点上报逻辑。正常来说我们会这么写： import React from 'react'; export default c

on 2019-11-30 | by 奇舞团 0

使用 Hooks 优化 React 组件

需求描述 React 组件设计模式 组合组件 继承模式 容器组件和展示组件 Render Props HoC 组件 初版实现 React Hooks 使用 Hooks 改进 后记 需求描述 由于我所在的业务是资讯内容类业务，因而在业务中会经常碰到如下场景：有一个内容列表，列表中需要按照一定的规则插入广告。除了获取广告数据，广告展现和点击后需要有打点上报逻辑。正常来说我们会这么写： import React from 'react'; export default c

on 2019-11-30 | by 奇舞团 0

使用 Hooks 优化 React 组件

需求描述 React 组件设计模式 组合组件 继承模式 容器组件和展示组件 Render Props HoC 组件 初版实现 React Hooks 使用 Hooks 改进 后记 需求描述 由于我所在的业务是资讯内容类业务，因而在业务中会经常碰到如下场景：有一个内容列表，列表中需要按照一定的规则插入广告。除了获取广告数据，广告展现和点击后需要有打点上报逻辑。正常来说我们会这么写： import React from 'react'; export default c

on 2019-11-30 | by 奇舞团 0