最近在更新hexo博客时，发现如果有直接的通过地址访问html网页的话，有一些概念或者效果更佳直观，但是自己没有服务器，不是很方便，好在GitHub可以预览存放在它里面的项目的网页或Demo，很方便的。

HTML5中新增了进度条标签progress，但还是有一定的局限性也不美观。本文主要记录用原生JS实现进度条、滑动条、拖拽移动的具体思路及实现，也顺便复习下鼠标事件的用法，有兴趣的小伙伴可以看下，多提宝贵意见。

今天在调试程序时，不小心使用了console.log(000000)输出，报了错“Octal literals are not allowed in strict mode”，即strict模式下不支持数字的八进制表示，也就是说log(000000)情况下，会将第一位数字默认为八进制，而js严格模式不支持所以报错。查了这个错以后，发现自己对严格模式每次只是机械的使用，理解甚少，所以准备深入总结学习一下，有不对的地方，望大神指正。

一般css，js文件直接写好在了代码里面，当然也有一些情况，需要按需加载，这时候每次都去重新重写一个加载很麻烦，就直接封装成函数，使用时直接调用更加方便。

参与的很多项目是关于直播点播视频这一块的，加上最近直播比较热，有很多小伙伴对前端在移动端及PC这块有兴趣，自己就接触的一些概念和实际项目中遇到的一些问题解决方案，供参考和交流。

原生JS里面有很多看起来很相似的概念，不搞明白的话，容易用错，最好自己动手写写demo，画画图，更容易弄明白。本文主要记录clientX、offsetTop、clientHeight、scrollHeight等这一系列相关的几个概念，主要参考了网上一些概念加自己理解。

今天在pull一个项目代码时，出现refusing to merge unrelated histories，查阅后发现，是因为本地的代码和远程仓库没有共同祖先，无法pull和push，都会报错。

本文主要是理解归纳$(function(){})与(function($){})(jQuery)的区别以及使用。

在HTML5以前，在网页上观看视频一般都需要浏览器安装Flash播放插件，使用Flash通过\\,播放swf、flv等视频文件，而手机上很多不支持Flash导致无法播放视频，HTML5出现后，新增\标签可以直接在PC和手机上播放视频，不需要安装任何插件。

当然，想要做出自己想要的更加完美的视频播放器，还是要了解很多参数的，下面就来详细记录一下video相关的属性和方法，以及如何打造自己的video播放器。

大部分前端应该用过很多别人的插件，经常用到效果，可以自己尝试封装成插件，可以减少很多复制粘贴的工作，大家可以多查看一些网上插件的写法，总结一套适合自己的构建起来，尝试一下，收获很多。