随笔分类 - Javascript
摘要:IDT,一个基于Nodejs的,旨在脱离后端环境的前端开发套件,目的就是能让前端开发完全脱离后端的环境,无论后端是什么模板引擎(主流),都能应付自如。IDT主要包括两大部分:Server + Build,这一篇主要介绍Server篇。为了辅助前端开发,一个本地的类似于Apache的服务器是少不了的...
阅读全文
摘要:IDT,一个基于Nodejs的,旨在脱离后端环境的前端开发套件,目的就是能让前端开发完全脱离后端的环境,无论后端是什么模板引擎(主流),都能应付自如。IDT主要包括两大部分:Server + Build,这一篇主要介绍Server篇。为了辅助前端开发,一个本地的类似于Apache的服务器是少不了的...
阅读全文
摘要:因为项目开发需要,所以开发了此Mini表格组件,暂时不依赖第三方库,比较轻量级,并且支持子表、单元格合并、链式调用、事件代理功能。 演示地址:http://sandbox.runjs.cn/show/ihwmi3yt 在线源码:http://runjs.cn/code/ihwmi3yt Github...
阅读全文
摘要:阅读HTML5高程,记录有关跨文档消息通信的范例: 环境配置:Apache/2.2.22 (Win32) PHP/5.4.0 Server at localhost Port 80 虚拟主机配置: #测试跨域通信 DocumentRoot ../htdocs/HTM5Book/communicat...
阅读全文
摘要:优秀的框架代码很值得咀嚼,在阅读学习Backbone关于事件绑定相关代码时,一段while循环让我苦逼地对视了良久: Backbone的事件绑定示例: 只关注事件绑定部分: 一段while循环,轻易地实现了对象链的创建,这里需要知道,node.next和tail两者引用的是同一个对象,故,在...
阅读全文
摘要:json字符串中存在常规的用户输入的字符串,和很多的富文本样式标签(用户不能直接看到,点击富文本编辑器中的html源码按钮能看到),例如下面的: 富文本<>sad<span>adzx我是用户输入 富文本<>sad<span>adzx我是用户输入 例如存...
阅读全文
摘要:>倒序循环可以略微的提升普通迭代的性能,如下: /* * 一种可以提高循环效率的方法,倒序遍历,同步模式 */ var reverseFor = function(arr, handler){ for(var i = arr.length; i --;){ // 传入三个参数,当前数组项的值,索引...
阅读全文
摘要:
我在自己的一些实验性项目中运用了Three.js,它在处理浏览器3D效果方面表现优异。通过Three js,你可以创建镜头(Cameras),物体(objects),光线(lights),材质(materials)等等,你还可以选择渲染器:可以使用HTML5的Canvas来绘制场景,也可选择使用WebGL或是SVG来渲染。另外它还是开源的,因而若有兴趣的话,你也可参与到Three js项目中来。不过,这里主要是讲讲我自己从使用该3D引擎中学到的一些东西,并介绍一些基本内容。
阅读全文
我在自己的一些实验性项目中运用了Three.js,它在处理浏览器3D效果方面表现优异。通过Three js,你可以创建镜头(Cameras),物体(objects),光线(lights),材质(materials)等等,你还可以选择渲染器:可以使用HTML5的Canvas来绘制场景,也可选择使用WebGL或是SVG来渲染。另外它还是开源的,因而若有兴趣的话,你也可参与到Three js项目中来。不过,这里主要是讲讲我自己从使用该3D引擎中学到的一些东西,并介绍一些基本内容。
阅读全文
摘要:前一段时间,组里分享一个关于3D投影至2D平面上的主题,一直没有时间细细的咀嚼一下。 每天的代码大部分都是在写业务逻辑,细想一下,自从毕业上班以来,一直没有去写过关于图形展示方面的东东,所以决定先入个门,以后要是有需求了也可以快速上手,也当补充一下高中的数学知识。 1,旋转 处理旋转需要用到一个旋转...
阅读全文
摘要:最近做的一个后台系统中,前后端都使用接口通讯,并且为了保证开发进度,确保只兼容新式浏览器,Chrome、Firefox。 结果在Chrome浏览器中,在处理AJAX向后台提交数据表单信息时,出现中文的地方,POST到后端的都是乱码。 先确保所有的js、html模板文件、以及合并、压缩后的js文件都是...
阅读全文
摘要:首先,smasher是个什么东东,翻译过来是“粉碎者”的意思,- -!,它是使用PHP写成的一个小工具,可以直接放在线上,实时合并+压缩你的JS和CSS代码。 在一个比较依赖前端代码(比如说前端代码的人工代码量大于后端的人工代码量)的工程中,如何很好地部署前端代码,似乎也是前端们的一项很重要的工作。...
阅读全文
摘要:页面中最常见的三种资源是:JS文件,CSS文件,图片文件。为了减少HTTP请求数量,通常在部署一个应用的时候,都会用工具把一堆的JS文件合并再压缩,就像一块儿海绵一样,把里面的水分拧去;CSS文件通常都是合并(压缩),CSS的压缩只是去除注释,空格以及换行符。那么图片文件呢? 如果一个页面的用户访问...
阅读全文
摘要:如果在一个应用中的某次请求,需要往服务器回传信息,或者只是在Apache的访问日志中留下一个请求的“脚印”,而又不用关心服务器的任何响应,那么就是用Beacons方式吧,也叫图片信标方式,如下代码: var requestUrl = '/status.php'; var params = ['a=1...
阅读全文
摘要:近期的开发涉及到考核系统,后台人员负责出题,而相应的用户则打开浏览器答题。早期的系统中,用户在考试开始的时候,试卷在浏览器中的展现完全依靠后端来渲染,使用struts生成整个页面,然后发送至浏览器,用户才能答题。这种模式的问题不言而喻,因为是一个考试系统,在考试开始的一瞬间,1000个用户...
阅读全文
摘要:想了老半天不知道说什么“闲话”是好,不如直接切入正题吧,下面的内容就当是最近开发学习的一个总结:来说说前端代码的开发及其部署。 部署工具:1,Ant;2,YUI Compressor;都是开源的小东东,但是的确很强也很大!直接猛击链接传送至官网。 这里我是用的是 Apache Ant 1.8.2,Y...
阅读全文
摘要:昨晚回去后,和雷子讨论如何才能“检测”到页面上某个元素都绑定了哪些事件监听函数,第一感觉就是应该从浏览器入手,比如FF,或者Chrome等,开发工具中应该有相应的功能,于是测试之: 前提:只是一个简单的小测试,而且 addEventListener 属于标准绑定函数,IE 中与此不兼容(IE 相应的...
阅读全文
摘要:修改了原先页面的一个下拉框的功能,用div弹出层来模拟select的原始功能,好处是可以任意的修改下拉框的样式,例如设置它的高度等等(IE中不允许设置原始的select元素的高度),坏处是兼容问题一大堆,不过还好兼容问题不算太麻烦,期间还遇到了一个问题:如何在弹出层弹出以后,点击弹出层之外的任意区域...
阅读全文
摘要:由于Ajax已经统治了Web开发中的客户端,人们不禁要问“哪个JavaScript/Ajax框架才是最好的”。最近Glenn Vanderburg撰写了一篇Prototype和jQuery比较的文章,这引发了业界专家Douglas Crockford和Dion Almaer的不同回应 Glenn V...
阅读全文
摘要:提供一个 JS String 包,包含了一些常用的对字符串操作的函数,详细的请看源码及演示: /** * jscript.string package * This package contains utility functions for working with strings. */ if ...
阅读全文
摘要:这个美味地“小甜饼”是哪个网站都缺少不了的,“让我们讨一下 Cookie 小怪兽的欢心,做一块儿小甜饼吧~~”:来看源码: /** * jscript.storage package * This package contains functions for doing client-side st...
阅读全文

浙公网安备 33010602011771号