背景

在进行 web 项目开发过程中可能都使用过 js 的转义和反转义的方法,在此就不再讨论，不清楚的朋友可以查看参考资料中的链接地址。今天主要是讨论如何实现 HTML 标签的转义和反转义。

还记得很早以前使用 Dreamweaver 开发网页时可以很容易对 HTML 标签进行转义，自带提示功能和可视化转义功能。常见的 HTML 字符转义有：" "转义后 、"<"转义后"&lt;"、">"转义后">"等，对于已经习惯了纯代码编写的前端朋友来说，在不查询 HTML 字符转义对照表以及第三方工具时，有没有其他办法实现 HTML 字符的转义呢？

需求

1. 前端开发某些特定的功能时需要对用户的输入进行安全检测并对特殊字符进行转义

2. 多端（PC 端、client 端、移动端）数据来源统一接口时，需要对特殊数据进行字符转义

3. 对多端用户输入的内容进行前端检搜时需对特殊字符进行转义

这两天购买了linode的 vps,通过各种设置后成功安装了CentOS7操作系统，现尝试在CentOS7下安装并使用Jekyll，记录步骤和安装过程中产生的问题和解决方法。

查看系统版本

方式一：

1

rpm -q rpm -q centos-release // centos-release-7-2.1511.el7.centos.2.10.x86_64

方式二：

1

cat /etc/redhat-release // CentOS Linux release 7.2.1511 (Core)

或

1

cat /etc/centos-release // CentOS Linux release 7.2.1511 (Core)

sublime text 常用插件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

- Better CoffeeScript
- CoffeeComplier
- DocBlockr
- EditorConfig
- EditorConfigSnippets
- Emmet
- FileHeader
- FileSystem AutoCompletion
- HTML Snippets
- HTML-CSS-JS Prettify
- HTML5
- JsFormat
- JSX
- LESS
- Markdown Preview
- Mongoose CoffeeScript
- React Templates
- ReactJs
- Sass
- SideBarEnhancements
- SublimeCodeIntel
- SublimeLiner
- SublimeTmpl
- YUI Compressor
- VUE Formatter
- VUE Syntax Highlight

在学习 Node 开发过程中，经常运行程序（node app.js）时提示端口被占用，信息如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

node app.js
events.js:141
      throw er; // Unhandled 'error' event
      ^
Error: listen EADDRINUSE :::3000
    at Object.exports._errnoException (util.js:870:11)
    at exports._exceptionWithHostPort (util.js:893:20)
    at Server._listen2 (net.js:1236:14)
    at listen (net.js:1272:10)
    at Server.listen (net.js:1368:5)
    at EventEmitter.listen (/Users/hxrealm/www/node_pro/node-test/node_modules/express/lib/application.js:617:24)
    at Object.<anonymous> (/Users/hxrealm/www/node_pro/node-test/app.js:15:5)
    at Module._compile (module.js:409:26)
    at Object.Module._extensions..js (module.js:416:10)
    at Module.load (module.js:343:32)

此类情况在主要出现在*unix 系统下，程序退出时对应的进程未结束，请注意以下几种操作下：

今天突然收到测试反馈线上网页滚动加载不成功。当时还有点奇怪，之前测试的时候是可以正常加载数据呢！因此决定好好排查一下原因，点击这里查看demo，排查步骤如下：

1
2
3
4

// window.onscroll不能正常执行
window.onscroll = function () {
  console.log("running");
};