小程序能力汇总
1 入口
- 扫码或识别二维码（可以进入指定小程序指定某页面）
- 分享到群/好友（可以进入指定小程序指定某页面）
- 微信搜索框（搜索指定小程序，进入默认首页）
- 微信首页下拉界面（进入最近使用过的小程序默认首页）
- 关联公众号菜单（进入指定小程序）
- 推送给用户的模板消息（指定小程序）
- 同公众号的其他关联小程序（可以进入指定小程序指定某页面）
- App（详见 与 app 交互）
- 公众号文章底部广告位（需投放）
- 手机QQ浏览器（可以搜索小程序，但是目前不能搜到所有的小程序）
2 基础功能
- 录音（10分钟）、拍照、扫码、录像、播放音视频（后台播放音频），可保存图片、视频到手机
- 获取用户头像、昵称，统一[……]
JavaScript截取字符串slice()、substr()、substring()的区别
共同点
第二个参数都可以省略，省略以后都是截取到字符串最后。
区别
第一个参数
- substring() 不能为负数
- substr() 可以是负数，是负数从尾部开始计算
- slice() 可以是负数，是负数从尾部开始计算
第二个参数
- substring() 不能为负数，终点的位置，需要大于第一个参数
- substr() 不能为负数，截取的长度
- slice() 可以是负数，终点的位置，是负数从尾部开始计算
[……]
Markdown文件工具
Sublime Text 3 注册码（序列号）
相关资源
Sublime Text 3 注册码
最新注册码，测试 v3.2.2 Build 3211 可用。
需要绑定hosts：
127.0.0.1 www.sublimetext.com
127.0.0.1 sublimetext.com
127.0.0.1 sublimehq.com
127.0.0.1 license.sublimehq.com
127.0.0.1 45.55.255.55
127.0.0.1 45.55.41.223
0.0.0.0 license.sublimehq.com
0.[......]为什么我的微信消息是倒着的？
其实我的昵称不是“费照君”，而是“?君照费”，在昵称最开始有一个特殊的符号?，这个符号是不可见的，但是可以让后面出现的所有文字都从右往左排列。
所以你在微信通讯录搜索“费照君”是搜不到的（除非你备注了），要搜“君照费”才搜得到。
下面来科普一下这个奇怪的字符：
计算机世界里面，文字是用一个个字符展示出来的，比如你现在看到的汉字，还有英文字母“a”，还有标点，还有一些你可能不常见的小众的语言文字，比如藏文“བོད་ཡིག” ，这些奇怪的文字出现会影响到文字的排版，而我昵称里面那个奇怪字符，是阿拉伯文。阿拉伯文是从右到左书写和阅读的，所以出现阿拉伯文的时候需要把整排的文字都倒过来。
现在微[……]
关雎
出于对古文化的兴趣，结合古今各家对《诗经》的注解，通过对原文的注译、对相关争议的解释等，对先秦文献《诗经》做一次系统地、详细地解读。望诸有同心之前辈、同辈与我联系，一同交流、探讨。
原文
关关雎鸠，在河之洲。窈窕淑女，君子好逑。
参差荇菜，左右流之。窈窕淑女，寤寐求之。
求之不得，寤寐思服。悠哉悠哉，辗转反侧。
参差荇菜，左右采之。窈窕淑女，琴瑟友之。
参差荇菜，左右芼之。窈窕淑女，钟鼓乐之。
讲解
这是《诗经》当中最为脍炙人口的一首，出现在第一篇。
句首“关关”是鸟叫声，古往今来基本没有争议。什么鸟呢？“雎鸠”。
“雎鸠”是什么鸟呢？这个就有点难了，诗经距今已经至少2500多年，[……]
微信内置浏览器H5如何清除缓存以及cookie和localStorage何时清除
UPDATE: 2021-01-20 20:01
背景
我们在开发微信 H5页面的时候经常会遇到资源文件（图片、css、js 等）不更新的问题，其实解决方案很简单，只要在请求地址之后加一个随机数参数即可：
<img src="./img/image-url-test.jpg?v20180318214000">
本文想探究的是除了主动在资源文件上加参数以外，通过微信 App 自身，有哪些用户可操作的动作会清空缓存，以及微信内置浏览器的 cookie 和 localStorage 会在何时清除。
本实验硬件及软件版本
- iPHone Xs, iOS 14.2
- oppo R[……]
一个典型的闭包方案，取for循环中i的值
有个网友问了个问题，如下的html，为什么每次输出都是5，而不是点击每个p，就alert出对应的1，2，3，4，5。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>闭包演示</title>
<script type="text/javascript">
function init() {
var pAry = document.getEle[......]字符编码
字符编码讲解文章：
前端历史课：那些来自洪荒时代的编码知识
JavaScript 有个 Unicode 的天坑
ASCII
编码
缩写
说明
编码
字符
编码
字符
编码
字符
0
NUL(null)
空字符
33
!
65
A
97
a
1
SOH(start of headline)
标题开始
34
”
66
B
98
b
2
STX (start of text)
正文开始
35
#
67
C
99
c[……]
《小森林》，影片中提到的29种食材（多图）。
（桥本爱 × 村妹纸 × 天然呆 × 心独白 × 野食谱 × 闲生活 × 农家乐 + 万变云 + 清爽风 + 绿油油 + 湿淋淋 + 小动物）/ 无剧情 = 抗抑郁特效治愈片《小森林》
一部秉着理想主义拍摄的日本版“舌尖中国”，列述了主人公市子在一年四季根据不同食材的27个菜单。这其中有我们熟悉的土豆、西红柿，也有我们不常听说的雨久花、通草果。
1 米水饴
很多人搞不清楚做面包时用的这个“[……]
前端图片懒加载
https://mp.weixin.qq.com/s/JYglEGYN9tnGpDg7ARPx7w
http://gitlab.66xue.com/xdf-fe/LoadOnDemand[……]
免费二维码API
http://api.k780.com:88?app=qr.get&data=https://feizhaojun.com
https://api.qrserver.com/v1/create-qr-code/?size=200×200&data=https://feizhaojun.com
http://comet.blog.sina.com.cn/qr?http://sina.com 只支持sina域
http://www.kuaizhan.com/common/encode-png?large=true&data=https://feizhaojun.com[……]
Tomcat本地调试开启HTTPS
两步即可
- 下载证书 214306549150548.pfx（密码：ymu2），将证书放到 Tomcat 安装目录下。（比如我放在 Tomcat 安装目录下的 cert 文件夹中，路径随意，直接放安装目录根目录也可以。PS. 其实这个证书是滥竽充数的，我们只是需要一个加密的.pfx文件）
-
配置 Server.xml。在 Tomcat 安装目录的 conf 文件夹中找到 Server.xml，打开之后，找到端口为 8443 的 Connnector，在这个标签中增加以下属性：
keystoreFile="cert/214306549150548.pfx" keystoreType="PKC[......]前端坑汇总（浏览器Bug）
1 Safari里面如果声明一个没有赋值的全局变量，浏览器会自动在DOM中找id为这个变量名的元素赋值给变量。
<div id="test"></div>
<script>
var test;
console.log(test); // [object HTMLDivElement]
</script>
[……]
IIS7支持JSP（IIS7将80端口转发到Tomcat）
如果是IIS6看这里：IIS支持JSP（Windows2003下IIS6.0配置Tomcat8.0支持JSP）
如果需要 Windows 支持 JSP，我们并不需要通过 IIS，只需要安装 Tomcat 即可。
但是，因为 IIS 已经占用了 80 端口，那么我们在访问 Tomcat 的时候每次都要带上:8080或者其他端口号。
下面我们将实现如何让 Tomcat 和 IIS 共享 80 端口。
1 为了支持Java，下载JDK并安装，我选了1.8.0版本：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downlo[……]
免费图床
七牛云
每月10G免费流量，提供CDN加速。
tuchuang.org
simimg.com
ImgURL
ImgURL 已经在GitHub开源，每张照片的大小不能超过5M，提供了简单的图片编辑功能。
upload.cc
单张照片最大 5M，有浏览器插件。
SM.MS
有开放 API。还有手机App。
路过图床
小贱贱图床
Postimage
鲜咕嘟
偶流
upload.33img.com
ge.tt
非注册帐户30天共享链接[……]
前端扩展插件
模拟数据
Easy Mock
野狗
JavaScript 交互
waypoints 滚动到某元素触发某事件
JavaScript UI工具
autosize 自动调整textarea输入框大小
clipboardjs 剪切板
jQuery custom content scroller 滚动条
JavaScript 展示
轮播 switchable
Fullpage.js
语法高亮
SyntaxHighlighter
highlight.js
Google Code Prettify
Prism
jQuery.Syntax
DlHighlight
Rainbow
JavaS[……]
Web服务器开启HTTPS
本文只是说明如何开启HTTPS服务，如果在互联网上使用HTTPS，还需要有认证的CA证书，如果没有证书，会被浏览器阻截（比如Chrome需要点击一下->高级->继续访问）。
Nginx
Nginx最简单了，找到配置文件nginx.conf，在监听端口上加上443就好了。
IIS
1 创建一个证书（不然在IIS里面操作不了）
开始 -> 运行 -> MMC -> File -> Add/Remove Snap-in…
Add Certificates -> Computer account -> Local -> OK
2 分配证书到IIS
在网站绑定域名那里绑定一个443端口，类型要选择htt[……]
在Sublime Text 3 中使用SFTP
SFTP 插件的作用是允许你使用Sublime Text直接通过FTP编辑服务器文件，并在保存时实时同步到服务器。
更多 Sublime Text 插件：Sublime Text资源汇总
———-
1 安装
使用 Package Control 安装：
1 Shift + Ctrl + p
2 输入“pci”，回车
3 输入“sftp”，选择安装
2 配置
在 Sublime Text 菜单找到：File -> SFTP/FTP -> Setup Server…
弹出一个配置文件，修改下面几个配置项：
“type”:”ftp”
“ho[……]
IE下载保存base64文件
如果一个超链接的链接地址是一个base64的代码，如下：
<a href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABJdJREFUeNrsV2toXEUYPXPvPtPsJpuNTdo0zTsGrbam1oBWJFVjJUrTai1YKMZCMaItKFL1R1GhBEpJQXyiECgqiELFEgmijamgBolpkiZtHrt5tzHJJpvd7PPeu+M3txtN2sZsodgf[......]重装系统后环境搭建和软件安装
本文只是个人配置的备忘录，并不具备权威参考价值。
[w]：Windows 系统
[m]：Mac 系统
[w] 0 安装 Windows 10 企业版（英文版）：
en_windows_10_enterprise_version_1703_updated_july_2017_x64_dvd_10925376.iso
ed2k://|file|en_windows_10_enterprise_version_1703_updated_july_2017_x64_dvd_10925376.iso|4794277888|C66909F9185A783AD6E856CB1BC5771B|/
na[……]
网页使用html5录音
实现原理
通过 HTML5 的 getUserMedia 接口，可以让页面在浏览器当中访问客户端的硬件设备（摄像头和麦克风）。然后配合 Web Audio API 使用 <audio> 标签来存储录音。
具体解释：https://www.html5rocks.com/zh/tutorials/getusermedia/intro/
具体实现
开源组件：
https://github.com/feizhaojun/mRecorder
https://github.com/mattdiamond/Recorderjs
其他资料
Getting Start[……]