html5 manifest缓存技术投入产出比有些低,因此不温不火,本文所要介绍的基于Service Worker和cacheStorage缓存及离线开发,套路非常固定,无侵入,且语言纯正,直接复制粘贴就可以实现缓存和离线功能,纯前端,无需服务器配合。一个看上去很酷的功能只要复制粘贴就可以实现,绝对是成本极低的,小白中的小白也能上手。
“JS相关”目录存档
借助Service Worker和cacheStorage缓存及离线开发
2017年07月12日,星期三了解JS中的全局对象window.self和全局作用域self
2017年07月6日,星期四在HTML5一些新特性出来之前,全局的self
就是个没什么实用价值的半吊子。但是,随着HTML5一些新特性的到来,self
开始慢慢登上正式的舞台…
JS前端创建html或json文件并浏览器导出下载
2017年07月5日,星期三我们使用JS创建了一个动态的JSON数据,希望可以保存为JSON文件到本机系统,传统做法可能需要复制粘贴,而实际上,我们可以直接使用JS直接创建对应的JSON文件并让浏览器下载,而且代码和原理都出乎意料的简单。
我是如何实现electron的在线升级热更新功能的?
2017年06月27日,星期二通常electron打包出来的文件都很大,有40~50M,如果每次改动升级都要下载个完整版本,实际上是很烦的。
实际上,只要主线程没有发生变化,我们是可以直接在线热更新我们的electron应用的。
利用HTML5 Web Audio API给网页JS交互增加声音
2017年06月10日,星期六HTML5 Web Audio API可以让我们无中生有创造声音,而且是各种音调的声音,换句话说,我们通过JavaScript就会创建一个完整的音乐出来,这可能和我们以前的认知有些不一样,例如点击按钮出现一个点击的音效,传统思维可能是需要JS触发一个<audio>
音频文件的播放,实际上,并不需要任何额外的资源,十几行JS代码就可以搞定,而这就是本文要介绍的内容。
jquery.guide.js新版上线操作向导镂空提示jQuery插件
2017年05月18日,星期四网站上线或者改版的时候,常常会做一个操作向导,告诉用户一些重要操作到了哪里,或者什么地方隐藏了什么好玩的东西,等等,虽然我都是直接关掉的,或者快速跳过,但是对有部分用户而言还是很有用的。
这种提示比较好的交互效果是采用镂空的半透明遮罩,视觉重点一目了然,类似这样……
使用electron构建跨平台Node.js桌面应用经验分享
2017年05月16日,星期二最近,把团队内经常使用的一个基于Node.js制作的小工具给做成了可视化操作的桌面软件,使用的是electron
,这里简单分享一下使用electron
的一些经验和心得。
小tips: 页面链接跳转历史URL不记录的兼容处理
2017年02月15日,星期三我们点击首页的“分类”进入分类页,然后分类页头部有个“男生”“女生”的频道切换,这两个都是直接的链接,如果就会带来这么一个问题,如果用户在“男生”“女生”的频道之间反复切换,则当我们点击左上角的返回按钮(如下图)的时候,就会发现点击很多次还是在“分类页”上,这其实是不符合用户预期的,正常的用户预期应该是点击左上角的返回按钮应该直接回到首页,而不是还在当前页过家家。
要实现思路并不难,就是“男生”“女生”频道切换的时候,URL地址不要进入历史URL记录堆栈,但如何实现同时保证各个浏览器都兼容是个问题,本文就将展示相关的实践,希望对大家的学习能够有所帮助。
开源移动端元素拖拽惯性弹动以及下拉加载两个JS
2017年01月25日,星期三开源两个起点中文网M站两个动效交互JS,封装良好,即插即用。一个是任意元素屏幕拖移外带惯性边缘弹动效果,另外一个是基于窗体的下拉释放加载刷新效果。