随笔分类 - HTML/JS/CSS
摘要：好吧，很少写文章没有在标题中说明本文的关键词的。或者，大家可以理解为，关键字就是“纯吐槽”。帮朋友调试一个网站，现在都是响应式布局啊，一个HTML兼容所有终端，包括PC各种奇葩浏览器和手机。本来呢，利用了各种巨人的基础（respond、bootstrap、html5shiv什么的）一切都挺顺利的，就...
阅读全文
摘要：在某Q和某信中都有我们熟悉的公众号和结构化消息，例如又或者这样：这些图片都是固定的，每个用户看到的图片都是同一张。第一张，实在没有太多的点击欲望！第二张就还算凑合吧，不过哪来天天这么多福利图！如果想让每个用户看到的消息有所不同，因人而异，我们需要依赖终端做相应的开发。例如某某运动的消息：这种方式就比...
阅读全文
摘要：使用jsp、php、asp或者后来的struts等等的朋友，不一定知道什么是模版，但一定很清楚这样的开发方式： "> " class="ico i-cate active"> ...
阅读全文
摘要：大家用backbone、angular，可能都习惯了内置的路由，这两个框架的路由都是非常优秀的，强大而简单。客户端（浏览器）路由原理其实比较简单，其实就是监听hash的变化。在之前的架构探讨中，说到director.js这个路由类库不好使，那么，在这一篇，我们尝试自行实现一个简洁而且非常好使的路由类...
阅读全文
摘要：前两篇简单讨论了requirejs+angular和requirejs+backbone的架构，这两个架构，估计也是国内最热门的做法。浅谈HTML5单页面架构（一）——requirejs + angular + angular-route浅谈HTML5单页面架构（二）——backbone + req...
阅读全文
摘要：上一篇《浅谈HTML5单页面架构（一）——requirejs + angular + angular-route》探讨了angular+requirejs的一个简单架构，这一篇继续来看看backbone如何跟requirejs结合。 相同地，项目架构好与坏不是说用了多少牛逼的框架，而是怎么合理利用框
阅读全文
摘要：心血来潮，打算结合实际开发的经验，浅谈一下HTML5单页面App或网页的架构。众所周知，现在移动Webapp越来越多，例如天猫、京东、国美这些都是很好的例子。而在Webapp中，又要数单页面架构体验最好，更像原生app。简单来说，单页面App不需要频繁切换网页，可以局部刷新，整个加载流畅度会好很多。...
阅读全文
摘要：对一个矢量图动画，开启位图缓存能大大提高运行效率。所谓开启位图缓存，其实要自己动手，先创建一个临时canvas，然后把矢量图绘制到这个canvas上，到了实际绘制时，直接把这个临时canvas拷贝到真正canvas上。而位图拷贝的速度是非常快的，比重新绘制矢量图要快很多。三部曲：1、建立临时canv...
阅读全文
摘要：移动Web开发过程中，在真机测试时，往往会遇到一些PC调试无法重现的问题，这时候我们需要在手机上拦截错误，并有相应的输出。公司和网上都有类似的工具/类库，但如果纯粹一个简单的调试，或许不需要引入工具或类库，我们只需要知道全局拦截的原理。其实很简单，就是window.onerror语法：onerror...
阅读全文
摘要：在windows下，我们做js构建工作，都习惯安装grunt-cli，只需要命令行grunt。。。一切构建工作都自动完成了。这已经是很完美的情况了，不过最近要做一个服务器版的自动化构建系统，在nodejs中调用批处理执行grunt就显得很矬，而且各种问题。是否有更好，更漂亮的方式呢？grunt本来就...
阅读全文
摘要：做图像处理都好多年了，今天随手做个小画板的时候，发现一个挺有趣的小坑。而其实这个小坑，以前也坑过自己，不过太久没处理了，又踩到坑里了。先来看看：0xFFFFFFFF>>24这个结果是什么呢？是不是妥妥的，0x000000FF？也就是要拿到的alpha？实际不然，而且这个也并不是什么bug，或者编译器...
阅读全文
摘要：子模块的写法：function SVN(){ console.log('svn initialized'); return this;}function getInstance() { console.log('getInstance'); return new SVN();...
阅读全文
摘要：如上图所示，这样的一个简单矩形，边界矩形是(x:-28, y:-35, width:152, height:128)，这是在这个元件/显示对象自己的坐标空间的范围。那么把这个放到父元件（舞台）中，再做一定变换。如下图所示，白色区域就是舞台，蓝色矩形中的白色十字架标记，就是世界坐标的（0，0）点。蓝色...
阅读全文
摘要：createjs是一个轻量级的框架，稍微有点时间和耐心，就可以把全部源代码都看一遍，毕竟只有三十几个js文件。地址：http://www.createjs.com/开发createjs的动画或游戏，没有重型的IDE或什么工具支持，我们只能从零开始写js。一方面，这样对于jser来说，足够灵活；另外一...
阅读全文
摘要：(0xffffffff)>>24; //-1(0xffffffff / 2)>>23; //255argb颜色需要一个无符号整数uint才能存储，如果首位是F，那么第一个二进制位就是1。在右移操作时，编译器误以为这是一个负数，会一直补1，导致最后出来一个负数。而C++里边，这种低级问题就不...
阅读全文
摘要：Flash和js交互的效率分析AS代码： var time:int = getTimer(); for (var i:int = 0; i < 50000; i++) { ...
阅读全文
摘要：由于用户在http返回前关闭/取消，或者防火墙等原因，会造成http请求没有status信息。w3c有相应的说明：http://www.w3.org/TR/XMLHttpRequest/#the-status-attribute4.7.1Thestatusattributeclient.status...
阅读全文
摘要：熟悉js的dom事件或者flash事件的，基本都能立马明白cc.eventManager的用法。cc.eventManager有两种注册监听器的方式，一种是原生事件，例如cc.eventManager.addListener({ event: cc.EventList...
阅读全文
摘要：使用：cocos jscompile -s XXX（目录名，会递归） -d （输出的目录）但编译后的jsc比原来的js更大了如果只是为了代码的保密性，也许只需要用yuicompressor混淆代码即可。
阅读全文
摘要：for /r %%i in (*.js) do type "%%i">>xxx-all.js java -jar yuicompressor.jar --type js --charset utf-8 -o xxx-min.js xxx-all.js 第一句意思是合并当前目录和子目录的全部js文...
阅读全文
浙公网安备 33010602011771号