Chopper_-优快云博客

原创二级联动

创建一级select标签，将标签添加到HTML上var select = document.createElement('select');select.setAttribute('id','sel');document.body.appendChild(select);创建二级select标签var select1 = document.createElement('select');...

2020-01-05 20:01:03 150

var json = '[{"ename" : "John", "salary" : 6000, "age" : 20},{"ename" : "Ella", "salary" : 10000, "age" : 25},{"ename" : "Jack", "salary" : 5000, "age" : 18},{"ename" : "Chen", "salary" :106000, "ag...

2020-01-05 19:37:47 2031

原创 DOM

通过 id 查找 HTML 元素DOM 中查找 HTML 元素最简单的方法是使用元素的 id。document.getElementById("div")如果元素被找到，此方法会以对象返回该元素如果未找到元素，myElement 将包含 null。通过标签名查找 HTML 元素查询指定父元素下指定标签的元素对象集合（所有子代元素对象）就算查找到的只有一个元素，也是放在集合中doc...

2019-12-29 22:23:41 157

原创作用域、作用域链

作用域就是变量与函数的可访问范围全局作用域：在代码中任何地方都能访问到的对象拥有全局作用域1、最外层函数和在最外层函数外面定义的变量拥有全局作用域var a = 10;function tmp(){ var b = 20;}console.log(a);2、所有末定义直接赋值的变量自动声明为拥有全局作用域function tmp(){ b = 20;}tmp();...

2019-12-23 20:51:35 164

原创 String对象正则

match() 找到一个或多个正则表达式的匹配。语法:str.match(/正则/)var str = 'good tonight';var reg = /\w/g;console.log(str.match(reg)); //["g", "o", "o", "d", "t", "o", "n", "i", "g", "h", "t"]依赖于全局匹配gvar str = 'good ...

2019-12-22 13:00:29 139

原创 String 对象

String 对象用于处理文本（字符串）。String 类定义的方法都不能改变字符串的内容。像 String.toUpperCase() 这样的方法，返回的是全新的字符串，而不是修改原始字符串。String 对象方法charAt() 返回在指定位置的字符。语法：str.charAt(index)index 表示字符串中某个位置的数字，即字符在字符串中的下标。如果参数 index 不在...

2019-12-21 11:19:59 119

原创 API(2)

修改 :arr.splice();有参数(开始下标 , 删除的个数 , 插入的值)arr.slice(3,5); //截取数组中的元素，不会修改原数组arr.splice(4,2); //会修改原数组删除返回值被删除的元素组成的临时子数组支持负数参数插入第二个参数写0 表示一个都不删除，返回值 : [ ]插入的数据放置在写定的下标位置原位置的值，向后顺移,参数为数...

2019-12-15 19:13:33 135

原创 API(1)

API（Application Programming Interface，应用程序接口）是一些预先定义的函数，或指软件系统不同组成部分衔接的约定。目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问原码，或理解内部工作机制的细节。转字符串：String();有参数将数组中的每一个元素用逗号连接，转换为字符串var arr = [1,2,3,4,5];c...

2019-12-15 17:07:07 226

原创 JS数据类型

JavaScript 数据类型：JavaScript的数据类型分为两种：基本数据类型和引用数据类型js常用的基本数据类型：undefined、null、number、boolean、string；js的引用数据类型:Object、数组、function等；typeof 操作符用来检测变量的数据类型：typeof “hhh” // 返回 stringtype...

2019-12-08 20:46:03 172

原创 JS循环

循环结构的执行步骤1、声明循环变量；2、判断循环条件;3、执行循环体操作；4、更新循环变量；5、然后循环执行2-4，直到条件不成立，跳出循环。循环控制语句1、break：跳出本层循环，继续执行循环后面的语句。如果循环有多层，则break只能跳出一层。2、continue：跳过本次循环剩余的代码，继续执行下一次循环。for循环，continue之后执行的语句，是循环变量更新语句i...

2019-12-06 20:44:08 439 1

原创关于前端的一些知识

互联网伊始以HTML-超文本标记语言为基础的网页开发开始引起了每个普通人的注意，当网景公司开创了最早的图文浏览器时，全世界的目光都聚焦在这个窗口上。互联网的属性本就是人人参与，也就意味着每个开发者的习惯都是大相径庭的，这也是为什么HTML这个语言有那么多废弃的标签的原因——人们只想单纯的实现自己的效果，标签上的style属性已经不能满足于人们疯狂的诉求。于是center，font，color ，...

2019-11-30 14:38:47 167

原创关于JavaScript

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。JavaScript在1995年由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设...

2019-11-30 14:03:57 1884

原创二级菜单

关于二级菜单的两种写法要实现二级菜单我们要设置三个div,第一个div是最大的一个，另外两个div放在最大的div里面。然后设置外面div的大小，这里要注意里面的两个div的大小不能超过最大的div。然后给两个小的div设置属性，然后将二级菜单进行隐藏。这里要注意的是，给二级菜单进行绝对定位要给它的父级设置相对定位。也就是父相子绝。然后我们将二级菜单隐藏，再设置鼠标的hover属性。要显示二级...

2019-11-24 20:26:30 866

原创 Canvas和SVG

什么是Canvas？canvas是使用JavaScript在网页上绘制图像的元素canvas画布是一个矩形区域，我们可以控制里面的每一个元素canvas拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法通过JavaScript来绘制canvas元素本身是没有绘图能力的，所有的绘制工作都必须在JavaScript中完成，getContext（）方法可以返回一个对象，提供了用于在画布上绘图...

2019-11-24 19:31:28 137

原创笔记

CSS的使用内联样式表（行内样式表）内部样式表外部样式表CSS样式表的特征继承性层叠性如果样式不冲突，多个样式规则中的样式可以层叠为一个优先级在三种引入方式中行内样式表的优先级最高！important 调整样式的优先级CSS基础选择器通用选择器 *{}标签选择器类选择器ID选择器群组选择器，后代选择器中间用空格隔开子代选择器 >伪类选择器 ...

2019-11-12 21:50:59 198

原创 HTML第二天

地址的三种表现方式绝对路径：准确从文件所在的最高级目录下开始的完整路径分类：1.访问互联网上的资源协议名称+主机名（IP地址/域名）+目录的路径和文件名2.访问本机的资源真正存在的物理路径：盘符一直到资源文件经过的路径相对路径：方便从文件所在的位置开始查找，资源文件所在的位置经过的路径分类：1.当前文件与资源文件在同目录下直接通过名称进行引用2.资源文件在当...

2019-11-07 20:13:17 135

原创 HTML学习第一天

HTML快速入门第一天分割线属性<hr/>width:设置宽度color：设置颜色align：居中文本标记加粗：斜体：下划线：删除线：<s></s>上标：下标：<sub&...

2019-11-06 19:20:23 144

Chopper_的博客