09 2020 档案

数据结构
摘要：数据结构: 是计算机存,组织数据的方式. 算法 算法复杂度: 常见数据结构 数组(Arrary) 栈(Stack) 链表(Linked List) 图(Graphn) 散列表(Hash) 队列(Queue) 树(Tree) 堆(Heap) 栈结构: 是一种受限的线性表, 特点是 后进先出(LIFO) 阅读全文
posted @ 2020-09-27 17:37 CHUNYIN 阅读(180) 评论(0) 推荐(0)
JSON
摘要：JSON 全称是”JavaScript Object Notation”，意思是JavaScript对象表示法. 它是一种基于文本，独立于语言的轻量级数据交换格式。 JSON是用于序列化对象，数组，数字，字符串，布尔值和null JSON有两种表示结构 对象 { } 数组 [ ] 属性名称必须为双引 阅读全文
posted @ 2020-09-24 18:35 CHUNYIN 阅读(119) 评论(0) 推荐(0)
定时器
摘要：setInterval() 定时调用 可以将一个函数,每隔一段时间执行一次 参数 1. 回调函数,该函数每隔一段时间会被调用 2. 每次调用间隔时间,单位是毫秒ms 返回值: 返回一个Number类型的数据 返回这个数字作为定时器的唯一标识 clearInterval()取消定时器 <!DOCTYP 阅读全文
posted @ 2020-09-22 16:10 CHUNYIN 阅读(120) 评论(0) 推荐(0)
BOM浏览器对象模型
摘要：BOM 浏览器对象模型 BOM可以使我们通过JS来操作浏览器 在BOM中我们提供了一组对象,用来完成浏览器的操作 BOM对象: Window 代表的是整个浏览器的窗口,同时window也是网页中的全局对象 Navigator 代表的是当前浏览器的信息,通过该对象可以识别不同的浏览器 Location 阅读全文
posted @ 2020-09-21 17:00 CHUNYIN 阅读(145) 评论(0) 推荐(0)
事件对象
摘要：事件对象: 当事件的响应函数而被触发时,浏览器每次都会将一个事件对象作为实参传递进响应函数,当事件对象中封装了当前事件相关的一切信息,比如 鼠标的坐标,键盘哪个键按下等 clientX\clientY 用于获取鼠标在当前可见窗口的坐标 pageX\pageY 可以获取鼠标对于当前页面的坐标,IE8不 阅读全文
posted @ 2020-09-19 19:43 CHUNYIN 阅读(351) 评论(0) 推荐(0)
DOM文档对象模型
摘要：DOM 全称Document Object Model 文档对象模型 JS通过DOM来对HTML文档进行操作 文档 表示的就是整个HTML网页文档 对象 表示将网页的每个部分都转换为一个对象 模型 使用模型来表示对象之前的关系,这样方便我们获取对象 节点(Node) 是构成HTML文档最基本的单元 阅读全文
posted @ 2020-09-15 09:52 CHUNYIN 阅读(161) 评论(0) 推荐(0)
正则表达式
摘要：正则表达式用于定义一些字符串的规则,计算机可以根据正则表达式来检查一个字符串是否符合规则,获取符合规则的内容取出来 创建正则表达式: var reg = new RegExp("正则表达式", "匹配模式") 第二个参数可以传匹配模式 i表示忽略大小写,g 表示全局 var reg = new Re 阅读全文
posted @ 2020-09-15 01:02 CHUNYIN 阅读(217) 评论(0) 推荐(0)
字符串的相关方法
摘要：在底层字符串是以字符数组的形式保存的 "hello" => ['h', 'e', 'l', 'l' ,'o'] <script> var str ="hello" var str2 = "12,34,56,7,9" // charAt()根据索引返回指定位置的字符 类似str[] var a = s 阅读全文
posted @ 2020-09-15 00:21 CHUNYIN 阅读(167) 评论(0) 推荐(0)
flex布局
摘要：flex布局(Flexible布局, 弹性布局) 重要概念: 开启flex布局的元素叫做 flex container flex container 里面的直接子元素叫做 flex items 如何开启flex布局:? 设置display属性为flex或者inline-flex 可以成为flex c 阅读全文
posted @ 2020-09-14 15:55 CHUNYIN 阅读(231) 评论(0) 推荐(0)
最后一个元素的margin处理
摘要：问题: 在进行布局的时候,同一个元素摆放后,设置margin-right让他们之间产生间距,那么最后一个元素的margin-right总是多于的 解决办法: 方法一: 每一行的最后一个元素,总是加一个class,通过类选择器去除这个margin-right 方法二: 通过伪类选择器,但是具有兼容器问 阅读全文
posted @ 2020-09-13 17:11 CHUNYIN 阅读(1202) 评论(0) 推荐(0)
标准流(Normal Flow) 与定位position , 脱离标准流
摘要：标准流(Normal Flow) 默认情况下,元素都是按照normal flow(标准流, 常规流, 正常流. 文档流(document flow)) 从左到右,从上到下按顺序摆放好 默认情况下,互相之间不存在层叠现象 在标准流中,可以使用margin, padding对元祖进行定位 margin还 阅读全文
posted @ 2020-09-12 11:24 CHUNYIN 阅读(2170) 评论(0) 推荐(1)
光标展示样式cursor
摘要：cursor 可以设置(鼠标指针)光标在元素上面的显示的样式 cursor 常见的设值有: auto :浏览器根据上下文决定指针的显示样式,比如根据文本与非文本切换指针样式 default: 由操作系统决定,一般是一个小箭头 pointer: 一只小手, 鼠标指针挪动到;链接上面默认就是这个样式 t 阅读全文
posted @ 2020-09-12 11:04 CHUNYIN 阅读(412) 评论(0) 推荐(0)
背景background
摘要：background-image:设置元素的背景图片 会盖在background-color 的上面 background-image: url(../img/text.jpg), url(../img/text1.jpg) 设置第一张图片将显示在最上面,其他图片按顺序层叠在下面 注意: 如果设置了 阅读全文
posted @ 2020-09-10 01:01 CHUNYIN 阅读(292) 评论(0) 推荐(0)
浮动float
摘要：绝对定位,浮动都会让元素脱离标准流 none 默认值,不浮动 left 向左浮动 right 向右浮动 浮动规则 元素一旦浮动后,脱离标准流,朝着向左或向右移动,直到自己的边界紧贴着包含快(一般父元素)) 或者其他浮动元素的边界 定位元素会层叠在浮动元素父上面 浮动元素不能与行内级内容层叠,行内级内 阅读全文
posted @ 2020-09-09 00:30 CHUNYIN 阅读(169) 评论(0) 推荐(0)
盒子模型
摘要：HTML每个元素都可以看做一个盒子, 盒子包括 content,padding,border,margin 方向 :top, right, bottom, left 内容相关属性: width:宽度 min-width :最小宽度,浏览器窗口小于最小宽度是,可以滚动查看 max-width : 最大 阅读全文
posted @ 2020-09-08 12:50 CHUNYIN 阅读(121) 评论(0) 推荐(0)
css属性-元素类型
摘要：根据显示方式 块级元素(block-level elements) 独占父元素的一行 可以设置宽高 div /h1~h6/ul/ol/li/p//pre/table/form/ 行内级元素(inline-level elements) 多个行内级元素在父元素可以同行显示 span/strong/im 阅读全文
posted @ 2020-09-08 10:16 CHUNYIN 阅读(179) 评论(0) 推荐(0)
js基本知识
摘要：一. 特点: 解释型语言 基于原型的面向对象语言 二. 注释 /* 多行注释, 注释内容不会被执行,但是可以在源码中查看 */ //单行注释 三.书写规则: .必须区分大小写 每一条语句以分号结尾, 如果不以分好结尾,浏览器会自动添加,但是会消耗一部分资源,而且浏览器加分号 可能会出错,所以在开发中 阅读全文
posted @ 2020-09-06 00:30 CHUNYIN 阅读(339) 评论(0) 推荐(0)
CSS预处理器 Less
摘要：Less是什么 Less是一种动态的样式语言，Less扩展了CSS的动态行为，比如说，设置变量（variables）、混合书写模式（mixins）、操作（operations）和功能（functions）等等，而且Less使用了现有的CSS语法。 引用 官网: http://lesscss.org/ 阅读全文
posted @ 2020-09-03 21:31 CHUNYIN 阅读(245) 评论(0) 推荐(0)
表单
摘要：常用元素 form 表单 input 单行文本输入框,单选框,复选框,按钮等元素 textarea 多行文本 select >option 下拉选择框 button 按钮 lable 表单元素的标题 fieldset 表单的元素组 legend 是fieldset的标题 input type: te 阅读全文
posted @ 2020-09-03 17:00 CHUNYIN 阅读(143) 评论(0) 推荐(0)
列表与表格
摘要：列表 有序列表 ol li 无列表 ul li 自定义列表 dl dt dd ol ul 的直接子元素只能是li <ol> <li>有序项目1</li> <li>有序项目2</li> <li>有序项目3</li> <li>有序项目4</li> </ol> <ul> <li>无序项目1</li> <l 阅读全文
posted @ 2020-09-03 16:06 CHUNYIN 阅读(285) 评论(0) 推荐(0)
css特性: 继承和层叠
摘要：继承:inherited 1..一个元素如果没有设置某属性的值,就会跟随父元素的值 2.. 当然,一个元素如果有设置某属性的值,就会使用自己设置的值 3.. 比如color .font-size等属性是可以继承的 4.. 可以用 inherit强制继承 5.. css继承的是计算值 层叠 css允许 阅读全文
posted @ 2020-09-03 13:07 CHUNYIN 阅读(182) 评论(0) 推荐(0)
emmet语法
摘要：1.. ! 与html;5 enter键 生成HTML模板 2.. div>p>strong 生成子代元素结构 3.. div+p+h2 生成兄弟结构 4.. div>p*5 生成5个p 5.. ^ 回到上一个层级 6.. () 分组 7.. # id名 生成id属性 如div#main 8.. . 阅读全文
posted @ 2020-09-03 12:53 CHUNYIN 阅读(172) 评论(0) 推荐(0)
CSS基本知识
摘要：CSS3:是CSS2.X ，某些模块升级文档说明： 新手可观：https://www.w3school.com.cn/ w3c官网：www.w3.org 推荐：https://www.w3.org/TR/CSS22/propidx 可翻译中文：https://developer.mozilla.or 阅读全文
posted @ 2020-09-01 18:52 CHUNYIN 阅读(285) 评论(0) 推荐(0)
基本html标签
摘要：<!DOCTYPE html> ：html文档声明，告诉浏览器当前页面是什么文件，要用什么标准去解析 <html lang="en"> 告诉浏览器使用的语言，“en”英语 ，“zh”中文 <head> <meta charset="UTF-8"> <meta name="viewport" cont 阅读全文
posted @ 2020-09-01 11:56 CHUNYIN 阅读(200) 评论(0) 推荐(0)