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