这是徐超胜的前端开发博客

随笔分类 -  javascript

摘要:上周五突然接到一个重磅消息:公司决定开发首款手机小游戏,运行平台是淘宝app上的微淘平台。这个微淘平台从技术上讲是一个能运行html5的平台,跟微信比较类似。接到这样的任务,我自然很高兴呀,因为这也是我的第一款手机游戏了。经过一个周末的奋战,算是初步把这个游戏跑起来了。在写之前我也是查看了不少... 阅读全文
posted @ 2014-05-25 06:24 荒村听雨_ 阅读(1291) 评论(0) 推荐(0) 编辑
摘要:近来在温故《javascript高级程序设计》这本好书,新生一点感触:如果说jquery是一个美丽的地方,而原生语言是我的朴实的故乡的话,我真是离开故乡好远了!回到故乡了么总得做点事吧,于是写了一个简单的用原生程序写的拼图游戏。不怎么考虑DOM性能问题。<div class="gameWrap"> <div class="header"> <div class="begin">开始拼图</div> </div> <div class="body"&g 阅读全文
posted @ 2013-06-08 09:16 荒村听雨_ 阅读(547) 评论(0) 推荐(0) 编辑
摘要:jquery用了4、5个月,也算比较熟了,能比较熟练的使用一般用的比较多的东西,但是看看jquery的文档,我还是发现了自己对jquery中的很多好东西感到很陌生,于是萌生出进一步学习jquery的想法,以下就是我学习jquery的一些笔记。我也希望大家在用框架或者函数库的时候别停留在中低级的阶段,尽量往上看,把一些比较牛逼的用法都掌握下来,说不定哪天你就需要了。1、callbacks.add(callbacks)。这个方法比较有意思,它可以帮助同时调用若干个函数,当然了,给这些函数传的参数都是一样。看看一个例子:var foo = function( value ){ console... 阅读全文
posted @ 2013-03-29 17:48 荒村听雨_ 阅读(673) 评论(0) 推荐(0) 编辑
摘要:最近要新上一个小项目,用到了分页功能,这个分页还得是我自己大前端亲自模拟的,也就不是那种点“下一页”向后台请求新数据的那种,于是我需要把从后端一次性拿到的所有数组十个十个作为一个数组保存到一个大数组里面,懂了没?就是一个数组里面有好几个数组,每个数组都有十个元素,作为某一页的数据,当然了,最后一页可能并非是凑巧10个的,那就少于10个也行。于是我开始切割数组,这一切割竟然就是半个小时,我已开始怎么割都割不好,我真心觉得自己的底子好薄~当然了,既然会在这里写这样一段话说明我现在已经解决了,代码在这里写出来算是对自己的一个警告,切记重视基础!ws在打开,我顺便贴上今天找到的一个前端网站,好像里面. 阅读全文
posted @ 2013-03-23 22:56 荒村听雨_ 阅读(157) 评论(0) 推荐(0) 编辑
摘要:最近在看《编写高质量代码:web前端开发修炼之道》,这是一本好书。首先得说这本书绝对不是入门书,个人认为比较适合有半年以上开发经验的人学习,因为你不经历过一点"散漫式"开发以及不曾感受到因为代码写的不规范而导致的维护困难,你很可能不太能体会作者提到的一系列优化代码、代码组织之道、提高代码可维护性的好处。以下我就写一点从本书中获得的一些收获,以便印象深刻:1.触发ie浏览器hasLayout的方式:zoom:1。这是成本最低的触发方式,但是在极少情况下这个zoom:1可能并不会成功触发hasLayout,这时候考虑用position:relative。2.行内元素的paddi 阅读全文
posted @ 2013-03-20 19:17 荒村听雨_ 阅读(374) 评论(0) 推荐(0) 编辑
摘要:上午的时候,本来是想做一个position:fixed在各个浏览器下兼容的方案的,但是发现ie7/8下面的position:fixed只支持一个屏幕,如果内容高度超过一个屏幕就不能很好的使用position:fixed了(如果哪个同学有position:fixed的完美方案麻烦给我一下),于是我想用js来兼容,其实就是通过scroll监听来实现,于是需要判断ie7/8这俩版本,但是发现jquery的$.browser.version并不支持ie8,于是我就百度,百度倒是给出很多答案,但是发现ie8还是没能检测出来,后来我自己查看了navigator.userAgent这个东西,在各个浏览器下面 阅读全文
posted @ 2013-03-18 12:33 荒村听雨_ 阅读(27312) 评论(2) 推荐(0) 编辑
摘要:最近在重新看《javascript权威指南》这本书,每天都看一点,希望能赶在毕业前再夯实一下自己的基础。我觉得自己在从去年10月份开始虽然做了几个小项目,但是对于基础性的东西还是没能彻底掌握,因此在更近一步学习一些模块开发、模式之前,把基础弄弄好,这样对自己应该是很有利的。反正也拿不出什么很好的东西给大家,就是写一下自己还不熟悉的基础或者技巧性的东西,一点一点罗列出来。1. 把一个对象的所有属性都拿出来放到一个数组中,以备接下来的使用,这是一种比较常见的做法,一般性的做法是这样:var obj = { "a":1, "b":2, "c" 阅读全文
posted @ 2013-03-17 17:43 荒村听雨_ 阅读(232) 评论(0) 推荐(0) 编辑
摘要:---恢复内容开始---在看《JavaScripot权威指南》这本书,看到三元运算符这一块,于是尝试写了这么一个三元运算: var x = 1; var y = (x == 1 ? function(){return 1}:function(){return -1}) console.log(y);结果,各位看官你觉得Y等于多少? y = function(){return 1},他返回的直接就是就是这个函数,而不是函数执行的结果。如果需要结果的话还得让函数立即执行。应该是这样: var x = 1; var y = (x == 1 ? (function(){r... 阅读全文
posted @ 2013-03-17 11:51 荒村听雨_ 阅读(151) 评论(0) 推荐(0) 编辑
摘要:在看《JavaScripot权威指南》这本书,看到三元运算符这一块,于是尝试写了这么一个三元运算: var x = 1; var y = (x == 1 ? function(){return 1}:function(){return -1}) console.log(y);结果,各位看官你觉得Y等于多少? y = function(){return 1},他返回的直接就是就是这个函数,而不是函数执行的结果。如果需要结果的话还得让函数立即执行。应该是这样: var x = 1; var y = (x == 1 ? (function(){return 1})():... 阅读全文
posted @ 2013-03-16 21:44 荒村听雨_ 阅读(200) 评论(0) 推荐(0) 编辑