摘要： <svg>是矢量图的根元素，通过xmlns属性声明命名空间，从而告诉用户代理标记名称属于哪个XML方言。在下面的示例中，为<svg>元素声明了宽度和高度（默认以像素为单位），其子元素<title>可作为提示，在<desc>中可声明一段描述性纯文本，这两个元素都不会在页面中呈现。而<rect>是一个矩 阅读全文

摘要： 这套前端监控系统用到的技术栈是：React+MongoDB+Node.js+Koa2。将性能和错误量化，解决业务和开发都不知道，只有用户知道的问题，提升业务稳定性。 因为自己平时喜欢吃菠萝，所以就取名叫菠萝系统。其实在很早以前就有这个想法，当时已经实现了前端的参数搜集，只是后台迟迟没有动手，也就拖着 阅读全文

摘要： 一、自定义 创建一个空目录，然后通过npm init命令初始化package.json文件，并按提示输入相关信息或直接回车使用默认信息，生成的内容如下所示。 { "name": "pwct", "version": "1.0.0", "description": "命令行工具测试", "main": 阅读全文

摘要： 一、文件系统 fs模块可与文件系统进行交互，封装了常规的POSIX函数。POSIX（Portable Operating System Interface，可移植操作系统接口）是UNIX系统的一个设计标准。fs模块提供了多个操作目录和文件的方法，大多会有同步和异步两种版本，同步的方法名称会以Sync 阅读全文

摘要： 一、Buffer Buffer是一种Node的内置类型，不需要通过require()函数额外引入。它能读取和写入二进制数据，常用于解析网络数据流、文件等。 1）创建 通过new关键字初始化Buffer对象的方式已经被废弃，下面的代码都已经过时。 new Buffer(array) new Buffe 阅读全文

摘要： 在学习了Webpack基础后，查看别人写好的脚手架总是会一头雾水，后面就上网查各种资料，一边参考一边修改，整出了一套简易的脚手架（已上传至GiuHub和npm上），借鉴了Create React App（CRA）的目录结构（如下所示），并做成了命令行工具（已上传至GiuHub和npm上）。 ├── 阅读全文

摘要： 最近在读一本编译相关的书《两周自制脚本语言》，书中用Java来设计一种名为Stone的脚本语言。 一、语言处理器的结构 在下图中，源代码首先将进行词法分析，由一长串字符串细分为多个更小的字符串单元。分割后的字符串称为单词（token）。之后处理器将执行语法分析处理，把单词的排列转换为抽象语法树。至此 阅读全文

摘要： 方法论是一个哲学术语，会对一系列具体的方法进行分析研究、系统总结并最终提出较为一般性的原则。CSS方法论是一种面向CSS、由个人和组织设计、已被诸多项目检验且公认有效的最佳实践。这些方法论都会涉及结构化的命名约定，并且在组织CSS时可提供相应的指南，从而提升代码的性能、可读性以及可维护性。本章会讲解 阅读全文

摘要： 网格布局（Grid Layout）也叫栅格布局，与表格布局类似，也依赖行和列。但与之不同的是，网格布局能直接控制HTML文档中元素的顺序、位置和大小等，而不用再借助辅助元素。 一、术语 下图展示了CSS规范中定义的网格。 （1）网格容器（grid container）由display属性的两个特殊值 阅读全文

摘要： 一、 裁剪 裁剪（clipping）能让元素显示指定形状的区域，在布局时可起点缀的作用，丰富了视觉呈现。注意，裁剪本质上只是让元素的部分区域透明，由此可知，裁剪完后元素所占的空间仍旧会保留。裁剪最早是在CSS 2.1时代由clip属性引入，但该属性只能应用于绝对定位的元素，并且只能裁剪成矩形。CSS 阅读全文