随笔分类 -  JavaScript

摘要:Demos: https://github.com/jiangheyan/JavaScriptBase 一、json 1、格式与取值:{key: value} var json = {'name': 'jiang'} //最好用字符串的形式保存key,否则安全性不高 console.log(json 阅读全文
posted @ 2017-08-21 17:07 HelenJ 阅读(216) 评论(0) 推荐(0)
摘要:Demos: https://github.com/jiangheyan/JavaScriptBase 一、字符串 1、str.length; //获取字符串长度 2、str.chartAt(n); //获取字符串中指定下标(n)的字符,默认第0个,找不到返回空 3、str.charCodeAt(n 阅读全文
posted @ 2017-08-21 17:05 HelenJ 阅读(856) 评论(0) 推荐(0)
摘要:1、如果WINDOW对象是常规HTML页面,TOP就是SELF var top = document.getElementById('top'); top.innerHTML //undefined 2、ev.stopPropagation(); //阻止事件冒泡 li.onmouseout = f 阅读全文
posted @ 2017-08-18 15:13 HelenJ 阅读(202) 评论(0) 推荐(0)
摘要:一、JavaScript原生事件代理 var item = document.getElementById('item'); item.onclick(function(ev) { var ev = ev || window.event; var target = ev.target || ev.s 阅读全文
posted @ 2017-08-11 10:57 HelenJ 阅读(183) 评论(0) 推荐(0)
摘要:Demos: https://github.com/jiangheyan/JavaScriptBase 一、时间 var date = new Date(); Demos: https://github.com/jiangheyan/JavaScriptBase 1、getFullYear(); 2 阅读全文
posted @ 2017-08-11 10:56 HelenJ 阅读(232) 评论(0) 推荐(0)
摘要:Demos: https://github.com/jiangheyan/JavaScriptBase 一、定时器管理 Demos: https://github.com/jiangheyan/JavaScriptBase 1、var timer = null; 改为 oDiv.timer = nu 阅读全文
posted @ 2017-08-11 10:55 HelenJ 阅读(248) 评论(0) 推荐(0)
摘要:Demos: https://github.com/jiangheyan/JavaScriptBase 一、return Demos: https://github.com/jiangheyan/JavaScriptBase 1、返回值:数字、字符串、布尔、函数、对象({}、[]、元素、null)、 阅读全文
posted @ 2017-08-11 10:54 HelenJ 阅读(637) 评论(0) 推荐(0)
摘要:Demos: https://github.com/jiangheyan/JavaScriptBase 运算符 Demos: https://github.com/jiangheyan/JavaScriptBase 一、模% i % num > 0、1、2……num-1(i比num小取i值,i比nu 阅读全文
posted @ 2017-08-11 10:51 HelenJ 阅读(160) 评论(0) 推荐(0)
摘要:Demos: https://github.com/jiangheyan/JavaScriptBase 一、函数传参 Demos: https://github.com/jiangheyan/JavaScriptBase 1、参数=js数据类型 数字、字符串、对象、函数、布尔、未定义 二、代码重用 阅读全文
posted @ 2017-08-11 10:48 HelenJ 阅读(190) 评论(0) 推荐(0)
摘要:Demos: https://github.com/jiangheyan/JavaScriptBase 一、浏览器 Demos: https://github.com/jiangheyan/JavaScriptBase 1、“JS解析器”(至少分为两步骤) 1.1 JS预解析(代码正式运行之前的准备 阅读全文
posted @ 2017-08-11 10:48 HelenJ 阅读(185) 评论(0) 推荐(0)
摘要:Demos: https://github.com/jiangheyan/JavaScriptBase 一、ECMAScript:标准、核心,规定js中的语法、数据类型 (eg. HTML标签类型:block、inline、inline-block、table……) Demos: https://g 阅读全文
posted @ 2017-08-11 10:42 HelenJ 阅读(164) 评论(0) 推荐(0)
摘要:Demos: https://github.com/jiangheyan/JavaScriptBase 一、自定义属性 Demos: https://github.com/jiangheyan/JavaScriptBase 1、读写操作 <input abc="123" type="button" 阅读全文
posted @ 2017-08-11 10:41 HelenJ 阅读(353) 评论(0) 推荐(0)
摘要:Demos: https://github.com/jiangheyan/JavaScriptBase 一、自动生成100个Li思路: Demos: https://github.com/jiangheyan/JavaScriptBase 1、html布局,在button中做点击事件 2、获取将要放 阅读全文
posted @ 2017-08-11 10:27 HelenJ 阅读(230) 评论(0) 推荐(0)
摘要:Demos: https://github.com/jiangheyan/JavaScriptBase 一、利用纯js编写,兼容IE9以及IE9以上 Demos: https://github.com/jiangheyan/JavaScriptBase 1、两张图片重合排放,并且背面的图片displ 阅读全文
posted @ 2017-08-11 10:26 HelenJ 阅读(257) 评论(0) 推荐(0)
摘要:Demos: https://github.com/jiangheyan/JavaScriptBase 一、思路 Demos: https://github.com/jiangheyan/JavaScriptBase 1、模拟手机聊天思路: a.静态页面html+css,包括双发短信发送成功后的基本 阅读全文
posted @ 2017-08-11 10:25 HelenJ 阅读(287) 评论(0) 推荐(0)
摘要:Demos: https://github.com/jiangheyan/JavaScriptBase 一、js大致思路: 1、完成静态HTML+CSS 2、过一遍整体的大致js思路 3、按照从上到下的,从有至无的顺序完成js编写(包括先写大致轮廓,再细化细节部分) 4、调试代码 二、要点: 1、h 阅读全文
posted @ 2017-08-11 10:23 HelenJ 阅读(207) 评论(0) 推荐(0)
摘要:前端开发会遇到一个问题:修改测试前端代码的时候,有时候修改了css或者js文件,但是前端刷新的时候却没有反应,不免让人感觉是不是修改错误,其实这有可能是客户端缓存问题。解决方法: 1)Ctrl+F5,清除浏览器缓存(等同于浏览器-->历史数据-->删除cookies)注意:如果是利用F12中的Dis 阅读全文
posted @ 2017-03-04 21:18 HelenJ 阅读(10762) 评论(0) 推荐(0)
摘要:DOM是一个针对HTML和XML文档的一个API,主要描绘了一个层次化的节点树 1、Node类型。JavaScript中所有的节点类型都继承自Node类型,因此所有节点类型都共享相同的基本属性和 方法。常用的属性以及相关要点:1)nodeType,node.nodeType,1表示元素节点,2表示元 阅读全文
posted @ 2017-03-02 15:22 HelenJ 阅读(370) 评论(0) 推荐(0)
摘要:JavaScript中数据类型无非是:简单类型+复杂类型,什么是简单什么又是复杂。从电脑物理存储上讲,简单就是所见即所得,你看见什么,电脑里面存的就只是什么,并不会因为一些关系(比如引用)而多出一部分你不知道的(比如方法、属性等);反之复杂,就是你看到的只是对方的冰山一角,而且这一角还戴了面纱(比如 阅读全文
posted @ 2016-10-29 15:43 HelenJ 阅读(1529) 评论(0) 推荐(0)