- 博客(40)
- 收藏
- 关注
RSS订阅原创 day22 js进度
day22知识点 一、json 1.真正的json - json数据，可以放在json文件中，也可以出现在变成语言中 - 是一种文本数据，有专门的文件存储， .json文件 - 类似于：记事文文件 txt - 有固定的的语法要求 2.json是用来做什么的：通用数据 - 是一种文本数据，用来作为服务器端和客服端数据交互时，村粗数据 - 是一种编程语言中的通用数据，任何一门编程语言，都能识别，都能解析 2、编程语言中的json 1.js中的json，类似于数组和对象，只不过还需要遵守js...
2020-05-19 22:20:56
169
原创 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
131
原创 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
171
原创 day19 js进度
day19知识点 一、正则 1.概念和意义 - 概念：正则表达式，正则对象，正确的规则，描述字符串的规则 正则一般都是配合字符串使用 可以对字符串进行：验证，替换，查询 - 意义：快速的验证，查询，替换字符 除非极端的情况下，正则既可以节省操作，有节省性能 2.创建正则 - 字面量：var reg = // - 构造函数： var reg = new RegExp（） - 字面量正则中不允许出现变量，构造函数可以，使用都是一致的 3.如何使用 - 验证： reg.test（st...
2020-05-15 23:07:16
114
原创 day 18 javascript
day18知识点 一、事件 1.默认事件 - 没有主动，系统默认有的 - 可选，可不选 - 如果不要可以阻止 - 通过事件对象身上的 - - e.retureValue = false - e.preventDefaule 2.事件委托 - 将多个自元素的相同利用事件委托给共同的页面现存的父元素，通过事件目标找到真正触发事件的子元素。 - 事件委托的好处： 1.节省内存 2.给页面暂时不存在的元素绑定事件（给动态的html绑定事件） 3.事件源和时间目标 - 事件源：绑定事件的元素 - 必然可...
2020-05-14 23:56:24
264
原创 day 17 javascript
day17知识点 一、事件 1.事件的组成 - 事件源：obox，绑定事件的元素。注意：事件目标，并不是任何时候都等痛于事件源。一般情况下是一个 - 绑定事件的方式：on，赋值式绑定 - 事件类型：click，行为方式 - 赋值 = ，赋值式绑定事件的标志之一 - 事件处理函数：function（）{ console.log(’…’)}。触发指定行为时，要做的事情 - 隐藏的部分：事件对象 2.事件对象的操作 - 事件发生时产生的对象，用来记录事件发生时产生的信息。默认隐藏，需主动获取 ...
2020-05-14 00:24:29
112
原创 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
90
原创 day 15 javascript
day15知识点 一、DOM 1.介绍 1.1：DOM文档对象模型，对象：document - DOM（W3C机构）不属于BOM（浏览器厂商） - window丢向身上有提供document对象 - DOM，主要控制（html文件），所有的页面操作都需要通过DOM - DOM结构：html的结构：树形结构，包含结构，家族结构（父子级，兄弟级） - DOM树形结构，的每个组成部分，都叫节点（元素，属性，注释，文本） 注：所有节点，都是对象 - js做交互，行为，页面（DOM），哪个元素，选择器...
2020-05-11 22:06:07
96
原创 day 14 javascript
day14知识点 一、BOM 1.概念：浏览器对象模型，是个模型，这个模型有一个对象window来体现（具象） 作用： 提供了ES和页面的运行环境 浏览器的一些规定，首先需要在ES的基础之上设置，但是最终生效时，以浏览器的标准为主 宪法：ES，地方法规：浏览器规定 浏览器>ES 兼容：不是兼用问题的兼用问题： alert（1）功能一致，没有兼用 每个浏览器显示的样式都不一样 2.window的具体功能作用 window：窗口 window提供的窗口 或 窗口与窗口之间的操作 因为所有内容都...
2020-05-09 21:01:14
138
原创 day 12 javascript
day12知识点 一、ES5的新增 1.什么是ES5， ECMASctipr5 ES的版本更新，向下兼用，老版本并没有全部废弃，新版本只是在来版本的基础上新增 2.严格模式（更严格的开发模式） js的代码规范非常不严格，所以严格模式的意义是： 2.1：消除javascript语法的一些不合理、不严谨之处，减少一些怪异行为 2.2：消除代码运行的一些不安全之处，保证代...
2020-05-07 22:27:19
108
原创 day11 javascript
day11知识点 一、对象的补充- 栈堆 1.内存：用来运行数据的控件，内部有区分了不同的存储方式 栈：一般用来存储变量名和地址，空间小，稳定，不可修改 堆：一般用来存储数据，空间大，可修改 关系：一一对应，多对一，不能一对多 2.数据类型的分类 2.1 基本类型（值传递） 数据就在栈中 不存在深浅拷贝，默认是深拷贝 2.2 引用类型（引用传递的数据） 栈中只保存了一个地址，地址指向堆...
2020-05-07 22:26:48
104
原创 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
127
原创 day8 javascript
day8知识点 一、js的编译和执行 1.js是一门解释性语言 预先编译在执行 先通读全文，在解释含义。 —找到var和function，做出对应提升 2.编译时：提升 3.执行时：按照逻辑，结构正常执行 变量和函数会提升 var提升 提前声明，=号的位置...
2020-04-28 22:49:42
99
原创 day7 JavaScript
day7知识点 一、函数 函数的返回值 函数自身的处理数据或执行结果，需要被二次执行使用或其他程序调用时，需要将数据返回出来 如何拿到返回值 关键字：return 要返回的数据 return的功能 可以将函数返回指定的值 可以立即结束当前函数 一个函数中可以写无数个return，只执行一次return，一...
2020-04-27 22:04:04
86
原创 day6 javascipt
day6知识点 一、函数 1.函数的概念（比喻成一个空调） 空调：由遥控器控制 函数：由用户或自身控制，可以实现某个功能 代码段 函数的特点： 忽略细节：在*使用过程*中，只需要关注...
2020-04-26 22:16:17
130
原创 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
160
原创 day4 javascript
day04 知识点 一、小数的问题 1.现象：0.1+0.7=0.7999999999999 2.原因 计算机执行或识别的符号只有0和1。：二进制 计算机中有一套完善的转换机制，所有内容。不论文字，字符，任何数据，图片，声音，视频，最终都会被解析成二进制 计算机对于小数的计算，会产生误差 3.解决 主动保留n为小数，得到数据类型是字符 ...
2020-04-24 01:05:03
101
原创 day3 javascript
day3 知识点 一、三大特殊数据：undefined、null、NaN NaN;非法的数值运算结果 特殊之处： 1.是一个数值型的数据，但不是数字 2.NaN不等于任何值，和任何数据都不相等，NaN不等于NaN 检测方法：isNaN（要检测的数据） true：检测结果为NaN 或能转成NaN false;检测结果不是NaN 或不能转成NN nudefined是：未赋值。类型是undefined。...
2020-04-22 22:03:40
101
原创 day2 javscript
day2知识点 一、数据类型的转换 字符转数值： parseInt（要转换的数据和变量） 说明： 从左到右依次检测，遇到非字符停止转换 忽略小数点后所有内容，将小数点识别成非数字 如果第一位是非数字，显示NaN NaN是 not a number 不是一个数字的数值型数据 非法数值运算的结果（不合法、不合规，不能转的，非要转） parseFloat（要转换的数据和变量） ...
2020-04-21 22:03:51
279
原创 day1 javascript
day1知识点 一、javascript，简称，js 又称为：行为。给网页做互动，动作，交互 javascriptr的组成 ECMAScript：语法，规定，规则，法律，规定了以什么样的格式，写代码 BOM：浏览器对象模型，提供了浏览器的操作 DOM: 文档对象模型，提供了网页的操作 关系：ECMAScript规定了，写什么样的代码，在BOM中操作DOM 打印信息的方式 什么叫打印信息，不是输出信...
2020-04-20 20:31:57
152
原创 day25 html5
day25 图片整合、css精灵、精灵图、雪碧图、CSS sprites 优势： 1：减少请求次数，缓解服务端得压力 2：减少图片得质量， 最终得目的：提高项目速度，减少性能消耗 图片整合需要注意： 1：背景图一定是透明得 2：根据情况得需求，把小图标的间距要处理好。 3：尽量上下排列。 主流浏览器： 谷歌、火狐、欧鹏、苹果、Ie 浏览器的世界大...
2020-04-19 20:04:26
112
原创 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
121
原创 day23 html5
day23知识点 媒体查询：由设备类型，监测设备特性表达式构成 语法：@media 设备类型[all\screen] and（条件表达式）{ css样式 } 注：and两侧必须有空格 not放在设备类型的前面（反向选择[排除某个范围]） 媒体查询：做样式微小调整 例如： 浮动 显示隐藏 文本大小 宽高 移动端：meta标签的设置：视口1:1比列、禁止用户缩放 设备像素比dpr Retina屏 ...
2020-04-15 21:31:15
106
原创 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
103
原创 day21 html5
day21知识点 一、阴影： 文本阴影：text-shadow：x轴位置 y轴位置 阴影大小 阴影颜色 注：如果想添加多个阴影 每一组阴影以逗号分隔。 盒子阴影：box-shadow：x y 阴影的模糊度 阴影扩散的大小 阴影颜色 内阴影（inset） 添加多阴影：以逗号分隔的形式添加多阴影 文本换行：英文或者数字默认显示：如果没有换行的情况下：尝试把下一个长单词放在下一行显示。 word-w...
2020-04-13 21:34:55
86
原创 day20 html5
day20知识点 一、表单新增加的type类型： email url 网址 number range range color search time 时间类型 month 月份 week 周 datetime-local 选取本地时间 date 年月日 新增的html属性： min max required 如果表单没有输入...
2020-04-10 21:22:16
135
原创 day19 html5
day19知识点 一、html5语义化结构标签： section 更偏于划分区域。（网页的外围结构…更类似与div） article 更偏向于内容的展示 aside 侧边栏（在一旁的） header 网页头部或者是内容块头部 footer 网页的顶部或者内容快的底部 nav 导航区域。 figure 代表一个独立的区域 figcaption figur...
2020-04-09 21:00:18
109
原创 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
81
原创 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
119
原创 day16 html2
day16知识点 很多css3属性 最初的预览版没有形成最终的正式版，但是浏览器为了对这些新属性形成支持，主流浏览器提供属于自己的语法规则 “浏览器前缀” -webkit- 谷歌、苹果 浏览器前缀 -moz- 火狐浏览器前缀 -ms- IE浏览器前缀 -o- 欧鹏浏览器 注： 添加浏览器前缀 -> 兼容模式 ...
2020-04-03 22:17:26
118
原创 day14 html5
day14知识点 一、表格标签补充： 表格的数据行分组： 表头 表体 表尾 注：一个表格里只能有一个表头和表尾，可以包含多个表体 列标题标签： 默认样式：文本左右居中 并加粗 表格表体： css属性（位置）：caption-sode：left，right，top，bottom，注：right/left 有兼容问题：火狐能识别 数据列分组： rules=“” 分隔...
2020-04-01 21:11:47
110
原创 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
117
原创 day12 html5
day12 定位 position：属性值: 1. static 静态定位 2. relative 相对定位 3. absolute 绝对定位 4.fixed 固定定位 5.sticky 粘性定位 position:fixed; 固定定位 1: 参照物：浏览器窗口。 2: 不占据空间，脱离布局流。 让一个元素在浏览器窗口左右上下居中？ 第一种方法： ...
2020-03-30 20:38:15
131
原创 day11 html5
day11 position的属性值： 1: position:static 【静态定位】 (默认值：添加和不设置的效果一样的) 2: position:absolute 【绝对定位】 1: 绝对定位的参照物： 已经有定位的父元素为参照物 如果父元素都没有定位或者没有父元素，以整个文档为参照物。 ...
2020-03-28 21:03:22
135
原创 day10 html5
day10知识点 元素类型的转换： display属性： 属性值： 1.block 2.inline 3.none 注：大部分块状元素默认的display的值block,其中li默认的值 list-item (列表元素) 大部分内联元素默认的display的值inline,其中input默认的值 inline-block(行内块元素) 内联元素里面特殊的一个：行内块元素（内联块元素） 特点...
2020-03-27 21:59:50
127
原创 html5day9
day9知识点 css的显示对标签分类 ： 块状元素 内联元素（行内元素） 争议点： 第三类： a:可变元素 b:行内块元素 元素类型分类：块状元素、内联元素、可变元素。 注：把行内块元素 归在 内联元素这一类里面 默认情况下元素类型每个类型特点： 块状元素特点： 1：在页面中以矩形区域显示。 2：自上而下排列，独占一行 ...
2020-03-26 22:32:10
92
原创 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
104
原创 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
307
原创 day5 html5
htnl5知识点 选择符的权重： id > class > 标签 四个数字表示权重： 内联样式表 -> 1000 id -> 100 class -> 10 标签 -> 1 伪类选择符 -> 10 通配符 -> 0 包含选择符的权重为权重之和 eg : #box div{}...
2020-03-20 19:47:51
158
原创 day4 html5
day4 样式表的权重关系： 内联样式表的权重最大！ 内部和外部样式的权重，和书写的前后顺序有关！ （放在后面的会把放在前面的样式覆盖掉,覆盖的只是相同属性的样式，不同属性的样式会继续执行。） 关键字： !important -> 当前声明具有最高权重！ 语法： background:red!important; html结构 head里面的cs...
2020-03-19 21:27:14
85
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人