技术文档，或者一些官网首页，重展示，基本上都是一个<section>一个<section>的段落组成，每个段落会有一个标题，此时页面往往会很长很长，如果用户阅读时候关心的只是中间某个段落，则交互体验并不友好，此时，就需要有一个页面内的标题导航，用户直接点击导航菜单，就能定位到对应的标题，此时阅读起来就省心多了……
“JS相关”目录存档
文章文档标题自动生成导航jQuery小插件titleNav.js
2018年04月30日，星期一Service Worker实现浏览器端页面渲染或CSS,JS编译
2018年04月24日，星期二Service Worker提供了一种能力，可以fetch请求的资源，然后后Service Worker中进行编译或转化，返回处理后的其他资源，这种特性可以用来实现各种资源的在线的客户端编译，本文就将抛砖引玉，通过两个应用案例，展示未来web开发可能的面貌。
简单了解ES6/ES2015 Symbol() 方法
2018年04月10日，星期二Symbol是JavaScript ES6新出现的一个的原生数据类型（primitive data type），作用是什么？有什么特性？本文就将简单介绍相关知识，希望能够对您的学习有所帮助。
小tips: 纯前端JS读取与解析本地文本类文件
2018年03月27日，星期二所谓文本类文件，指MIME Type为text/*文件，例如，CSS文件（text/stylesheet），JS文件（text/javascript），HTML文件（text/html），txt文本（text/plain）等等。
在现代浏览器下，我们可以直接对这些文件进行处理，无论是通过type=file表单元素还是从桌面拖拽到网页中都是可以的……
借助Web Animations API实现JS keyframes动画
2018年03月23日，星期五用一句话解释Web Animations API就是把CSS3实现的animation动画变成有JS代码实现。
各有优势。CSS3 Animations动画简单，灵活，复用性强，非常适合静态动画效果；Web Animations参数由JS控制，与单个元素绑定，因此非常适合不固定的动态动画效果，例如随机动画……
小tips: 使用JS检测用户是否安装某font-family字体
2018年02月24日，星期六下午突发灵感，写了一段JavaScript小脚本，可以用来判断用户的操作系统是否安装了某字体，代码非常简单，使用也非常方便，性能也比较快，兼容性也非常好，在一些特殊的交互场景非常有用。总之，希望本文的内容能够对您的学习有所帮助。
CORS ajax跨域请求php简单完整案例一则
2018年02月9日，星期五CORS是Cross-Origin Resource Sharing的缩写，表示跨域的资源分享，不仅可以跨子域，就算域名长得完全不一样，也可以进行资源获取。
比较常见的应用之一就是Ajax跨域请求数据。
小tips: 滚动容器尺寸变化子元素视觉上位置不变JS实现
2018年02月2日，星期五对于一个宽度不固定的滚动容器，如果里面内容已经滚动到了一定的高度，这个时候滚动容器的宽度发生变化，则里面内容的位置会进行重定位，一不留神就不知道刚才的位置是哪里了。
尤其是看小说这种非常考验眼力的场景。于是，就有需求：当滚动容器尺寸发生变化的时候（如宽屏窄屏切换，或者默认尺寸变全屏时候），最上面元素位置要保持不变，这样视觉体验就很好。不会因为突然的尺寸变化而不知道刚才看到哪里了。
那么该如何实现呢？
瞎折腾：把JS,CSS任意文本文件加密成一张图片
2017年12月24日，星期日周末在家就是应该放松的，我的放松手段很简单，就是学习前端知识，写写文章，抽个时间去钓鱼，完美。
本文内容就是一个临时起意的折腾，一个对JS，CSS等文本文件加密为图片的想法。介绍了web信息转图片以及本地文件如何转图片，以及如何解密等。
希望本文的内容对您的学习有所帮助。
小tip: 了解LinearRGB和sRGB以及使用JS相互转换
2017年12月18日，星期一LinearRGB顾名思义就是线性RGB颜色。
假设白板的光线反射率是100%，黑板的光线反射率是0%。则在线性RGB的世界中，50%灰色就是光线反射率为50%的灰色。
然而，人这种动物，对于真实世界的颜色感受，并不是线性的，而是曲线的……
我的应用
我的应用