- 博客(57)
- 收藏
- 关注
RSS订阅原创 JavaScript 知识点
1.正则\d 匹配一个数字字符。等价于 [0-9]。\D 匹配一个非数字字符。等价于 [^0-9]。\f 匹配一个换页符。等价于 \x0c 和 \cL。\n 匹配一个换行符。等价于 \x0a 和 \cJ。\r 匹配一个回车符。等价于 \x0d 和 \cM。\s 匹配任何空白字符，包括空格、制表符、换页符等等。等价于 [ \f\n\r\t\v]。\S 匹配任何非空白字符。等价于 [^ \f\n\r\t\v]。\t 匹配一个...
2022-04-04 15:33:43
1020
原创 HTML知识点：
HTML知识点：HTMl5中：自关闭的斜线（/）对：area，base，br，col，command，embed，hr，img，input，keygen，link，meta，param，source，track，wbr~可以不再需要自闭合（/） <meter>元素用来显示已知范围的标量值或者分数值。 html5中没有getContent()和getCanvas方法 调用canvas对象的getContext()方法来获取绘图环境 以下关于跨域的描述哪些是正确的: css文件.
2022-04-04 14:13:17
1512
原创 css知识点
1.选择器优先级：第一等：代表内联样式，如: style=””，权值为1000。 第二等：代表ID选择器，如：#content，权值为0100。 第三等：代表类，伪类和属性选择器，如.content，权值为0010。 第四等：代表类型选择器和伪元素选择器，如div p，权值为0001。 通配符、子选择器、相邻选择器等的。2.CSS Sprites优点：（1）CSS Sprites能很好地减少网页的http请求，从而大大的提高页面的性能，这是CSS Sprites最大的优点，也是其被广泛传播和
2022-03-31 10:20:01
269
原创 HTML-文档类型
文档类型 DTD（文档类型定义）是一组机器可读的规则，他们定义 XML 或 HTML 的特定版本中允许有什么，不允许有什么。在解析网页时，浏览器将使用这些规则检查页面的有效性并且采取相应的措施。浏览器通过分析页面的 DOCTYPE 声明来了解要使用哪个 DTD ，由此知道要使用 HTML 的哪个版本。DOCTYPE 当前有两种风格，严格（ strict ）和过渡（ transitional ）。过渡 DOCTYPE 的目的是帮助开发人员从老版本迁移到新版本。如果发送具有正确的 MIME ...
2022-03-31 09:41:42
392
原创 HTML语义化
1、什么是HTML语义化？<基本上都是围绕着几个主要的标签，像标题（H1~H6）、列表（li）、强调（strong em）等等>根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。2、为什么要语义化？为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看； 用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用； 有利于SEO：和搜索引擎建立良好.
2022-03-31 09:39:03
128
原创 JavaScript-习题
1.以下哪一条Javascript代码会产生运行错误？( A )A.var obj=( );B.var obj=[ ];声明obj为数组对象C.var obj={ };声明obj为对象D.var obj=/ /;声明obj为正则对象2.在页面加载完成后，如果想动态地改变网页的标题，可以通过（C ）A.是不可能的B.document.write(“新的标题内容”)C.document.title = ''D.document.changTitle(“新的标
2022-03-31 09:26:40
517
原创 JavaScript-布尔
Boolean类型转换： 1.对于String:只有非空字符串为真 2.对于Number:除了0和NaN之外都为真 3.对于Boolean:true为真 4.对于Object:除了null之外都为真 5.undefined为false;
2022-03-31 08:40:34
237
原创 JavaScript-prototype 继承
prototype 继承所有的 JavaScript 对象都会从一个 prototype（原型对象）中继承属性和方法：Date对象从Date.prototype继承。 Array对象从Array.prototype继承。 Person对象从Person.prototype继承。所有 JavaScript 中的对象都是位于原型链顶端的 Object 的实例。JavaScript 对象有一个指向一个原型对象的链。当试图访问一个对象的属性时，它不仅仅在该对象上搜寻，还会搜寻...
2022-03-30 15:00:42
896
原创 JavaScript-编程习题
请补全JavaScript函数，要求以Boolean的形式返回第一个参数是否属于第二个参数对象的实例。function _instanceof(left,right) { left=Object.getPrototypeOf(left); while(left){ if(left===right.Prototype) return true left=Object.getPrototypeof(left) } return fal...
2022-03-30 14:58:34
530
原创 ES6- let和const命令
ES6 let和const命令 let命令 用于声明变量，类似于var，但是所声明的变量只在代码块内有效,let没有变量提升 1.没有变量提升 console.log(b)//报错 let b=23 2.只在代码块内有效 if(true){ let b=12 ...
2022-03-23 17:15:59
156
原创 文件操作/文件拖拽
文件操作 js有两种机制：一个是事件机制，一个是io机制 文件操作对象： Blob通过二进制数据读取 file 读取单个文件对象 fileList读取多个文件对象 fileReader文件按字节读取 file和fileList的方法 name获得文...
2022-03-23 17:12:20
129
原创 斐波那契数列
测试斐波那契数列 单线程例子 var btn1=document.getElementById("btn1") var btn2=document.getElementById("btn2") btn1.onclick=function(){ var v=document.getElementById("invalue") document.getElementById("out...
2022-03-23 17:08:49
364
原创 databease前端数据库
databease前端数据库 属性和方法 1.openDatabase(数据库名称，版本，说明，大小)创建数据库 2.transaction(执行函数，错误函数，成功函数)执行事务的提交和回滚 3.exectute(sql语句，成功函数，错误函数)执行sql语句 4.result.rows.length获得信息的个数 5.result.rows.i...
2022-03-23 17:07:52
630
原创 html5存储
html5存储 html5存储和cookie的区别 1.cookie存储在浏览器下，html5存储在磁盘中 2.cookie在服务端发送，html5在客户端使用 3.cookie需要联网使用，html5可以不用网络 4.cookie最多存储4kb，html5看磁盘大小 5.cookie有时间周期，到时间会自动删除，html5除非手动删除，否...
2022-03-23 17:05:38
121
原创 HTML标签-文字，图片等
文字 txt.font="80px 楷体" txt.strokeText(文字,x,y) txt.fillText(文字,x,y) 图片 var img=new Image() img.src="" txt.drawImage(img,x,y,width,height) 阴影 txt.shadowOffsetX=10 水平位置 ...
2022-03-23 17:03:13
312
原创 svg和convas画图
svg和convas画图 svg 不依赖分比率 不能嵌入图片和文字 不能通过事件操作，但是可以通过css执行动画 矢量图形，放大缩小不失真，渲染能力强 适合做图标，地图，动画 canvas 依赖分比率 可以放置图片和文字 渲染能力弱 ...
2022-03-23 17:01:17
583
原创 HTML5标签
html5标签 媒体标 <audio> 音乐标签 <video> 视频标签 1.src路径 2.autoplay 是否自动播放 3.controls 是否显示控件 表单 <input ty...
2022-03-23 16:57:18
68
原创 事件冒泡/绑定事件/事件动画
阻止冒泡的方法有哪些 1.if (v==e.target) {console.log(v) }//适应所有浏览器 2.e.cancelBubble=true//支持IE低版本 3.e.stopPropagation()//高版本浏览器 绑定事件 ...
2022-03-10 16:02:16
176
原创 关于事件的知识
DOM2和DOM3 样式 对象.style.colore=""设置或返回样式(行内) 对象.currentStyle["color"]获得样式(IE) getComputedStyle(对象，随便给)["color"] ...
2022-03-10 16:01:30
50
原创 关于DOM的扩展
DOM扩展 标签筛选 1.firstchild 获得第一个孩子(包含文本节点) firstElementchild 2.lastchild获得最后一个孩子 lastElemen...
2022-03-10 16:00:30
162
原创 WEB-DOM
DOM对象 1.body 提供对 <body> 元素的直接访问 2.cookie 设置或返回与当前文档有关的所有 cookie 3.lastModified 返回文档被最后修改的日期和时间 4.title 返回当前文档的标题...
2022-03-10 15:59:29
734
原创 WEB-BOM
BOM window 窗体对象 1.innerHeight返回窗口的文档显示区的高度。(可见区域宽高) 2.innerWidth返回窗口的文档显示区的宽度。 3.outerheight返回窗口的外部高度。(不带菜单栏和控制台的) 4.ou...
2022-03-05 16:50:41
216
原创 JavaScript-面向对象
对象下的属性和方法 in 判断属性是否属于某个对象 Object.definePrototy()限定对象的属性操作 Object.definePrototies()限定对象的多个属性操作 instanceof 判断是否属于某个对象 Object.getPrototypeOf()获得对象原型 Object.isPrototypeOf...
2022-03-05 16:46:38
486
原创 继承和多态
继承 当子类继承父类对象时，可以直接拿到父类下的属性和方法无需自己重新定义，减少代码写作，js下是单继承，用原型链实现 原型链 每个构造器都有一个原型对象，原型对象包含一个指向构造器的指针，name我们让原型对象指向另一个对象实例，就会实现机制 例如： function Father(){ this.name="张三" this.say=function(){console.log(this.name)} ...
2022-03-05 16:45:12
116
原创 构造器练习
function Car(name,color,speed){ //类对象car首字母须大写 this.name=name this.color=color this.speed=speed this.info=function(){ console.log(this.color+this.name+"速度为...
2022-03-04 13:57:01
135
原创 js-构造器
构造器 用来给对象赋初始值，构造器是一种特殊的函数，如果不写，js会自动分配默认无参构造器 例如： function Emp(name,age){ this.name=name//赋上你给我传的这个值 this.age=age this.say=function(){ console.log(this.name,th...
2022-03-04 13:56:05
1782
原创 js-面向对象
面向对象 对象：现实中一切事物都叫做对象 面向对象的实体：包含属性和行为的集合 js没有类的概念，叫做对象，思想上是基于对象，js下定义对象还是用函数体定义。 基于对象和面向对象的区别： 面向对象：自己设置图纸，照着图纸盖房子 基于对象：别人有一个房子，我照着房子创建 面向对象的三大特征： 1.封装：每一个对象就是...
2022-03-04 13:54:55
50
原创 Js-垃圾回收
垃圾回收：js具有自动垃圾回收机制，无需手动清除 标记清除 原理：当js函数中声明一个变量的时候，将变量标记为“进入环境”，则变量在内存中占有位置。当变量执行完毕，会将其标记为“离开环境”，js垃圾回收机制检测到“离开环境”，就会自动回收。 在标准浏览器下常用这个回收方式，只是时间间隔不一样 引用计数 原理：js会跟踪每一个变量的引用次数，当变量被声明，并将一个值赋给变量，则引用计数会标注为1，如果变量执行元素或又进行了赋值，则...
2022-02-22 18:57:50
97
原创 js-全局对象
// 1..输入一个数，如果是负数，则输出其绝对值，如果是小数，则四舍五入，如果是整数，求他的3次幂 var num=prompt("请输入一个数") num=parseInt(num) var n=num if (Math.abs(num)!=num) { n=Math.abs(num) } else if (parseFloat(num)-parseInt(num)&...
2022-02-21 21:04:32
131
原创 js-函数练习
// 编写一个员工类EmpInfo： // 具有属性：员工编号、员工姓名、员工年龄、员工性别、员工工资、入职时间 // 具有方法：自报信息 // 要求：1、给员工编号、员工姓名设置不可修改值 // 2、给员工编号、员工姓名、入职时间设置不可删除值 // 3、在输出语句里进行测试 var EmpInfo={number,name,age,sex,salary,time}...
2022-02-21 21:03:44
176
原创 js-函数
函数 页面语句会顺序执行，定义函数有利于代码封装，可以把要处理的js封装在一个函数里，减少代码写作，支持多页调用，也可以通过事件执行 函数的定义：普通函数 function函数名(){ 执行语句 } 调用：函数名（1,2,3） 带返回值的函数 带参数的函数 ...
2022-02-21 20:54:26
94
原创 js-正则
正则 定义： var re=new RegExp(验证内容，修饰符) var re=/验证内容/修饰符 修饰符 i 大小写不敏感 g 全局匹配 m 多行匹配 属性 global是否标志了g修饰符 ignorCase是否标志了i修饰符 multiline是否标志了m修饰符 last...
2022-02-21 20:51:03
133
原创 全局对象-练习
// 1..输入一个数，如果是负数，则输出其绝对值，如果是小数，则四舍五入，如果是整数，求他的3次幂 var num=prompt("请输入一个数") num=parseInt(num) var n=num if (Math.abs(num)!=num) { n=Math.abs(num) } else if (parseFloat(num)-parseInt(n...
2022-02-17 20:21:08
292
原创 单体内置对象 全局对象Global
单体内置对象 全局对象Global 属性和方法：1.parseInt()转化成整型 2.parseFloat()转化为浮点型 3.isNaN()是否是数字 数字返回false 4.eval()把字符串转化成js语法解析 5.encodeURI()加密 6.encodeURIComponent()...
2022-02-17 20:19:07
52
原创 js-数组练习
// 1.对一个已有数组 [4,5,0,3,0,0,34,0,23,0，46,4,0,0,9]// 去掉所有0后，生成新的数组输出 var x=[4,5,0,3,0,0,34,0,23,0,46,4,0,0,9]; var y = []; for(var i = 0;i<x.length;i++){ if((x[i])!=0){ y.push(x[i]) }} document.writeln(y)...
2022-02-17 20:17:27
484
原创 js-数组
数组：数组是属于对象的一种表现形式，用来存储多个值，并且js的数组可以存储多种类型，下标从0开始，用中括号定义，长度可变 定义：var X=new Array()// 空数组 var x=new Array()// 存储数组的长度 var x=new Array(3,4,5,6,7,)// 存储值 var X=[3,4,5,6,7]// 简写 添加和修改 x[0]...
2022-02-17 20:16:18
724
原创 js-String对象
String对象 转义字符串：(页面上不支持必须在控制台上) \"双引号 \'单引号 \\斜杠 \n回车 \t制表符（可以让两行对齐） toString()转化任意进制数： 1...
2022-02-17 20:14:38
44
原创 js-引用类型
引用类型 包装对象 Number对象 定义：var a=24 整数 var b=24.32浮点数 var c=064八进制数 var d=0x1A十六进制数字 var e=23543234567843987654320987...
2022-02-17 20:13:49
276
原创 js-数据类型
数据类型 基本数据类型：数字（number），字符串（string），布尔（boolean）,null,undefined; 数据类型:数字（number），字符串（string），布尔（boolean）,null,undefined,对象（Object） typeo验证类型 数字（number），字符串（string），布尔（boolean），null,und...
2022-02-16 20:07:40
148
原创 js-三元表达式
条件运算符(三元表达式) var 变量=判断表达式？true返回的结果：false返回的结果 var s=typeof str=="number"?"这是数字":"这是字符串" if/else if(表达式){执行语句} else if(表达句){执行语句} ...
2022-02-16 20:06:02
477
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人