Deepsea
> 注意: 本文章是生成 Let's Encrypt 免费HTTPS证书，有效期3个月，需要有域名的所有权，有一台线上服务器。 ## 生成HTTPS证书 ### 创建帐号 在服务器中建一个目录 ```sh mkdir my_ssl cd my_ssl ``` ```sh openssl genrsa 4096 > account.key ``` ### 创建 CSR 文件 ```sh openssl...
## 系统 CentOS ## 系统工具 ```sh yum -y install make gcc-c++ libtool openssl openssl-devel zlib zlib-devel ``` ## 安装pcre - 下载 pcre 包 - 下载地址 https://sourceforge.net/projects/pcre/files/pcre/ - 这里选择当前最新的 `8.44`版本 -...
## 前言 不知不觉，有一年没发布公众号文章了，这几天刚好有时间，就抽空写了这篇文章。本文主要讲解我裸辞3个月以来，利用在家休息的空隙时间，开发了一个前端绘图的JavaScript库 iDraw.js。 ## 为啥要开发这个东西 - 为了实现用纯Canvas能力结合图片、HTML和SVG作为素材 来做绘图工作。 - 为了试试看单独用 Canvas的2D（二维）API 能作出怎样的多种素材绘图工作。 - 最后是为了试试看尽量用 Canvas做素材的操控操作。 - 目前还没发现类似的可以操控素材绘图的Canvas开源框架，所以就想自己开发一个。 ## iDraw.js简介 - 网站: https://idraw.js.org/ - 一个基于纯Canvas来实现绘图和操控素材能力的JavaScript库。 - 可以基于 iDraw.js 进行扩展自定义开发各种可视化操控应用，这里可以参考 [idraw.js.org/studio/](https://idraw.js.org/studio/)案例...
- W3C - 万维网组织（World Wide Web Consortium ） - https://www.w3.org - WHATWG - 互联网超文本应用技术小组（Web Hypertext Application Technology Working Group） - https://whatwg.org/ - https://github.com/whatwg - MDN - Mozilla 开发者社区（Mozilla Developer Network）...
## 前言 Node 9最激动人心的是提供了在flag模式下使用`ECMAScript Modules`，虽然现在还是`Stability: 1 - Experimental`阶段，但是可以让Noder抛掉babel等工具的束缚，直接在Node环境下愉快地去玩耍`import/export` 如果觉得文字太多，看不下去，可以直接去玩玩demo，地址是[https://github.com/chenshenhai/node-modules-demo](https://github.com/chenshenhai/node-modules-demo) ## Node 9下import/export使用简单须知 - Node 环境必须在 9.0以上 - 不加loader时候，使用`import/export`的文件后缀名必须为`*.mjs`（下面会讲利用Loader Hooks兼容`*.js`后缀文件） - 启动必须加上flag `--experimental-modules` - 文件的`import`和`export`必须严格按照`ECMAScript Modules`语法 - `ECMAScript Modules`和`require()`的cache机制不一样 ## 快速使用import/export...
工具类网站整理
## 画图 - 文字符号画图 [http://asciiflow.com/](http://asciiflow.com/) - 在线画图，协同操作 [https://processon.com/](https://processon.com/) ## JS在线编译/编辑器 - jsfiddle [https://jsfiddle.net/](https://jsfiddle.net/) - jsbin [http://jsbin.com/](http://jsbin.com/) ## 浏览器 - 浏览器兼容查询 [https://caniuse.com/](https://caniuse.com/) ## 代码片段 - codepen.io [https://codepen.io/](https://codepen.io/)
## 前言 前段时间看了阮一峰老师的 [《XOR 加密简介》](http://www.ruanyifeng.com/blog/2017/05/xor.html)， 突发奇想写了一个基于XOR(异或) 加密解密的JavaScript程序 ## 具体步骤 ### 加密 ``` +-------------------------------------+ | 待 加 密 字 符 串 | +-------------+----+------------------+ | | +-----------------------v----v----------------------------+ | | | 将 字...
# Rust开发 ## 安装环境 - 安装 Rust 环境 [https://www.rust-lang.org/tools/install](https://www.rust-lang.org/tools/install) - 安装 VSCode [https://code.visualstudio.com/](https://code.visualstudio.com/) - 安装 VSCode 的 Rust 扩展 [https://marketplace.visualstudio.com/items?itemName=rust-lang.rust](https://marketplace.visualstudio.com/items?itemName=rust-lang.rust) - 安装 VSCode 的 Rust 调试环境 - Windows 系统 [https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools](https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools)...
## 前言 前段时间开发图像处理工具[Pictool](https://github.com/chenshenhai/pictool)后，遇到高频的计算瓶颈。在寻找高频计算的前端能力解决方案过程中，入门学习了一下 WebAssembly 在前端中的应用。入门的过程中踩了不少坑，例如使用`AssemblyScript` 开发`wasm`时候，发现 `npm` 包 `assemblyscript` 已经不维护了，需要自己人工添加成从`Github` 仓库引用`assemblyscript` 的`npm`模块。 同时网上很多教程已经有点不同步，很多按照教程步骤后实现的代码跑不起来。最后参考原有网上的教程，一步步踩坑，实现了demo，同时也写下这篇文章作为笔记！ ## WebAssembly ### 什么是 WebAssembly - 计算机是不能直接识别运行高级语言(C/C++, Java, JavaScript等)。 - 计算机能读懂是0和1的电子元件信号，对应到运行的机器码。 - 在前端浏览器领域里，JS是解释执行，也就是运行到哪就解释成机器码让计算机读懂并执行，在高频计算性能上有一定的瓶颈。 - WebAssembly 字节码是接近计算机能识别的机器码，只要运行环境有对应的虚拟机，能快速加载运行。 ###...
## 前言 上个月写了一篇[《从寻呼机到jQuery，一枚jQuery钉子户的独白》](https://github.com/chenshenhai/blog/issues/33)后，引起和技术小伙伴们的对HTML操作的讨论。 A君: `jQuery`直接操作`HTML`，让项目代码很难维护。 B君: `React`/`Vue`来管理 `DOM`和抹平`DOM`的操作，让开发者可以专注前端功能的实现。 C君: 用`jQuery`不能让页面的节点`Node`变化方便可控。 D君: 元素`Element`操作还是交给有模板能力的框架来操作。 讨论过后我回想对话，感觉有哪些不对，`HTML`,`DOM`, `Node`和`Element`在交谈中各种混用，到底讨论是否是同一个问题呢，抱着这个心态我查了`MDN`文档，算是初步理清楚了以上几个名词的含义。 ## 什么是HTML 说起这个，应该很多人都很熟悉，就是`HyperText Markup Language`的缩写，翻译过来就是`超文本标记语言`。 `HTML`是用来描述网页的结构，如果把网页比喻成一个摩天大楼，那么`HTML`就是构成摩天大楼的`钢筋混泥土结构`。 同时一个`HTML`网页，可以描述成一个文档`Document` > 图片来源于网络 > 图片来源于网络 ## 什么是DOM `DOM`，是`Document Object Model`的缩写，也就是文档对象模型，是对`HTML`构成网页文档的一种对象描述。换句话说，`DOM`是用于脚本程序(例如`JavaScript`)操作HTML网页的对象模型。...