- 博客(94)
- 收藏
- 关注
RSS订阅转载 json的序列化
㈠什么是json？ JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于ECMAScript(欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。 ...
2019-09-29 22:39:00
626
转载 数组API函数
㈠数组转字符串 ⑴String（arr）：将arr中的每个元素转为字符串，用逗号分隔 固定套路：对数组拍照：用于鉴别是否数组被修改过 ⑵arr.join("连接符")：将arr中每个元素转为字符串，用自定义的连接符分隔 // 将字符拼接为单词 var chars = ["H","e","l","l","o"];console.log(chars.join(""...
2019-09-28 22:30:00
437
转载 JS如何设置和获取盒模型对应的宽和高
㈠方式一：通过DOM节点的 style 样式获取 dom.style.width/height只能获取使用内联样式的元素的宽和高。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>>js获取盒模...
2019-09-27 20:35:00
741
转载 border-box与content-box的区别
㈠box-sizing属性 ⑴box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。 ⑵语法：box-sizing: content-box|border-box|inherit; ⑶取值 ㈡content-box相关内容 ⑴padding和border不被包含在定义的width和height之内。 对象的实际宽度等于设置的width值和b...
2019-09-26 10:49:00
376
转载 JavaScript Timing 事件
JavaScript 可以在时间间隔内执行，这就是所谓的定时事件（ Timing Events）。 ㈠Timing 事件 ⑴window 对象允许以指定的时间间隔执行代码，这些时间间隔称为定时事件。 ⑵通过 JavaScript 使用的有两个关键的方法： ①setTimeout(function,milliseconds) ：在等待指定的毫秒数后执行函数。 ②se...
2019-09-25 20:14:00
270
转载 动画属性与过渡属性与渐变属性
㈠动画属性 ⑴animation-name：指定要绑定到选择器的关键帧的名称。 ⑵animation-duration：定义动画完成一个周期需要多少秒或毫秒 ⑶animation-timing-function：指定动画将如何完成一个周期。 ⑷animation-delay：属性定义动画什么时候开始。 ⑸animation-iteration-count：定义动画应...
2019-09-23 22:23:00
308
转载 JavaScript 数组2—关联数组
㈠什么是关联数组 可以自定义下标名称的数组 ㈡为什么 索引数组中的数字下标没有明确的意义 ㈢何时 只希望每个元素都有专门的名称时 ㈣如何：2步 1）创建空数组 2）向空数组中添加新元素，并自定义下标名称 ㈤创建方式 var bookInfo= [ ]; bookInfo['bookName'] = '西游记'； boonInfo['pric...
2019-09-22 21:58:00
219
转载 JavaScript 数组1—索引数组
索引数组：下标是数字数组 ㈠什么是？ 内存中连续储存多个数据的数据结构，再起一个统一的名字 ㈡为什么？ ①普通的变量只能存储一个数据程序=数据结构+算法 ②算法：解决问题的步骤 ③数据结构：数据在内存中的存储结构 好的数据结构可以极大的提高程序的执行效率 ㈢何时？ 只要存储多个连续的数据 ㈣创建 ★创建空数组：2种 ①数组直接量：...
2019-09-22 21:34:00
716
转载 循环结构
㈠什么是循环结构 ⑴什么是循环？ 反复一遍又一遍的做着相同（相似）的事情 ⑵循环中的两大要素 ①循环条件：什么时候开始，什么时候结束 ②循环操作：循环体，循环过程中，干了什么 ㈡循环结构—while循环 ⑴语法 while（boolean表达式）{ 循环体语句； } ⑵流程 ①判断条件 ②如果条...
2019-09-21 22:49:00
388
转载 分支结构Ⅱ—switch-case
㈠switch-case 使用场合 优先用于等值判断的条件中 ㈡switch-case语句执行逻辑 switch case语句是一种特殊的分支结构，可以根据一个表达式的不同取值，从不同的程序入口开始执行 流程： ⑴计算变量或表达式的值 ⑵计算出来的值与case后的数值，做等值判断，如果判断相等的话，则执行对应的case后的执行语句 ㈢switch-...
2019-09-20 21:27:00
711
转载 分支结构Ⅰ—IF-ELSE
㈠程序 ⑴程序的流程控制 程序=数据+算法 ⑵程序的三种结构： ①顺序结构 ②分支结构 ③循环结构 ㈡IF结构 ⑴什么是分支结构？ 程序在运行过程中，根据不同的条件，选择执行某些语句 ⑵什么是IF结构 当条件满足时，运行某些语句 当条件不满足时，则不运行这些语句 ⑶语法 if （条件表达式）{ 语句...
2019-09-19 23:34:00
273
转载 JavaScript 正则表达式Ⅲ
㈠预定义类 示例：匹配一个ab+数字+任意字符的字符串：ab\d. ㈡边界 正则表达式常用的边界匹配字符 ⑴示例1：第一个是没写单词边界 第二个是加上字符边界的效果 第三个是为this的is替换成0，前面没有单词边界，后面有边界的示例。 ⑵示例2：常用边界字符“^”与“$”基本含义的举例...
2019-09-18 23:35:00
173
转载 谈谈SEO
㈠什么是SEO？ 搜索引擎优化，又称为SEO，即Search Engine Optimization，它是一种通过分析搜索引擎的排名规律，了解各种搜索引擎怎样进行搜索、怎样抓取互联网页面、怎样确定特定关键词的搜索结果排名的技术。 ㈡分类 搜索引擎优化的技术手段主要有黑帽(black hat)、白帽(white hat)两大类。 ⑴黑帽 ①定义：通过作弊手法欺骗搜索引擎和访...
2019-09-17 22:50:00
621
转载 常用的正则表达式
㈠校验数字的表达式 数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(\.[0-9]{1,2})?$ 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})$ 正数...
2019-09-16 23:51:00
159
转载 JavaScript 正则表达式Ⅱ
㈠RegExp 对象 ⑴JavaScript通过内置对象RegExp支持正则表达式 ⑵有两种方法实例化RegExp对象 ①字面量 ②构造函数 ⑶字面量示例 示例1： 你会发现只匹配了第一个结果 示例2： 通过修饰符g，全文搜索匹配，所有的is都被替换了 ⑷构造函数示例 ㈡修饰符 ①g：globa...
2019-09-16 23:51:00
184
转载 JavaScript RegExp 对象
㈠RegExp 对象 正则表达式是描述字符模式的对象。 正则表达式用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具。 ㈡语法 var patt=new RegExp(pattern,modifiers);或者更简单的方式:var patt=/pattern/modifiers; ⑴pattern（模式） 描述了表达式的模式 ⑵modifiers(修...
2019-09-16 23:20:00
134
转载 JavaScript 正则表达式Ⅰ
㈠什么是正则表达式？ ⑴正则表达式，又称规则表达式。（英语：Regular Expression，在代码中常简写为regex、regexp或RE），计算机科学的一个概念。 正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。 ⑵正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”。 这个“规则字...
2019-09-16 22:27:00
212
转载 JavaScript 函数
JavaScript 函数是被设计为执行特定任务的代码块。 JavaScript 函数会在某代码调用它时被执行。 ㈠函数 ⑴什么是函数 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 ⑵为何使用函数？ 能够对代码进行复用：只要定义一次代码，就可以多次使用它。 能够多次向同一函数传递不同的参数，以产生不同的结果。 ㈡JavaScript 函数语...
2019-09-15 21:05:00
208
转载 JavaScript 比较和逻辑运算符
比较和逻辑运算符用于测试true或false。 ㈠比较运算符 ⑴比较运算符在逻辑语句中使用，以判定变量或值是否相等。 ⑵我们给定 x = 5，下表中解释了比较运算符： 示例1： 示例2：加了字符串的例子 ㈡逻辑运算符 ⑴逻辑运算符用于判定变量或值之间的逻辑。 ⑵我们给定 x = 6 且 y = 3，下表解释了逻辑运算符： ...
2019-09-14 22:21:00
448
转载 JavaScript 算术运算符
处理数值的典型情景是数值计算。 ㈠JavaScript 算术运算符 算术运算符对数值（文字或变量）执行算术运算。 ㈡算术运算符 典型的算术运算会操作两个数值。 ⑴这两个数可以是字面量： var x = 7 + 8; ⑵变量： var x = a + b; ⑶表达式： var x = (7 + 8) * a; ㈢...
2019-09-14 20:17:00
305
转载 JavaScript 运算符
㈠JavaScript运算符 ⑴运算符 = 用于赋值。 ⑵运算符 + 用于加值。 ⑶示例： 向变量赋值，并把它们相加： var x = 7; // 向 x 赋值 5 var y = 8; // 向 y 赋值 2 var z = x + y; // 向 z (x + y) 赋值 7 ㈡JavaScript...
2019-09-13 21:54:00
153
转载 JavaScript 字符串
JavaScript 字符串用于存储和操作文本。 ㈠JavaScript 字符串 ⑴JavaScript 字符串是引号中的零个或多个字符。 例如：var x = "Bill Gates" ⑵能够使用单引号或双引号： var carname = "Volvo XC60"; var carname = 'Volvo XC60'; ⑶可以使用索引位置...
2019-09-12 21:24:00
179
转载 JavaScript 对象
JavaScript 对象是拥有属性和方法的数据。 ㈠对象，属性和方法 为了能更加清晰的了解对象，属性和方法的概念，拿身边的例子进行阐述 ⑴对象：真实生活中，一辆汽车是一个对象。 ⑵属性：汽车的重量和颜色是对象的属性 ⑶方法：汽车的启动与停止是方法。 所有汽车都有这些属性，但是每款车的属性都不尽相同。 所有汽车都拥有这些方法，但是它们被执行的时间都不尽相同。 ...
2019-09-11 19:04:00
170
转载 闰年是如何计算的？
㈠闰年是如何来的？ 闰年(Leap Year)是为了弥补因人为历法规定造成的年度天数与地球实际公转周期的时间差而设立的。补上时间差的年份为闰年。 ㈡什么是闰年？ 凡阳历中有闰日(二月为二十九日)的年，或阴历中有闰月(一年有十三个月)的年；闰余(岁余置闰。阴历每年与回归年相比所差的时日)。 闰年共有366天（1-12月分别为31天，29天，31天，30天，31天，30天，31...
2019-09-10 13:41:00
2223
转载 JavaScript 数据类型
★值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。 ★引用数据类型：对象(Object)、数组(Array)、函数(Function)。 ☀Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。 ㈠JavaScript 拥有动态类型 JavaS...
2019-09-10 12:34:00
115
转载 JavaScript 变量
变量是用于存储信息的"容器"。 ㈠用代码来更加立体化认识 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>变量</title> </head> <body> <script>...
2019-09-09 21:04:00
106
转载 JavaScript 注释
JavaScript 注释可用于提高代码的可读性。 ㈠JavaScript 注释（单行） JavaScript 不会执行注释。 我们可以添加注释来对 JavaScript 进行解释，或者提高代码的可读性。 单行注释以//开头。 示例介绍： <!DOCTYPE html> <html> <head> <meta...
2019-09-08 22:21:00
133
转载 JavaScript 语句
JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。 简单举例，更加的实体化了解。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JavaScript语句</title> </head...
2019-09-08 22:20:00
133
转载 HTML之marquee(文字滚动)详解
㈠简单介绍 ⑴语法：<marquee></marquee> 以下是一个最简单的例子： 代码如下: <marquee><font size=+3 color=red>Hello, World</font></marquee> ⑵下面这两个事件经常用到： onMouseOut="this...
2019-09-08 22:20:00
398
转载 HTML DOM 事件
HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。 事件通常与函数结合使用，函数不会在事件发生前被执行！ (如用户点击按钮)。 鼠标事件 键盘事件 框架/对象（Frame/Object）事件 表单事件 剪贴板事件 打印事件 拖动事件 ...
2019-09-08 21:51:00
179
转载 JavaScript Date 对象
㈠Date 对象 Date 对象用于处理日期与时间。 创建 Date 对象：new Date() 以下四种方法同样可以创建 Date 对象： var d = new Date(); var d = new Date(milliseconds); var d = new Date(dateString); var d = new Date(year, month, da...
2019-09-08 21:50:00
276
转载 JavaScript 语法
JavaScript 是一个程序语言。 语法规则定义了语言结构。 它是一个轻量级，但功能强大的编程语言。 ㈠JavaScript 字面量 在编程语言中，一般固定值称为字面量，如 3.14。 ⑴数字（Number）字面量 可以是整数或者是小数，或者是科学计数(e)。 <!DOCTYPE html> <html> <hea...
2019-09-06 23:09:00
240
转载 JavaScript 输出
JavaScript 没有任何打印或者输出的函数。 ㈠JavaScript 显示数据 ⑴使用window.alert()弹出警告框。 ⑵使用document.write()方法将内容写到 HTML 文档中。 ⑶使用innerHTML写入到 HTML 元素。 ⑷使用console.log()写入到浏览器的控制台。 ㈡使用 window.alert()...
2019-09-06 22:22:00
111
转载 认识 JavaScript
你好！JavaScript！！！ ㈠什么是JavaScript？？？ JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。 ㈡基本特点 JavaScr...
2019-09-06 21:47:00
194
转载 CSS3动画之按钮抖动
今天要分享一组代码，当鼠标悬停在按钮上时。按钮抖动！！！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>鼠标悬停在按钮上，按钮抖动</title> </head> <sty...
2019-09-05 23:17:00
1484
转载 CSS3 多列
CSS3 可以将文本内容设计成像报纸一样的多列布局 ㈠CSS3 多列属性 ㈡column-count 属性 ⑴语法：column-count: number|auto; ⑵值： ㈢column-gap 属性 ⑴语法：column-gap: length|normal; ⑵值： ㈣column-rule-style 属性 ⑴语...
2019-09-05 22:57:00
170
转载 js生成随机数
一，函数 Math.ceil(); //向上取整。 Math.floor(); //向下取整。 Math.round(); //四舍五入。 Math.random(); //0.0 ~ 1.0 之间的一个伪随机数。【包含0不包含1】 //比如0.8647578968666494 Math.ceil(Math.random()*10); //获取从1到10的随...
2019-09-03 21:26:00
270
转载 JavaScript 内置函数
javaScript内置函数 1.Date：日期函数 属性:constructor 所修立对象的函数参考prototype 能够为对象加进的属性和方法 方法:getDay() 返回一周中的第几天(0-6)getYear() 返回年份.2000年以前为2位,2000(包括)以后为4位getFullYear() 返回完全的4位年份数getMonth() 返回月份数(0-11)getDa...
2019-09-02 20:50:00
277
转载 cursor（鼠标手型）属性
㈠简单介绍 在浏览网页时，通常看到的鼠标光标形状有箭头、手形、沙漏等，而在 windows 中实际看到的鼠标指针种类比这个还要多。 一般情况下，鼠标光标的形状由浏览器负责控制，大多数情况的光标形状为箭头形状，当指向链接时，光标形状会变成手指形状。 cursor 属性规定要显示的光标的类型（形状）。 该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状。 ㈡属性值 ...
2019-09-01 20:56:00
8241
转载 CSS 箭头和图标
一、箭头产生的原理 #demo12 { border: 100px solid; border-color:green blue orange red; width:100px; height:100px; } <div id="demo12"></...
2019-09-01 20:09:00
269
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人