- 博客(39)
- 收藏
- 关注
RSS订阅原创 Js本地存储
一、面向对象的特点封装类似于函数，更大层次的封装函数是一个功能的封装对象是多个功能的封装隐藏细节，让使用更简单继承更灵活的扩展多态动态的扩展二、 本地存储本地存储介绍跨时间页面存储数据cookie，storage记住账号密码在商品列表页面点击加入购物车，在购物车页面可以看到刚才点击的商品登陆之后，关电脑，重新打开电脑，打开网站，还是登陆状态本地：客户端的硬盘两个客户端之间，无法互通还需要依赖浏览器，跨浏览器都拿不到甚至有些
2020-05-21 21:10:34
235
原创 Js面向对象
一、复习面向对象面向对象的思维面向编程模式的发展对象的来源对象的优势面向对象的分析和设计分解小模块：分工按照模块之间的关系或执行顺序，相互协作面向对象编程面向对象 的 晚餐需求，一顿饭，3人量面向对象：OO面向对象的分析：OOA分解：要做什么菜高内聚面向对象的设计：OOD模式识别和抽象：每道菜的做法，是否有规律可循如果有规律，可以封装每个模块之间的关系功能排序低耦合面向对象的编程：OOP开发和执行：动手做，细节实
2020-05-20 22:11:57
157
原创 Js面向对象
一、JSON真正的jsonjson数据，可以放在json文件中，也可以出现在编程语言中是一种文本数据，有专门的文件存储，.json文件类似于：记事本文件：.txt有固定的语法要求json是用来做什么的：通用数据是一种文本数据，用来作为服务器端和客户端数据交互时，存储数据客户端A：英语，中文，json说话：说什么？听不懂，得有一个通用语言：json服务端B：中文，中文，json是一种编程语言中的通用数据，任何一门编程语言，都能识别，都能解析，都认识编程语
2020-05-19 20:50:12
179
原创 Js函数方法
正则1. 正则的读技巧记下所有符号逐位读注意小括号作为一个整体注意中括号表示一位中文/1+$//2+$/背https://tool.oschina.net/uploads/apidocs/jquery/regexp.htmlES5补充 - this相关，函数的方法复习this概念：当前函数的执行上下文执行函数的对象默认情况下：this所在的函数，被哪个对象执行，this就是这个对象函数的方法关于称呼没有归属的函数，叫函数有归属对象
2020-05-17 22:01:07
333
原创 JsDay17
事件一、事件的介绍事件的组成事件源：obox，绑定事件的元素。注意：事件目标，不是任何时候都等同于事件源。一般情况下是一个。绑定事件的方式：on，赋值式绑定事件类型：click，行为方式赋值：= ，赋值式绑定事件的标志之一事件处理函数：function(){console.log(“点了一下”)}，触发指定行为时，要做的事情隐藏的部分：事件对象事件对象的介绍事件发生时产生的对象，用来记录事件发生时产生的信息默认隐藏，需要主动获取事件对象的获取兼容obox.onc
2020-05-13 22:25:29
138
原创 JsDay16
DOM-下一、操作属性操作…样式操作设置什么时候会通过js设置样式？默认样式都在css中写了必然是和用户产生和交互的时候什么时候会和用户产生交互？至少至少是在项目写完了，上线之后，意味着css也写完了为了保证js（用户控制）的样式能够生效，至少得让js设置的样式，权重高一些至少，得是内联样式综上所述，在js中设置的样式，都是行内样式！方式可见的内置属性（html的属性）：style注意// 1.不允许出现中划线，改成小驼峰式obox.style
2020-05-12 22:26:40
111
原创 JsDay15
一、DOM0. js的三大组成部分的关系ECMAScript规定，如何在BOM中操作DOM1. 介绍DOM文档对象模型，对象：documentDOM（W3C机构）不属于BOM（浏览器厂商）window对象身上有提供document对象DOM，主要控制页面（html文件），所有的页面操作都需要通过DOMDOM的结构：html的结构：树形结构，包含结构，家族结构（父子级，兄弟级）html根元素：head，bodyDOM树形结构，的每个组成部分，都叫节点（元素，属性，注释，文本）
2020-05-11 21:26:51
95
原创 JsDay14
一、BOM0.复习js的三大组成部分BOM（浏览器），DOM（页面），ECMAScript（语法）关系ECMAScript（语法）规定，在 BOM（浏览器）中，如何操作 DOM（页面），做什么交互1.什么是BOM概念BOM：浏览器对象模型，是个模型，这个模型由一个对象window来体现（具象）作用：提供了ES和页面的运行环境浏览器的一些规定，首先需要在ES的基础之上设置，但是最终生效时，以浏览器的标准为主浏览器的规范没有涉及到的范围，使用ES的规范宪法：ES
2020-05-10 17:48:13
121
原创 JsDay13
一、对象js的对象的分类内置对象：ES提供可以直接被使用的对象，已经是一个具体的实例了，不需要创建Math对象，数学对象本地对象：其实只是ES提供的一种类方法，需要被实例化之后，才能使用需要被new执行之后，才能使用String，Object，Array，Number，Boolean，RegExp，Date宿主对象：由浏览器或W3C提供的运行ES的环境，所带的对象BOM：window，DOM：document所有的自定义对象天天都在学注：实例化
2020-05-08 21:01:04
124
原创 JsDay12
一、ES5的新增什么是ES5，ECMAScript5ES的版本更新，向下兼容，老版本并没有全部废弃，新版本只是在老版本的基础上新增1. 严格模式严格模式：更严格的开发模式js的代码规范非常不严格，所以严格模式的意义是：消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;消除代码运行的一些不安全之处，保证代码运行的安全；提高编译器效率，增加运行速度；...
2020-05-07 20:53:18
149
原创 JsDay11
一、对象的补充-栈堆内存用来运行数据的控件，内部有区分了不同的存储方式栈：一般用来存储变量名和地址，空间小，稳定，不可修改堆：一般用来存储数据，空间大，可被修改关系：一一对应，多对一，不能一对多存取规则：栈：先进后出：杯子堆：先进先出：掉底的杯子数据类型的分类基本类型（值传递）数据就在栈中不存在深浅拷贝，默认就是深拷贝引用类型（引用传递的数据）...
2020-05-06 23:13:17
168
原创 JsDay10
一、对象的操作1.点语法.用于确定的属性名2.中括号语法[]用于不确定的属性名，当属性名是变量时二、对象的遍历方式for-infor(var i in obj){ // i就是obj中的所有属性名 // 思考：如何根据属性名获取属性值 // 提示：中括号语法}三、字符串只要被引号包括起来就是字符串，所有数据都可以转成字符串，只要被引号...
2020-05-05 15:44:57
104
原创 JsDay9
一、数组 ***************数组的操作索引（编号，序号，从0开始）var arr = ["hello",3,4,5,"world"];数组是一个有序数据的集合有序的序号，索引从0开始到哪结束根据长度，得出，到length-1数组的第一个：数组[0]数组的最后一个：数组[数组.length-1]增增加数组的长度给不存在的位置赋值ar...
2020-04-29 20:20:05
145
原创 JsDay8
一、JS的编译和执行偏原理可以不懂原理，只需要注意现象，可以正常写代码懂原理，帮助你提升代码性能，优化；方便面试js是一门解释性语言预先编译，再执行先通读全文，在解释含义找到var和function，做出对应提升编译时提升执行时按照逻辑，结构正常执行变量和函数会提升var的提升提前声明，=号的位置赋值console.log(a); ...
2020-04-28 21:24:02
119
原创 JsDay7
一、函数6.函数的返回值返回值概念函数自身的处理数据或执行结果，需要被二次使用或其他程序调用时，需要将数据返回出来如何拿到返回值关键字：return 要返回的数据return的功能可以让函数返回指定的值可以立即结束当前函数一个函数中可以写无数个，但是只能执行一次return，一次只能返回一个数据，不允许返回多个数据返回到哪返回到函数的执行语句函...
2020-04-27 21:46:33
109
原创 JsDay6
一、函数1.函数的概念空调：由遥控器或开关控制，可以实现调解空气的功能的家用电器函数：由用户或自身控制，可以实现某个功能的 代码段（很多代码）家用电器（空调）的特点：忽略细节重复使用选择使用函数的特点：忽略细节：在使用过程中，只需要关注其实现的功能，而不需要关注其内部原理重复使用：多次使用选择使用：按需使用2.创建函数函数从哪来内置（系...
2020-04-26 21:25:11
129
原创 JsDay5
一、补充循环语句 - forfor语法for(var i=0;i<=10;i++){ console.log(i);}特点三要素，更集中，无需考虑计数器改变的位置，而影响程序结果顺序不能变（计数器的初始值; 条件; 计数器的改变）执行顺序1：初始化计数器2：条件，4：循环体，3：改变，2，4，3，…二、循环中的控制关键字break...
2020-04-24 20:55:59
108
原创 JsDay4
一、小数的问题现象明明只有一位小数，但是最后出来很多位0.1 + 0.7 = 0.79999999999999959.999999999999999 不小于 60诸如此类问题原因计算机最终执行或识别的符号只有0和1，二进制计算机中有一套完善的转换机制，所有内容，不管是文字，字符，任何数据，图片，声音，视频，最终都会被解析成二进制计算机对于小数的计算，会产生误差...
2020-04-23 21:13:49
109
原创 JsDay3
一、补充1.js中的三大特殊数据：undefined，null，NaNNaN：非法的数值运算得到的结果特殊之处：是一个数值型的数据，但是不是一个数字NaN不等于任何值，和任何数据都不相等，NaN不等于NaN检测方法：isNaN(要检测的数据)true：检测结果为 NaN 或能转成 NaNfalse：检测结果不是 NaN 或不能转成 NaNundefined是：...
2020-04-22 22:14:43
140
原创 JsDay2
一、变量当程序中，需要重复操作某些相同数据的时候，为了方便，可以将数据起个别名，通过这个别名，找到数据，使用，这个别名，就叫变量语法通过var的关键字，声明var a;通过赋值的方式，将数据，存到变量中：一个等号赋值var a = “hello”;将等号右侧的数据，存在左侧的变量中（将等号右侧的数据，起了一个别名叫等号左边的单词）关键字被ECMASc...
2020-04-21 21:33:43
293
原创 Js day1
一、js书写写在哪css写在哪内联（行内）：属性形式：style=“样式属性:样式属性值”内部：style双标签，包裹css样式外部（外联）：link单标签，的href属性，引入css文件的路径知道啥叫公共样式不？好几个页面都要用到的样式，叫公共样式js写在哪内联（行内）：属性形式：事件触发<input type="button" onc...
2020-04-20 19:57:53
111
原创 Day24
一、flexible.js插件rem的原理：根据html font-size值而定插件来进行html的font-size的值的改变。适应插件 flexible.js 进行适配步骤： 1：先把html自身所带的控制视口的meta标签 先删除 2：引入flexible.js 在head标签里面 <script src="路径"></...
2020-04-16 21:10:31
91
原创 Day23
一、媒体查询.1媒体查询：由设备类型、监测设备特性表达式构成。语法： @media 设备类型[all\screen] and (条件表达式){ css样式 }注：and两侧必须有空格 not放在设备类型的前面（反向选择【排除某个范围】）2.媒体查询：做样式微小调整例如：浮动显示隐藏文本大小宽高二、移动端的准备工作1.meta标签...
2020-04-15 21:31:53
83
原创 Day22
一、怪异盒模型1.触发怪异盒模型：box-sizing:border-box;怪异盒模型特点：padding和border都会在元素的宽高的内部，不会把盒子撑大。2.box-sizing:属性值：box-sizing:content-box; 常规盒模型box-sizing:border-box: 怪异盒模型（IE盒模型）二、弹性盒模型弹性盒子：布局方案。作用：控制离它最...
2020-04-14 21:59:02
92
原创 Day21
一、文本阴影属性text-shadow: x轴位置 Y轴位置 阴影大小 阴影颜色注：如果想添加多个阴影 每一组阴影以逗号分隔。二、盒子阴影box-shadow: x y 阴影的模糊度 阴影扩散的大小 阴影颜色 内阴影(inset 可选)添加多阴影：以逗号分隔的形式添加多阴影三、文本换行英文或者数字默认显示：如果没有换行的情况下：尝试把下一个长单词放在下一行显示。word-w...
2020-04-13 20:14:24
138
原创 Day15
一、BFC回顾1.BFC布局规定：一、内部的Box会在垂直方向，一个接一个地放置。二、Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠（按照最大margin值设置）三、每个元素的margin box的左边， 与包含块border box的左边相接触四、BFC的区域不会与float box重叠。五、BFC就是页面上的一个隔离的独立容器，容器...
2020-04-02 22:50:50
138
原创 Day14
一、表格补充1.表格的作用：显示数据。 <table> <tr> <td></td> <td></td> <td></td> </tr></table>表格标签补充:1:表格的数据行分组 ...
2020-04-01 22:54:03
74
原创 Day13
一、宽高自适应1.宽的自适应：width:100%;或者是width不去设置，子元素宽度跟随父元素。2.高度自适应第一种情况：height不去设置 或者height:auto; 内容撑开父元素高度。3 -> 最小高度的设置。min-height:;需求：a: 内容增加能撑开父元素高度b: 内容特别少，能让元素保持一个最小高度二、高度塌陷高度塌陷出现的场景：当子元素有浮...
2020-03-31 22:13:55
84
原创 Day12
一、固定定位position:fixed; 固定定位a: 参照物：浏览器窗口。b: 不占据空间，脱离布局流。让一个元素在浏览器窗口左右上下居中？第一种方法：position:fixed;left:50%;top:50%;margin-left:-元素宽度一半;margin-top:-元素高度的一半;第二种方法：position:fixed;left:0;right:0;...
2020-03-30 22:24:09
150
原创 Day11
一、定位回顾1:定位得流程：a: 给元素添加position属性。（告诉元素：开始进行位置移动）b: 属性值来确定参照物c: 固定坐标。 left /right /top / bottom2: position得属性值：position:static ( 静态定位 )position:absolute; （绝对定位）3：position：absolute;参照物：有定位的父元素。...
2020-03-28 22:09:54
353
原创 Day10
一、元素类型1.元素类型的转换：display属性：属性值：blockinlinenone大部分块状元素默认的display的值block,其中li默认的值 list-item (列表元素)大部分内联元素默认的display的值inline,其中input默认的值 inline-block(行内块元素)2.内联元素里面特殊的一个：行内块元素（内联块元素）特点：1: 可以设置宽...
2020-03-27 21:41:12
105
原创 Day8
一、新闻列表的流程1:结构：a:如果新闻后面有时间： <li> <a href="#">新闻条新闻条新闻条新闻条新闻条</a> <span>2020-03-25</span> </li>b:如果没有时间 ...
2020-03-25 20:57:58
94
原创 Day7
一、盒模型属性padding的用法：1: padding是长在内容和盒子之间的，在盒子内部。2：padding是为了调整 子元素 在 父元素里面位置关系。3：padding的特点：padding值会把盒子撑大。4：如果想让盒子保持原有大小，需要在宽高的基础上减掉padding值。5：给单一方向设置padding值：padding-left/right/top/bottom:;6: ...
2020-03-24 21:52:29
70
原创 Day6
一、页面布局1.设计图：版式宽度：1920 1680 …网页的版心：960 - 12002. 结构规划：id名称：网页外围结构pc端 版心宽度不能用百分比！！！3.怎样让版心左右居中？？给要做居中的版心元素 添加 margin:0 auto;二、css属性列表1：（了解）list-style-type:circlesquarenone 清除列表符号...
2020-03-24 21:31:18
98
原创 day5
一、选择符的权重id > class > 标签四个数字表示权重： 内联样式表 -> 1000 id -> 100 class -> 10 标签 -> 1 伪类选择符 -> 10 通配符 -> 0 包含选择符的权重...
2020-03-20 21:03:23
131
原创 千锋day4
一、css样式表的权重关系内联样式表的权重最大！内部和外部样式的权重，和书写的前后顺序有关！（放在后面的会把放在前面的样式覆盖掉,覆盖的只是相同属性的样式不同属性的样式会继续执行。）关键字： !important -> 当前声明具有最高权重！ 语法： background:red!important;二、css选择符css语法：选择符{...
2020-03-19 21:28:37
233
原创 千锋day3
知识点一、表格的作用显示数据！每一个表格都是一个table行 tr列 td二、表格的html属性width 宽height 高border 边框bordercolor 边框颜色 cellspacing="" 相邻单元格边框间的间距 cellpadding="" 内容距离边框之间的间距 align="" 水平对齐方式...
2020-03-18 23:27:55
135
原创 千锋day2
知识点：一：html的基本结构分为两个区域：head 描述区body 内容区< !DOCTYPE html> < !–声明文档类型–>< html lang=“en”> < !–根标记、根标签、根元素 lang=“en” 语言形态–><head> <!-- head描述区 -->...
2020-03-17 21:45:26
136
原创 千锋Day1
Day1知识点：一：网站网址（域名） www.taobao.com资源存储空间（租用空间）【服务器】项目制作a. 规划网站（资源、功能…）[产品]b. 网站的设计（界面、交互…）[UI]c. 前端d. 后端e. 联调、测试f.上线推广维护二：网页的组成你再网页中看到了什么？图片、文字、线条、视频…名词：网站的结构！网页不是啊乱七八糟...
2020-03-16 22:07:54
191
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人