摘要:
项目中有用到JST模板引擎,于是抽个时间出来,整理了下关于JST模板引擎的相关内容。试想一个场景,当点击页面上列表的翻页按钮后,通过异步请求获得下一页的列表数据并在页面上显示出来。传统的JS做法是编译返回的数据后,依次遍历列表对象,并组装html代码和数据,最终生成总字符串,然后塞到指定的列表容器里... 阅读全文
摘要:
移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成。但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。以下是四种touch事件touchstart: //手指放到屏幕上时... 阅读全文
摘要:
近期项目中有好几次用到多图上传,第一次在项目中真正用到Ajax技术,稍微整理了下,贴个案例出来。我们传统的做法是当用户提交一个表单时,就向web服务器端发送一个请求。服务器接受并处理传来的表单信息,处理完成后返回一个新的页面。这个做法比较浪费带宽,当请求数较多时,页面响应的时间就依赖于服务器处理的时... 阅读全文
摘要:
1.类型定义JS是一种弱类型语言。JS拥有动态类型,相同的变量可以用作不同的类型。JS有7种数据类型:三种基本类型(数字,字符串,布尔),两种引用数据类型(对象,数组),两种特殊数据类型(undefined,null)。JS有5种原始类型:数字,字符串,布尔,undefined,null。typeo... 阅读全文
摘要:
在实际项目中,我们经常会用到float属性来对页面进行布局。当使用float时,意味着该元素已经脱离了文档流,相当于浮于文档之上,不占据空间。但是针对兄弟元素为文字内容时,会占据一定空间,从而产生文字环绕的效果。如果不清除浮动,会导致父元素的高度撑不开等一系列问题。那如何清除浮动呢?给出以下几种方法... 阅读全文
摘要:
JS函数调用的四种方法:方法调用模式,函数调用模式,构造器调用模式,apply,call调用模式1.方法调用模式:先定义一个对象,然后在对象的属性中定义方法,通过myobject.property来执行方法,this即指当前的myobject对象。var blogInfo={ blogId:12... 阅读全文
摘要:
符号正则表达式由一组普通字符和元字符组成。普通字符包括数字和大小写的字母。元字符 描述 \ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如,“\\n”匹配\n。“\n”匹配换行符。序列“\\”匹配“\”而“\(”则匹配“(”。 ^ 匹配输入字符串的开始位... 阅读全文
摘要:
replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。replace()方法有两个参数,第一个参数是正则表达式,正则表达式如果带全局标志/g,则是代表替换所有匹配的字符串,否则是只替换第一个匹配串。第二个参数可以是字符串,也可以是函数。$1、$2...表示... 阅读全文
摘要:
利用简单的数字累加循环模拟倒计时的效果,逻辑比较简单。如果大牛们有更好的办法欢迎补充。这种效果经常用于在规定的时间做某件事。比如在1分钟之后重新发送验证码等。案例演示:源代码如下: 1 2 3 4 5 JS实现倒计时 6 7 8 9 17 18 19 20 请输入倒计时时间... 阅读全文
摘要:
元素轮播效果是页面中经常会使用的一种效果。这个例子实现了通过元素的隐藏和显示来表现轮播效果。效果比较简单。效果图如下:源代码如下: 1 2 3 4 5 cycle demo 6 7 8 9 10 21 22 23 24 25 ... 阅读全文