随笔分类 -  JavaScript

摘要:本文将解释作用域的相关概念,我们将学习并理解作用域链的重要性。 测验时间 下面的代码执行后将会打印出什么?为什么? function jerry() { console.log(name); } function tom() { var name = 'tom'; jerry(); } var na 阅读全文
posted @ 2021-03-09 17:39 水果芋头 阅读(220) 评论(0) 推荐(0)
摘要:写在前面 W3C规定DOM事件流(event flow )存在三个阶段: 事件捕获阶段、处于目标阶段、事件冒泡阶段。 dom标准事件流的触发的先后顺序为: 先捕获再冒泡 ,即当触发dom事件时,会先进行事件捕获,捕获到事件源之后通过事件传播进行事件冒泡。 对事件冒泡和捕捉的解释 事件冒泡 在本示例中 阅读全文
posted @ 2019-08-13 18:39 水果芋头 阅读(960) 评论(0) 推荐(0)
摘要:基本概念 DOM 是 JavaScript 操作网页的接口,全称为“文档对象模型”(Document Object Model)。它的作用是将网页转为一个 JavaScript 对象,从而可以用脚本进行各种操作(比如增删内容)。 浏览器会根据 DOM 模型,将结构化文档(比如 HTML 和 XML) 阅读全文
posted @ 2019-07-02 19:38 水果芋头 阅读(805) 评论(0) 推荐(0)
摘要:假如我们有一个需求,需要给元素添加样式类,使用原生的JS很容易搞定。 1 抽取函数 2 引入命名空间 "在线预览" 3 把 Node 放在前面 1. 使用原型 , 侵入式 "在线预览" 2.使用构造函数 ,非侵入式 4 完成简化版的 jQuery 将构造函数 的名称替换成 , 5 继续优化,支持多个 阅读全文
posted @ 2019-05-24 15:52 水果芋头 阅读(437) 评论(0) 推荐(0)
摘要:函数是一段可以反复调用的代码块。函数还能接受输入的参数,不同的参数会返回不同的值 声明函数的 5 种方式 具名函数 (function 命令) 函数表达式 具名函数赋值 window.Function 箭头函数 函数的特性 如果同一个函数被多次声明,后面的声明就会覆盖前面的声明 函数内部的 语句表示 阅读全文
posted @ 2019-05-24 15:44 水果芋头 阅读(192) 评论(0) 推荐(0)
摘要:什么是数组 数组(array)是按次序排列的一组值。每个值的位置都有编号(从0开始),整个数组用方括号表示。本质上数组属于一种特殊的,由 构造出来的对象, 运算符返回数组的类型是 ,任何类型的数据都可以放入数组。 数组的赋值和读取 多维数组 数组的键名 由于数组成员的键名是固定的(默认总是0、1、2 阅读全文
posted @ 2019-05-24 15:42 水果芋头 阅读(239) 评论(0) 推荐(0)
摘要:原型 JavaScript 通过构造函数生成新对象,因此构造函数可以视为对象的模板。实例对象的属性和方法,可以定义在构造函数内部。 在上面的代码中,Person函数是一个构造函数,函数内部定义了 name,age属性,sayName方法,所有实例对象(person1和person2)都会有这些属性和 阅读全文
posted @ 2019-04-25 17:08 水果芋头 阅读(308) 评论(0) 推荐(0)
摘要:转成字符串 String 1. 使用 方法 这种方法可以将 , , ,`array function null undefined` 这两种数据类型。 2. 使用 函数 函数可以将任意类型的值转化成字符串。 原始类型值转换: 方法的参数如果是对象,返回一个类型字符串;如果是数组,返回该数组的字符串形 阅读全文
posted @ 2019-04-24 13:07 水果芋头 阅读(169) 评论(0) 推荐(0)
摘要:简介 JavaScript 语言的每一个值,都属于某一种数据类型。JavaScript 的数据类型,共有七种 数值(number):整数和小数,比如 和`3.14` 字符串(string):文本 布尔值(boolean):表示真伪的两个特殊值,即 (真)和 (假) undefined:表示“未定义” 阅读全文
posted @ 2019-04-23 15:50 水果芋头 阅读(578) 评论(0) 推荐(0)
摘要:datagrid Q:批量删除的时候遇到已经选中多个项了但只删除了一条数据? A:查看是否已经指定了idField并确认idField没有错误 Q:数据加载慢? A:首先排除获取数据消耗的时间,然后为每个column指定宽度,因为datagrid会自动去为每个列计算宽度占用大量的时间,尤其是在你的列 阅读全文
posted @ 2013-01-29 21:44 水果芋头 阅读(1381) 评论(0) 推荐(0)
摘要:如果你想对一个柱子使用不同的颜色的话:将series中的 data格式改成这样: [{"color":"red","y":49.9}],加入一个color属性控制它的颜色 阅读全文
posted @ 2012-08-21 15:15 水果芋头 阅读(2448) 评论(0) 推荐(1)
摘要:function p(s) { return s < 10 ? '0' + s : s; } function jsonTimeFormat(str) { //var str = "/Date(1283457528340)/"; var matches = str.match(/([0-9]+)/) 阅读全文
posted @ 2012-08-10 17:25 水果芋头 阅读(609) 评论(0) 推荐(0)