04 2019 档案

浮动、清除浮动、BFC
摘要：一. 浮动 1. 浮动的定义 使元素脱离文档流，按照向左或向右的方向移动，直到它的外边缘碰到包含它的框或另一个浮动框为止。 脱离文档流就是在页面中不占位置了。 左浮动右浮动此处就不再赘述了。 2. 看一下浮动的一些情况 (1). 只给第二个p浮动时，3不见了，他其实在2的下面，我给3一个宽一点的宽度 阅读全文
posted @ 2019-04-29 21:30 sarah_wen 阅读(492) 评论(0) 推荐(0)
line-height和height
摘要：1. 行高(line-height)、行距、font-size分别是什么。 行高(line-height)是指文本行基线间的垂直距离。 基线（base line）并不是汉字文字的下端沿，而是英文字母“x”的下端沿。下图中两条红线之间的距离就是行高，上行的底线和下一行顶线之间的距离就是行距，而同一行顶 阅读全文
posted @ 2019-04-29 19:11 sarah_wen 阅读(1273) 评论(0) 推荐(0)
图片点击后直接下载
摘要：1. 使用a标签的download属性。 将a标签的href属性指向图片的地址;同时增加download属性;即可实现点击下载. download属性的属性值选填,代表下载图片的名称,如不填写,则使用href中的图片名称,即图片的原名称. a标签的download属性目前主流浏览器只有火狐和谷歌支持 阅读全文
posted @ 2019-04-29 16:07 sarah_wen 阅读(2786) 评论(0) 推荐(0)
输入网址到页面呈现，以及首屏加载
摘要：为了优化首屏加载问题，我们必须要弄清从输入网址到页面呈现的过程(分为网络通信和页面渲染)。 1. 网络通信 (1) 输入网址：一个完整的URL包括协议、服务器地址(主机)、端口、路径。 (2) DNS服务：进行域名查询和解析。DNS协议提供通过域名查找IP地址，或逆向从IP地址反查域名的服务。 从客 阅读全文
posted @ 2019-04-29 12:50 sarah_wen 阅读(434) 评论(0) 推荐(0)
RESTful
摘要：1、REST（Representational State Transfer）表象化状态转变（表述性状态转变），在2000年被提出，基于HTTP、URI、XML、JSON等标准和协议，支持轻量级、跨平台、跨语言的架构设计。是Web服务的一种新的架构风格（一种思想）。 轻量级：代码不被侵入，轻量级跟包 阅读全文
posted @ 2019-04-28 23:37 sarah_wen 阅读(129) 评论(0) 推荐(0)
html语义化标签
摘要：1. HTML语义化的理解 根据内容的结构化，选择合适的标签，便于开发出读者阅读、写出更优雅的代码，让浏览器的爬虫和机器很好地解析。 好处： (1). 为了在没有css时，也可以很好地呈现出内容结构，代码结构。 (2). 提升用户体验：title、alt用于解释名词或解释图片信息。label标签的活 阅读全文
posted @ 2019-04-28 21:21 sarah_wen 阅读(2382) 评论(0) 推荐(0)
Doctype知识点总结
摘要：DOCTYPE是document type (文档类型) 的缩写。<!DOCTYPE >声明位于文档的最前面，处于标签之前，它不是html标签。主要作用是告诉浏览器的解析器使用哪种HTML规范或者XHTML规范来解析页面。 严格模式：又称标准模式，是指浏览器按照W3C标准来解析代码，呈现页面 混杂模 阅读全文
posted @ 2019-04-28 20:56 sarah_wen 阅读(194) 评论(0) 推荐(0)
CSS有哪些引入方式，link和@import的区别
摘要：3种方式哦，行内样式、内部样式表、外部样式表 1. 行内样式又称为内联样式，直接在HTML标签的style属性中添加css. 会导致 HTML 代码变得冗长 2. 内部样式表又称为嵌入方式，是在HTML<head>的<style>标签中写css代码 因为嵌入的 CSS 只对当前页面有效，所以当多个页 阅读全文
posted @ 2019-04-27 21:52 sarah_wen 阅读(433) 评论(0) 推荐(0)
用div画三角/矩形/圆
摘要：1. 画三角 结果如下 （边框颜色border-color四个值默认的加载方向，top right bottom left）： 宽高为0时： 2. 画一个矩形 把上述的left/right/top/bottom去掉任意一边，然后把颜色都设成蓝色不就行了 3. 画一条线 如图所示是一条长200px, 阅读全文
posted @ 2019-04-27 21:21 sarah_wen 阅读(994) 评论(0) 推荐(0)
CSS弹性盒模型(flex box)
摘要：本文介绍的是 CSS3 规范中引入的新布局模型：弹性盒模型（flex box）。随着响应式用户界面的流行，Web 应用一般都要求适配不同的设备尺寸和浏览器分辨率。 浏览器支持： 弹性盒布局的容器（flex container）指的是采用了弹性盒布局的 DOM 元素，而弹性盒布局的条目（flex it 阅读全文
posted @ 2019-04-27 20:29 sarah_wen 阅读(716) 评论(0) 推荐(0)
iframe知识点详解
摘要：<iframe>标签规定一个内联框架，一个内联框架被用来在当前HTML文档中嵌入另一个文档。 1. 常用属性 2. 主要API 3. 轮询 4. 长轮询 5. 自适应 6. 安全性 7. 跨域问题 8. 优缺点 1. 常用属性 (1). frameborder：是否显示边框，1代表显示，0代表不显示 阅读全文
posted @ 2019-04-27 19:19 sarah_wen 阅读(919) 评论(0) 推荐(0)
双飞翼布局和圣杯式布局
摘要：圣杯布局和双飞翼布局基本上是一致的，都是两边固定宽度，中间自适应的三栏布局，其中，中间栏放到文档流前面，保证先行渲染。 解决方案大体相同，都是三栏全部 float:left 浮动，区别在于解决中间栏div的内容不被遮挡上。 圣杯布局是中间栏在添加相对定位，并配合left和right属性，效果上表现为 阅读全文
posted @ 2019-04-25 21:55 sarah_wen 阅读(303) 评论(0) 推荐(0)
CSS盒模型
摘要：1. 基本概念：标准模型和IE模型 2. CSS如何设置这两种模型 3. JS如何设置获取和模型对应的宽和高 4. 根据盒模型解释边距重叠 5. BFC(边距重叠解决方案) 1. 基本概念：标准模型和IE模型 2. CSS如何设置这两种模型 3. JS如何设置获取和模型对应的宽和高 (1) dom. 阅读全文
posted @ 2019-04-25 20:37 sarah_wen 阅读(167) 评论(0) 推荐(0)
两列布局、三列适应布局、两列等高适应布局。
摘要：一. 两列布局：左侧定宽、右侧自适应。 四种方法 ：flex 、position、float和负外边距、外边距 1. 使用flex. 2. 使用position， 考虑了页面优化，右侧区域先加载。 3. 利用float和负外边距 这里的100%是相对于父元素, margin-left的意思是子元素的 阅读全文
posted @ 2019-04-25 19:24 sarah_wen 阅读(345) 评论(0) 推荐(0)
CSS3新特性
摘要：https://www.cnblogs.com/star91/p/5659134.html CSS3被拆分成模块。旧规范已拆分成小块，还增加了新的。 优点：新增了一些特性，使得web开发变得高效便捷。 缺点： 1、浏览器支持程度差，需要添加私有前缀 : 谷歌（苹果）：webkit 火狐：-moz- 阅读全文
posted @ 2019-04-25 15:50 sarah_wen 阅读(135) 评论(0) 推荐(0)
HTML5新增特性
摘要：1. 语义化标签 2. 增强型表单 （1）新的表单输入类型 （2）新表单元素 （3）新表单属性 3. 视频和音频 4. Canvas绘图（图形、路径、文本、渐变、图像） 5. SVG绘图 （与Canvas的区别） 6. 地理定位 7. 拖放API 8. Web Worker 完整的Web Worke 阅读全文
posted @ 2019-04-25 14:07 sarah_wen 阅读(3021) 评论(0) 推荐(0)
JS--编码规范
摘要：1. 请修复给定的 js 代码中，函数定义存在的问题 else中的语句相当于将if中的function重写，因此无论flag为何值，返回的方法始终为重写后的方法。将方法赋值给一个变量，方法就不会被重写，因此才能得到正确的结果。 2. 修改 js 代码中 parseInt 的调用方式，使之通过全部测试 阅读全文
posted @ 2019-04-23 17:02 sarah_wen 阅读(375) 评论(0) 推荐(0)
JS操作数组-2
摘要：1. 找出数组 arr 中重复出现过的元素 2. 为数组 arr 中的每个元素求二次方。不要直接修改数组 arr，结果返回新的数组 3. 在数组 arr 中，查找值与 item 相等的元素出现的所有位置 4. 阅读全文
posted @ 2019-04-22 22:12 sarah_wen 阅读(343) 评论(0) 推荐(0)
JS-数组操作3
摘要：1. 找出数组 arr 中重复出现过的元素 2. 为数组 arr 中的每个元素求二次方。不要直接修改数组 arr，结果返回新的数组 3. 在数组 arr 中，查找值与 item 相等的元素出现的所有位置 4. 阅读全文
posted @ 2019-04-22 22:11 sarah_wen 阅读(335) 评论(0) 推荐(0)
JS操作数组
摘要：1. 如果数组中存在 item，则返回元素在数组中的位置，否则返回 -1 2.计算给定数组 arr 中所有元素的总和 .有多种解法。 （1）使用forEach函数 （2）使用eval, 将字符串转化为可执行的代码，但是性能不好 (3)函数式编程，之后补充。 3. 移除数组 arr 中的所有值与 it 阅读全文
posted @ 2019-04-22 20:15 sarah_wen 阅读(682) 评论(0) 推荐(0)
用JS解决url地址中参数乱码的问题
摘要：var url = window.location.herf;//获取url地址 var obj = {}; //最后输出的对象 var reg = /\?/; //要匹配的正则表达式 if(url.match(reg)) { var chars = url.split('?')[1];//获取参数 var char = chars.split('&'); //获取键值... 阅读全文
posted @ 2019-04-20 20:59 sarah_wen 阅读(734) 评论(0) 推荐(0)
数组去重--ES5和ES6
摘要：思路：把去重后的数组放到一个空数组中 ES5实现： ES6实现： 在此基础上，要求合并数组并去重也很简单了 Es5： Es6: 阅读全文
posted @ 2019-04-20 19:48 sarah_wen 阅读(228) 评论(0) 推荐(0)
选择排序
摘要：思路： 第一层for循环遍历数组，把数组的一个元素下标作为minindex(最小值下标)。 第二层的for循环找到最小的值。并把minIndex替换掉，第二层循环结束后，把最小值放到第一层中i当前的位置。 之后从数组的第二位开始。。。 阅读全文
posted @ 2019-04-20 15:03 sarah_wen 阅读(113) 评论(0) 推荐(0)
归并排序
摘要：将两个的有序数列合并成一个有序数列，我们称之为"归并"。归并排序(Merge Sort)就是利用归并思想对数列进行排序。根据具体的实现，归并排序包括"从上往下"和"从下往上"2种方式。 1. 从下往上的归并排序：将待排序的数列分成若干个长度为1的子数列，然后将这些数列两两合并；得到若干个长度为2的有 阅读全文
posted @ 2019-04-20 11:53 sarah_wen 阅读(182) 评论(0) 推荐(0)
快速排序
摘要：function quickSort(arr){ if(arr.length<=1){ return arr; } var lastIndex=arr.length-1; var left=[], right=[]; for(var i=0;i<arr.length;i++){ if(arr[i]> 阅读全文
posted @ 2019-04-20 10:52 sarah_wen 阅读(98) 评论(0) 推荐(0)
冒泡排序
摘要：思路：1.比较相邻的两个元素，如果前一个比后一个大，则交换位置。 2.第一轮的时候最后一个元素应该是最大的一个。 3.按照步骤一的方法进行相邻两个元素的比较，这个时候由于最后一个元素已经是最大的了，所以最后一个元素不用比较。 写在函数里面。 阅读全文
posted @ 2019-04-19 20:45 sarah_wen 阅读(123) 评论(0) 推荐(0)
剑指offer--把二叉树打印成多行
摘要：题目：从上到下按层打印二叉树，同一层结点从左至右输出。每一层输出一行。 思路：把每一层放入queue中，遍历queue，把根放入temp中，把根的值存入tempVal中，tempVal存的是每一层的结果。结束循环的条件是queue中不再有根。 阅读全文
posted @ 2019-04-19 19:35 sarah_wen 阅读(139) 评论(0) 推荐(0)
剑指offer--5.用两个栈实现队列
摘要：题目：用两个栈来实现一个队列，完成队列的Push和Pop操作。 队列中的元素为int类型。 思路： 阅读全文
posted @ 2019-04-18 21:46 sarah_wen 阅读(159) 评论(0) 推荐(0)
剑指offer--4.重建二叉树
摘要：https://segmentfault.com/a/1190000008850005?utm_source=tag-newest#articleHeader11 https://www.cnblogs.com/love-yh/p/7423301.html二叉树种类 1.二叉树的高度 2. 分层打印 阅读全文
posted @ 2019-04-18 21:25 sarah_wen 阅读(161) 评论(0) 推荐(0)
剑指offer--3.从头打印链表
摘要：题目：输入一个链表，按链表值从尾到头的顺序返回一个ArrayList。 思路：可以利用push 和unshift 阅读全文
posted @ 2019-04-18 20:19 sarah_wen 阅读(132) 评论(0) 推荐(0)
剑指offer--2.替换空格
摘要：题目： 请实现一个函数，将一个字符串中的每个空格替换成“%20”。例如，当字符串为We Are Happy.则经过替换之后的字符串为We%20Are%20Happy。 思路：可以使用replace或者split。 阅读全文
posted @ 2019-04-18 20:05 sarah_wen 阅读(76) 评论(0) 推荐(0)
剑指offer--1.二维数组中的查找
摘要：题目：在一个二维数组中（每个一维数组的长度相同），每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数。 思路：从左下角开始寻找，如果小于target，就往右找，如果大于target就往上找。 阅读全文
posted @ 2019-04-18 19:39 sarah_wen 阅读(135) 评论(0) 推荐(0)
计算机网络体系结构
摘要：一、计算机网体系结构的形成 法律上的国际标准OSI 非国际标准TCP/IP，应用最广泛 二、协议与划分层次 这些为网络中的数据交换而建立的规则、标准、或约定称为网络协议(network protocol), 以下是网络协议三要素： （1）语法，即数据与控制信息的结构或格式。 （2）语义， 即需要发出 阅读全文
posted @ 2019-04-18 16:40 sarah_wen 阅读(417) 评论(0) 推荐(0)
计算机网络的性能
摘要：一. 计算机网络的性能指标 1. 速率 比特(bit)源于binary digit,意思是一个二进制数(0/1)，比特也是信息论中使用的信息量的单位。、 网络技术中的速率指的是数据的传输速率，也称为数据率(data rate)或比特率(bit rate)。速率的单位是bit/s(b/s bps bi 阅读全文
posted @ 2019-04-18 13:57 sarah_wen 阅读(701) 评论(0) 推荐(0)
计算机网络的类别
摘要：计算机网络的定义 计算机网络所连接的硬件，并不限于一般的计算机，而是包括了智能手机。 计算机网络并非专门用来传送数据，而是能支持很多种的应用。 1. 分类 1). 按照网络的作用范围分类 （1）广域网 WAN (wide area nerwork) 也称为远程网，广域网是互联网的核心部分，其任务是通 阅读全文
posted @ 2019-04-18 13:08 sarah_wen 阅读(940) 评论(0) 推荐(0)
计算机网络--互联网的组成
摘要：互联网根据工作方式可以分为边缘部分和核心部分 一. 互联网的边缘部分 处在互联网边缘部分的是连接在互联网上的所有主机。这些主机又称为端系统(end system)。 “主机A和主机B通信”指的是运行在主机A上的某个程序和运行在主机B上的某个应用程序进行通信，"进程“就是运行着的程序，因此，就是指运行 阅读全文
posted @ 2019-04-18 12:41 sarah_wen 阅读(1360) 评论(0) 推荐(0)