引语:这是习惯性的开头,请不要介意!人一定要目标,人生如此,年轻如此,今年如此,年年如此,事事如棋。但是说到底,目标是什么?目标就是提前把要吹的牛皮都吹在前头,然后不停地去弥补这个被吹破了的牛皮!2016,又开始工作了,把一年要吹的牛皮先吹了吧!好让我们年底时看看,看看到底有多夸张!
••••••JavaScript 的 event 对象中的 clientX, pageX, screenX
总是被 JavaScript 的 event 对象中的 clientX, offsetX, screenX, pageX 弄得晕头转向,借用 stackoverflow 上面的两个图来表示一下:
pageX, pageY, screenX, screenY, clientX and clientY 返回的是像素'css pixels'.
移动端 web 解决方案
范畴
移动端 web 浏览器,至少需要适配的,UC,QQ,各手机内置浏览器,chrome,safari。
是不是觉得和PC端差不多?错了!每款同一版本ios的内置浏览器一样。但每款同一版本android的不同品牌手机内置浏览器有很多细节上的差别(每个手机运营商称其为优化系统)。何况每款浏览器还有不同版本。所以移动端web的坑远多于PC端。这是它有N多辅助库的原因。
优点是,它对 CSS3,H5的支持远胜PC端(因为PC端的主力IE在拖后腿)
JS 切换 embed 的 src 值
今天在工作中遇到需要js动态的改变embed的src值进行切换的效果;
<div class="m-video">
<div class="v-play">
<embed allowfullscreen="true" allowscriptaccess="always" height="450" name="cc_4B7838C6838BB3B99C33DC5901307461" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://p.bokecc.com/flash/player.swf?vid=4B7838C6838BB3B99C33DC5901307461&siteid=4F21A251DAE61656&autoStart=false&playerid=08C25F053497D927&playertype=2" type="application/x-shockwave-flash" width="660" wmode="transparent"></embed>
</div>
<ul class="v-tit">
<li data-src="http://p.bokecc.com/flash/player.swf?vid=4B7838C6838BB3B99C33DC5901307461&siteid=4F21A251DAE61656&autoStart=true&playerid=08C25F053497D927&playertype=2"><img src="http://u1.huatu.com/image/2014image/201510/zgzx/ztfx1.jpg" alt=""></li>
<li data-src="http://p.bokecc.com/flash/player.swf?vid=1A42E7BBB7A33C6A9C33DC5901307461&siteid=4F21A251DAE61656&autoStart=true&playerid=08C25F053497D927&playertype=2"><img src="http://u1.huatu.com/image/2014image/201510/zgzx/haiguan1.jpg" alt=""></li>
<li data-src="http://p.bokecc.com/flash/player.swf?vid=7A911A9BDBD30B2D9C33DC5901307461&siteid=4F21A251DAE61656&autoStart=true&playerid=08C25F053497D927&playertype=2"><img src="http://u1.huatu.com/image/2014image/201510/zgzx/haishiju1.jpg" alt=""></li>
</ul>
</div>
•••••• My Sublime Text 3 configuration
Hexo 静态博客系统
Hexo 是基于 Node.js 高效率静态博客程序。
可以方便的生成静态网页托管在github和Heroku上。
本次安装环境:
••••••服务器:阿里云ECS
内存:1G
带宽:1M
硬盘:20G
操作系统:Ubuntu 14.04 64bit LTS
阿里云 ubuntu 14.04 安装 nodejs 基础环境
阿里云 Linux 下设置FTP
2016年你应该学习的语言和框架
前言
想起d2当天通过随机选的三张牌,图为开发相关的logo,只要猜对两个就可以拿奖品。
第二,感受到的变化,去年谈angular,node.js,今年react native,node.js主题为主,感受变化只大。
那再过十天,2015年就过去了,那在2016年我们可以玩些什么呢?
JS中编/解码函数
刚才在做日期格式化时需要将汉字进行编码再解码输出,所以就查了一下,只有字母和数字 [0-9a-zA-Z]
、一些特殊符号 $-_.+!*'(),
,以及某些保留字,才可以不经过编码直接用于 URL;一共有2对编/解码函数:
// 前后一一对应关系:编码和解码
encodeURI 和 decodeURI();
encodeURIComponent() 和 decodeURIComponent();
••••••