- 博客(40)
- 收藏
- 关注
RSS订阅原创 day22 js进度
day22知识点一、json1.真正的json- json数据，可以放在json文件中，也可以出现在变成语言中- 是一种文本数据，有专门的文件存储， .json文件- 类似于：记事文文件 txt- 有固定的的语法要求2.json是用来做什么的：通用数据 - 是一种文本数据，用来作为服务器端和客服端数据交互时，村粗数据 - 是一种编程语言中的通用数据，任何一门编程语言，都能识别，都能解析2、编程语言中的json1.js中的json，类似于数组和对象，只不过还需要遵守js...
2020-05-19 22:20:56
130
原创 day21 javascript
day21知识点一、函数的默认参数js：function (a=‘456’){ console.log(a)}二、解析赋值1.解开结构，单独赋值1.1 数组 ：数组是数据的有序集合，所以在解析赋值时，变量之间的顺序是，从左向右一次解析js： var [a，b，c]=[‘hello’，‘world’，‘123’] 1.2 对象 ：对象时数据的无序集合，所以子解析赋值时，变量之间没有顺序，找到对象的key了，就赋值，没有则undefined js： var {name，sex，...
2020-05-18 22:04:44
100
原创 day20 javasctipr
day20知识点一、正则1.正则的读- 技巧- 记注所有符号 - 逐位读 -注意小括号作为一个整体 -注意中括号表示一位- 中文 /1+KaTeX parse error: Undefined control sequence: \U at position 12: / /^[\̲U̲4E00-\U9fa5]+/二、ES5补充：this相关。函数的方法1.this概念：- 当前函数的执行上下文- 执行函数的对象- 默认情况下：this所在的函数，被那个对象执行，...
2020-05-18 22:04:13
129
原创 day19 js进度
day19知识点一、正则1.概念和意义- 概念：正则表达式，正则对象，正确的规则，描述字符串的规则正则一般都是配合字符串使用可以对字符串进行：验证，替换，查询 - 意义：快速的验证，查询，替换字符 除非极端的情况下，正则既可以节省操作，有节省性能2.创建正则 - 字面量：var reg = // - 构造函数： var reg = new RegExp（） - 字面量正则中不允许出现变量，构造函数可以，使用都是一致的3.如何使用 - 验证： reg.test（st...
2020-05-15 23:07:16
80
原创 day 18 javascript
day18知识点一、事件1.默认事件- 没有主动，系统默认有的- 可选，可不选- 如果不要可以阻止- 通过事件对象身上的 -- e.retureValue = false- e.preventDefaule2.事件委托- 将多个自元素的相同利用事件委托给共同的页面现存的父元素，通过事件目标找到真正触发事件的子元素。- 事件委托的好处： 1.节省内存 2.给页面暂时不存在的元素绑定事件（给动态的html绑定事件）3.事件源和时间目标- 事件源：绑定事件的元素- 必然可...
2020-05-14 23:56:24
204
原创 day 17 javascript
day17知识点一、事件1.事件的组成- 事件源：obox，绑定事件的元素。注意：事件目标，并不是任何时候都等痛于事件源。一般情况下是一个- 绑定事件的方式：on，赋值式绑定- 事件类型：click，行为方式- 赋值 = ，赋值式绑定事件的标志之一- 事件处理函数：function（）{ console.log(’…’)}。触发指定行为时，要做的事情- 隐藏的部分：事件对象2.事件对象的操作 - 事件发生时产生的对象，用来记录事件发生时产生的信息。默认隐藏，需主动获取 ...
2020-05-14 00:24:29
71
原创 day16 javascript
day16知识点一、DOM下 ：操作1.样式操作 ：设置- 方式- 可见的内置属性（html属性）：style注意事项 ：js中不允许出现中划线，改成小驼峰- obox.style.fontSize=‘100px’；样式的值。一般都是字符，某些属性可以写成数值- obox.style.opacity=‘0.5’样式中行高的设置，加不加单位，是不同的样式- obox.style.lineHeight=‘20px’ 不加单位为多少倍style可以直接设置某个css，也可以通...
2020-05-12 23:17:52
63
原创 day 15 javascript
day15知识点一、DOM1.介绍1.1：DOM文档对象模型，对象：document- DOM（W3C机构）不属于BOM（浏览器厂商）- window丢向身上有提供document对象- DOM，主要控制（html文件），所有的页面操作都需要通过DOM- DOM结构：html的结构：树形结构，包含结构，家族结构（父子级，兄弟级）- DOM树形结构，的每个组成部分，都叫节点（元素，属性，注释，文本） 注：所有节点，都是对象- js做交互，行为，页面（DOM），哪个元素，选择器...
2020-05-11 22:06:07
60
原创 day 14 javascript
day14知识点一、BOM1.概念：浏览器对象模型，是个模型，这个模型有一个对象window来体现（具象）作用：提供了ES和页面的运行环境浏览器的一些规定，首先需要在ES的基础之上设置，但是最终生效时，以浏览器的标准为主宪法：ES，地方法规：浏览器规定浏览器>ES兼容：不是兼用问题的兼用问题：alert（1）功能一致，没有兼用每个浏览器显示的样式都不一样2.window的具体功能作用window：窗口window提供的窗口 或 窗口与窗口之间的操作因为所有内容都...
2020-05-09 21:01:14
99
原创 day 12 javascript
day12知识点一、ES5的新增1.什么是ES5， ECMASctipr5ES的版本更新，向下兼用，老版本并没有全部废弃，新版本只是在来版本的基础上新增2.严格模式（更严格的开发模式） js的代码规范非常不严格，所以严格模式的意义是： 2.1：消除javascript语法的一些不合理、不严谨之处，减少一些怪异行为 2.2：消除代码运行的一些不安全之处，保证代...
2020-05-07 22:27:19
72
原创 day11 javascript
day11知识点一、对象的补充- 栈堆1.内存：用来运行数据的控件，内部有区分了不同的存储方式栈：一般用来存储变量名和地址，空间小，稳定，不可修改堆：一般用来存储数据，空间大，可修改关系：一一对应，多对一，不能一对多2.数据类型的分类2.1 基本类型（值传递）数据就在栈中不存在深浅拷贝，默认是深拷贝2.2 引用类型（引用传递的数据）栈中只保存了一个地址，地址指向堆...
2020-05-07 22:26:48
74
原创 day9 javascript
dya9知识点一、数组1.数组的操作索引（编号，顺序，从0开始）var a = [‘hello’，1,2，3，…]数组是一个有序数据的集合，从0开始到哪结束：根据长度，得出最后一个：length-1增加数组a[a.length]=‘…’ 在最后增加删a[a.length]=3； 把第三位后面的删除改a[要修改数据的索引] =‘’；查a[要修改数据的索引]2.数组的小...
2020-04-29 23:14:27
82
原创 day8 javascript
day8知识点一、js的编译和执行1.js是一门解释性语言预先编译在执行先通读全文，在解释含义。—找到var和function，做出对应提升2.编译时：提升3.执行时：按照逻辑，结构正常执行变量和函数会提升var提升提前声明，=号的位置...
2020-04-28 22:49:42
64
原创 day7 JavaScript
day7知识点一、函数函数的返回值函数自身的处理数据或执行结果，需要被二次执行使用或其他程序调用时，需要将数据返回出来如何拿到返回值关键字：return 要返回的数据return的功能可以将函数返回指定的值可以立即结束当前函数一个函数中可以写无数个return，只执行一次return，一...
2020-04-27 22:04:04
58
原创 day6 javascipt
day6知识点一、函数1.函数的概念（比喻成一个空调）空调：由遥控器控制函数：由用户或自身控制，可以实现某个功能 代码段 函数的特点： 忽略细节：在*使用过程*中，只需要关注...
2020-04-26 22:16:17
103
原创 day5 javascript
day5知识点一、for 循环语句语法：for(var i=0;i<=10;i++){console.log(i);}特点：1.三要素，更集中，无需考虑计数器改变的位置，而影响程序结果2.顺序不能变（计数器的初始值；条件；计数器的改变）执行顺序1.初始化计数器2.条件，循环体，改变二、循环中的控制关键字break立即结束循环，后面的任何代码都不在继续执行和swi...
2020-04-24 22:53:28
98
原创 day4 javascript
day04 知识点一、小数的问题1.现象：0.1+0.7=0.79999999999992.原因计算机执行或识别的符号只有0和1。：二进制计算机中有一套完善的转换机制，所有内容。不论文字，字符，任何数据，图片，声音，视频，最终都会被解析成二进制计算机对于小数的计算，会产生误差3.解决 主动保留n为小数，得到数据类型是字符 ...
2020-04-24 01:05:03
76
原创 day3 javascript
day3 知识点一、三大特殊数据：undefined、null、NaNNaN;非法的数值运算结果特殊之处：1.是一个数值型的数据，但不是数字2.NaN不等于任何值，和任何数据都不相等，NaN不等于NaN检测方法：isNaN（要检测的数据）true：检测结果为NaN 或能转成NaNfalse;检测结果不是NaN 或不能转成NNnudefined是：未赋值。类型是undefined。...
2020-04-22 22:03:40
69
原创 day2 javscript
day2知识点一、数据类型的转换字符转数值：parseInt（要转换的数据和变量）说明： 从左到右依次检测，遇到非字符停止转换忽略小数点后所有内容，将小数点识别成非数字如果第一位是非数字，显示NaNNaN是 not a number不是一个数字的数值型数据非法数值运算的结果（不合法、不合规，不能转的，非要转） parseFloat（要转换的数据和变量） ...
2020-04-21 22:03:51
229
原创 day1 javascript
day1知识点一、javascript，简称，js又称为：行为。给网页做互动，动作，交互javascriptr的组成ECMAScript：语法，规定，规则，法律，规定了以什么样的格式，写代码BOM：浏览器对象模型，提供了浏览器的操作DOM: 文档对象模型，提供了网页的操作关系：ECMAScript规定了，写什么样的代码，在BOM中操作DOM打印信息的方式什么叫打印信息，不是输出信...
2020-04-20 20:31:57
113
原创 day25 html5
day25图片整合、css精灵、精灵图、雪碧图、CSS sprites优势： 1：减少请求次数，缓解服务端得压力 2：减少图片得质量， 最终得目的：提高项目速度，减少性能消耗图片整合需要注意： 1：背景图一定是透明得 2：根据情况得需求，把小图标的间距要处理好。 3：尽量上下排列。主流浏览器：谷歌、火狐、欧鹏、苹果、Ie浏览器的世界大...
2020-04-19 20:04:26
93
原创 day24 html5
day24知识点网格布局：grid布局：针对的是子元素布局1：形成一个网格结构（给父元素添加）：display：grid 2：划分行和列 grid-template-columns：3,200px； grid-template-rows：3,200px； 显示3行3列 如果是3个值 代表3行3列 能接受具体的px 也能是百分比 划分行和列...
2020-04-16 22:19:44
94
原创 day23 html5
day23知识点媒体查询：由设备类型，监测设备特性表达式构成语法：@media 设备类型[all\screen] and（条件表达式）{css样式}注：and两侧必须有空格 not放在设备类型的前面（反向选择[排除某个范围]）媒体查询：做样式微小调整例如：浮动显示隐藏文本大小宽高移动端：meta标签的设置：视口1:1比列、禁止用户缩放设备像素比dprRetina屏 ...
2020-04-15 21:31:15
81
原创 day22 html5
day22知识点一、怪异盒模型：box-sizing：属性值 ：box-sizing：content-box； 常规盒模型box-sizing：border-box； 怪异盒模型（IE盒模型）触发怪异盒模型：box-sizing:border-box;怪异盒模型特点：padding和border都会在元素的宽高的内部，不会把盒子撑大。二、弹性盒模型弹性盒子：布局方案...
2020-04-14 20:45:39
80
原创 day21 html5
day21知识点一、阴影：文本阴影：text-shadow：x轴位置 y轴位置 阴影大小 阴影颜色注：如果想添加多个阴影 每一组阴影以逗号分隔。盒子阴影：box-shadow：x y 阴影的模糊度 阴影扩散的大小 阴影颜色 内阴影（inset）添加多阴影：以逗号分隔的形式添加多阴影文本换行：英文或者数字默认显示：如果没有换行的情况下：尝试把下一个长单词放在下一行显示。word-w...
2020-04-13 21:34:55
66
原创 day20 html5
day20知识点一、表单新增加的type类型：email url 网址number rangerange colorsearchtime 时间类型 month 月份week 周 datetime-local 选取本地时间date 年月日新增的html属性：min max required 如果表单没有输入...
2020-04-10 21:22:16
112
原创 day19 html5
day19知识点一、html5语义化结构标签：section 更偏于划分区域。（网页的外围结构…更类似与div）article 更偏向于内容的展示aside 侧边栏（在一旁的）header 网页头部或者是内容块头部footer 网页的顶部或者内容快的底部nav 导航区域。figure 代表一个独立的区域figcaption figur...
2020-04-09 21:00:18
80
原创 day18 html5
day18知识点一、2D：平面控件的元素变形变形属性：transform：transform的属性值为功能函数2D功能函数：2D的位移，2D的旋转，2D的缩放，2D的倾斜2D位移：transform：translate（x，y）；属性值（px ， %）transform：translateX（x轴移动的距离）transform：translateY（y轴移动的距离）2D的缩放...
2020-04-08 21:20:57
61
原创 day17 html5
day17知识点一、2D：平面控件的元素变形变形属性：transform：transform的属性值为功能函数2D功能函数：2D的位移，2D的旋转，2D的缩放，2D的倾斜2D位移：transform：translate（x，y）；属性值（px ， %）transform：translateX（x轴移动的距离）transform：translateY（y轴移动的距离）2D的缩放...
2020-04-07 21:41:07
96
原创 day16 html2
day16知识点 很多css3属性 最初的预览版没有形成最终的正式版，但是浏览器为了对这些新属性形成支持，主流浏览器提供属于自己的语法规则 “浏览器前缀”-webkit- 谷歌、苹果 浏览器前缀-moz- 火狐浏览器前缀-ms- IE浏览器前缀-o- 欧鹏浏览器注： 添加浏览器前缀 -> 兼容模式 ...
2020-04-03 22:17:26
81
原创 day14 html5
day14知识点一、表格标签补充：表格的数据行分组： 表头 表体 表尾注：一个表格里只能有一个表头和表尾，可以包含多个表体列标题标签： 默认样式：文本左右居中 并加粗表格表体： css属性（位置）：caption-sode：left，right，top，bottom，注：right/left 有兼容问题：火狐能识别数据列分组： rules=“” 分隔...
2020-04-01 21:11:47
87
原创 day13 html5
day13最小高度的兼容设置方法：（兼容的思路）1: min-height:300px;_height:300px;2: min-height:300px;height:auto!important;height:300px;1: 高版本浏览器解析顺序：min-height能识别，也能识别！important 所有height:auto;权重最高，height:auto 就能把heigh...
2020-03-31 21:49:39
97
原创 day12 html5
day12定位 position：属性值:1. static 静态定位2. relative 相对定位3. absolute 绝对定位4.fixed 固定定位5.sticky 粘性定位position:fixed; 固定定位1: 参照物：浏览器窗口。2: 不占据空间，脱离布局流。让一个元素在浏览器窗口左右上下居中？ 第一种方法： ...
2020-03-30 20:38:15
88
原创 day11 html5
day11position的属性值： 1: position:static 【静态定位】 (默认值：添加和不设置的效果一样的) 2: position:absolute 【绝对定位】 1: 绝对定位的参照物： 已经有定位的父元素为参照物 如果父元素都没有定位或者没有父元素，以整个文档为参照物。 ...
2020-03-28 21:03:22
98
原创 day10 html5
day10知识点元素类型的转换：display属性：属性值：1.block2.inline3.none注：大部分块状元素默认的display的值block,其中li默认的值 list-item (列表元素)大部分内联元素默认的display的值inline,其中input默认的值 inline-block(行内块元素)内联元素里面特殊的一个：行内块元素（内联块元素）特点...
2020-03-27 21:59:50
102
原创 html5day9
day9知识点css的显示对标签分类 ：块状元素内联元素（行内元素）争议点：第三类：a:可变元素b:行内块元素元素类型分类：块状元素、内联元素、可变元素。 注：把行内块元素 归在 内联元素这一类里面默认情况下元素类型每个类型特点： 块状元素特点： 1：在页面中以矩形区域显示。 2：自上而下排列，独占一行 ...
2020-03-26 22:32:10
72
原创 html5 day6
day6网页布局：怎样让版心左右居中？？给要做居中的版心元素 添加 margin:0 auto;css列表属性：列表：ul（有序列表）ol（无序列表）dl（自定义列表）研究列表的列表符号。1： list-style-type:circle 空心圆square 小黑方块none 清除列表符号2： list-style-image: url（路...
2020-03-23 22:23:09
70
原创 html一种知识点总结
什么是网站网站是由很多个网页组成。网站建设流程：1、域名（网址） 2、租用空间（服务器）?3、网站建设（1. 确定网站主题，2.收集资料，3、规划网站，4、制作页面）4、网站推广5、网站维护二、什么是网页？Web标准(网页的组成)：结构（html）+ 表现（css） + 行为（js）1、HTML：实现网页结构（网页内容）2、CSS：实现网页的修饰、表现3、JS：实现的是交互...
2020-03-21 18:40:18
230
原创 day5 html5
htnl5知识点选择符的权重：id > class > 标签四个数字表示权重：内联样式表 -> 1000id -> 100class -> 10标签 -> 1伪类选择符 -> 10通配符 -> 0包含选择符的权重为权重之和eg :#box div{}...
2020-03-20 19:47:51
124
原创 day4 html5
day4样式表的权重关系：内联样式表的权重最大！内部和外部样式的权重，和书写的前后顺序有关！（放在后面的会把放在前面的样式覆盖掉,覆盖的只是相同属性的样式，不同属性的样式会继续执行。）关键字：!important -> 当前声明具有最高权重！语法：background:red!important;html结构 head里面的cs...
2020-03-19 21:27:14
62
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人