随笔分类 -  3.JS基础

上一页 1 2
freemarker语法简介
摘要：ftl是一种模板标记语言，用于渲染数据，输入html结构。语法简介如下：${book.name}${book.name?if_exists} //值是否存在${book.name??} //值是否存在${book.name?has_content} //值是否存在${book.name?defaul... 阅读全文
posted @ 2015-09-01 16:14 ZRainna 阅读(608) 评论(0) 推荐(0)
JS 事件
摘要：与浏览器交互的时候页面会触发各种事件。比如比较常用的‘load’,'click','change','scroll'等。1.事件冒泡要理解事件冒泡，得先理解事件流的定义。事件流是指页面接收事件的顺序。而事件冒泡则是指开始时事件由最具体的元素接收，然后向上层一级级传播，到不具体的元素。例如：div--... 阅读全文
posted @ 2015-08-27 17:54 ZRainna 阅读(237) 评论(0) 推荐(0)
JSON与JSONP
摘要：JSONJSON:一种用于在浏览器和服务器之间交换信息的基于文本的轻量级数据格式。是JS对象的字符串表示。例如：‘{''name":"aa","age":28}'，字符串必须用引号表示。优点：1.基于纯文本，跨平台传递简单。2.Javascript原生支持，后台语言几乎全部支持。3.轻量级数据格式，... 阅读全文
posted @ 2015-08-26 17:21 ZRainna 阅读(245) 评论(0) 推荐(0)
JS insertAdajcentHTML 方法简介
摘要：修改节点的内容除了常用的innerHTML和innerText之外，还有insertAdjacentHTML和insertAdjacentText方法，可以在指定的地方插入内容。insertAdjacentText方法与insertAdjacentHTML方法类似，只不过是插入纯文本，参数相同。语法... 阅读全文
posted @ 2015-08-25 18:05 ZRainna 阅读(1028) 评论(0) 推荐(0)
JS clientHeight,scrollHeight,offsetHeight,scrollTop,offsetTop概念
摘要：JS滚动页面到某一位置时触发指定事件能够增强用户体验或是提高性能，其中使用最多的场景是加载更多，当鼠标滚动至页面下方时，自动加载下一页的内容。另一个常用的场景是当用户滚动至页面某一地方时，页面会给出提示或是将某些重要信息或按钮显示出来。实现这些效果的关键是要区分clientHeight、scro... 阅读全文
posted @ 2014-10-24 18:29 ZRainna 阅读(4493) 评论(0) 推荐(2)
关于浏览器cookie的那些事儿
摘要：昨天接到一个小需求，就是在ipad上访问某页面，页面顶部出现一个下载客户端的提示，点击关闭按钮后，提示信息消失，信息存入cookie，在cookie未过期之前，除非用户自己清除浏览器的cookie，否则此提示信息不再显示。像类似这样的需求非常常见，而网站上使用cookie技术也比比皆是。今天就... 阅读全文
posted @ 2014-10-17 19:24 ZRainna 阅读(11384) 评论(0) 推荐(0)
JS 模板引擎之JST模板
摘要：项目中有用到JST模板引擎，于是抽个时间出来，整理了下关于JST模板引擎的相关内容。试想一个场景，当点击页面上列表的翻页按钮后，通过异步请求获得下一页的列表数据并在页面上显示出来。传统的JS做法是编译返回的数据后，依次遍历列表对象，并组装html代码和数据，最终生成总字符串，然后塞到指定的列表容器里... 阅读全文
posted @ 2014-08-15 18:03 ZRainna 阅读(3268) 评论(0) 推荐(0)
JS案例之4——Ajax多图上传
摘要：近期项目中有好几次用到多图上传，第一次在项目中真正用到Ajax技术，稍微整理了下，贴个案例出来。我们传统的做法是当用户提交一个表单时，就向web服务器端发送一个请求。服务器接受并处理传来的表单信息，处理完成后返回一个新的页面。这个做法比较浪费带宽，当请求数较多时，页面响应的时间就依赖于服务器处理的时... 阅读全文
posted @ 2014-08-12 15:51 ZRainna 阅读(2976) 评论(2) 推荐(3)
JS的数据类型
摘要：1.类型定义JS是一种弱类型语言。JS拥有动态类型，相同的变量可以用作不同的类型。JS有7种数据类型：三种基本类型（数字，字符串，布尔），两种引用数据类型（对象，数组)，两种特殊数据类型（undefined，null）。JS有5种原始类型：数字，字符串，布尔，undefined，null。typeo... 阅读全文
posted @ 2014-08-08 17:41 ZRainna 阅读(1072) 评论(0) 推荐(0)
JS函数调用的方法
摘要：JS函数调用的四种方法：方法调用模式，函数调用模式，构造器调用模式，apply,call调用模式1.方法调用模式：先定义一个对象，然后在对象的属性中定义方法，通过myobject.property来执行方法，this即指当前的myobject对象。var blogInfo={ blogId:12... 阅读全文
posted @ 2014-08-07 18:39 ZRainna 阅读(832) 评论(0) 推荐(0)
JS 正则表达式
摘要：符号正则表达式由一组普通字符和元字符组成。普通字符包括数字和大小写的字母。元字符 描述 \ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，“\\n”匹配\n。“\n”匹配换行符。序列“\\”匹配“\”而“\(”则匹配“(”。 ^ 匹配输入字符串的开始位... 阅读全文
posted @ 2014-08-07 13:58 ZRainna 阅读(626) 评论(0) 推荐(0)
JS replace()方法-字符串首字母大写
摘要：replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。replace()方法有两个参数，第一个参数是正则表达式，正则表达式如果带全局标志/g，则是代表替换所有匹配的字符串，否则是只替换第一个匹配串。第二个参数可以是字符串，也可以是函数。$1、$2...表示... 阅读全文
posted @ 2014-08-04 21:37 ZRainna 阅读(5846) 评论(0) 推荐(0)
JS date对象
摘要：Date对象用于处理日期和时间。Date():返回当日的日期和时间。getDate():从Date()对象中返回一个月中的某一天(1-31)。getDay():从Date()对象中返回一周中的某一天(0-6)。getMonth():从Date()对象中返回月份(0-11)。getFullYear()... 阅读全文
posted @ 2014-07-28 19:40 ZRainna 阅读(832) 评论(0) 推荐(0)

上一页 1 2