- 博客(41)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 浏览器是如何解析网页的！
当我们输入URL回车后发生率什么呢？接下来我们来简单的看看。1、URL解析：主要有地址解析（合法、编码、内容判断） 、 HSTS 、 访问限制操作、安全检查操作、缓存检查操作等。2、DNS查询 ： 浏览器缓存——> 操作系统缓存——>路由器缓存——>ISP DNS 缓存 ——> 根域名服务器查询。3、TCP连接（四层封装）4、处理请求:HTTP解...
2020-03-17 21:48:40
1808
原创 Promise总结
Promise是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。解决来之前在请求中回调请求产生的回调地狱，使得现在的代码更加合理更加优雅，也更加容易定位查找问题。Promise有三种状态Pending（进行中，初始状态，既不是成功，也不是失败状态） Resolved（又称 Fulfilled，意味着操作成功完成） Rejected（意味着操作失败） /** 基于promise的ajax get请求 * @param url <strin...
2020-05-12 23:18:37
219
原创 SessionStorage和localStorage还有cookie
共同点：都是保存在浏览器端、且同源的不同点：1.cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下sessionStorage和localStorage不会自动把数据发送给服务器，仅在本地保存。2.存储大小限制也不同，cookie数据不能超过4K，sessionStorage和localStorage可以达到5M3....
2020-05-12 23:07:54
210
原创 同源策略_()
首先解释 源 ：协议、域名、端口号。 只有三者都一样浏览器才能访问，否则就是跨域请求。1、设置后台服务器允许跨域请求（CORS）CORS需要浏览器和后端同时支持。IE8和9需要通过XDomainRequest来实现。2、JSONP：原理利用script标签的src属性具有开放性原则。只有get请求 封装了一个JSONP函数，重点是有一个callback = 函数名（回调函数）。 /** 发送json...
2020-05-12 23:04:09
317
原创 JavaScript对象的遍历
对象： object 字面量方式创建对象 键值对 key: value 键和值之间用：分割，多个键值对之间用,分割 var guoer = { name: 'yangguo', arxhz: function () { console.log('黯然销魂掌') },...
2020-04-10 21:27:19
209
原创 数组的去重
数组去重1、 var arr = [4,2,5,7,2,6,2,6,6,5] console.log(arr) 使用循环依次比较,遇到重复的就删除 比较length-1趟 for (var i = 0; i < arr.length - 1; i++) { 当前这一趟比较从i+1开始 比较的终点length...
2020-04-10 21:25:06
104
原创 JavaScript数组的遍历方法
1、for循环var arr = [3,5,,7,8,,,4] 稀疏数组 for循环遍历数组遇到空元素会输出undefined for (var i = 0; i < arr.length; i++) { console.log(i, arr[i]) }2、for in for...in在遍历数组的时候会自动跳过空元...
2020-04-10 21:02:20
201
原创 HTML5视频和音频
音视频容器无论是音频文件还是视频文件，实际上都是一个容器文件，这一点有点类似于压缩了一组文件的ZIP文件。我们可以把视频文件看作是AVI文件或者MP4文件。AVI和MP4仅仅是视频文件的格式。视频文件格式只是定义了如何在容器中存储东西，而不是定义可以存储什么类型的数据。视频容器（文件）包含音频轨道、视频轨道和其他一些元数据（封面，标题，字幕等）。视频的容器格...
2020-03-30 20:16:28
592
原创 常见bug以及解决办法
经典的ie低版本bug bug1: 图片img有超链接上,会产生蓝色边框 hack: img{border:none / 0;} bug2: 图片下方默认带有大约3px的间距 hack1: 跟父级元素不换行写 hack2: 给img添加display:b...
2020-03-29 21:21:59
602
原创 网页优化、图片精灵、浏览器兼容、
图片整合: css精灵 css图片精灵 雪碧图 cssSprties 优点: 1: 减少对服务器端的请求,加载速度快 2: 相对减少图片的体积 3: 减少图片的命名,提高工作效率 4: ...
2020-03-29 21:19:48
131
原创 grid布局
网格布局设置: display:; grid inline-grid 容器(父元素): 划分行: grid-template-rows:; px %...
2020-03-26 20:47:22
217
原创 小错误总结关于background-image
今天在HBuilder编辑器下，利用了自动提示功能，写background-image:url();会自动提示，并显示出来这样，然后浏览器打开页面能够加载出来背景图片，如图所示。然后我就想利用background-image的综合写法，继续往里面添加图片不平铺以及图片的定位等属性。就显示错误了。显示了警告，并且没有加载出来图片。后来查看百度和以前的代码发现在URL（）的括号里面...
2020-03-25 22:07:31
578
原创 day0324移动端
视口: 就是浏览器显示页面内容的屏幕区域 视口分为: 布局视口 视觉视口 理想视口 布局视口: 一般移动端设备的浏览器都默认设置了一个布局视口,为了解决早期pc端页面在移动端上的显示问题 苹果 安卓 基本上设置这个视口的分辨率980px...
2020-03-24 20:08:05
159
原创 响应式布局
绝大部分项目: PC端 ~~> 官网 移动端 ~~> 移动端网页,app,小程序..... 响应式布局: 为了适应不同的设备,分辨率 不同的设备(pc电脑端 平板电脑 手机端) ...
2020-03-23 20:47:13
158
原创 圣杯布局（双飞翼）
利用flex实现两边固定，中间随着浏览器宽度变化而变化的布局。代码部分css部分 .box{display:flex;} .box1{ width: 200px; height: 500px; background: red; ...
2020-03-23 20:44:24
96
原创 day0323flex属性
flex属性 flex-grow:;数字不带单位,定义项目剩余的宽度进行扩张(放大) flex-shrink:;数字不带单位,项目总宽度超出容器时的缩小设置 0 本身的大小,不缩小也不放大 1 平均分配,默认值 ...
2020-03-23 20:39:45
115
原创 两栏布局（两种方式实现）
弹性盒子实现垂直方向上头部与底部固定，中间随着浏览器变化而变化的布局。弹性盒子实现代码（样式部分） .box{ display:flex; flex-direction:column;/*主轴为垂直轴*/ } header{ ...
2020-03-23 20:37:51
574
原创 HTTPS的缺点
1、页面加载时间延长50%，耗电10%~20%2、安全有范围3、ssl证书信用链并不安全4、需购买费用5、连接服务器占用资源较高，增加带宽，服务器投入成本。...
2020-03-22 21:44:18
444
原创 周末小案例：css3制作立方体旋转
代码可以直接用，有详细的介绍每行代码书写的意思。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>3D立方体</title> <style type="text/css"> ...
2020-03-20 23:03:13
145
原创 day0320怪异盒模型、弹性盒子
Width的一个属性width:calc(100% - 200px);pointer-events:none;/*让点击无效 穿透当前元素*/ 标准盒模型: box-sizing:content-box; 宽高是独立的...
2020-03-20 22:42:40
132
原创 day0319CSS3
文本阴影: text-shadow:水平阴影 垂直阴影 模糊度 颜色; 多层文本阴影的设置 text-shadow:第一层阴影,第二层阴影,第三层阴影;在单词内部换行 word-wrap:; normal 默认值,不允许在单词内部换行...
2020-03-19 19:57:23
99
原创 浏览器缓存
缓存可以减少网络 IO 消耗，提高访问速度。浏览器缓存是一种操作简单、效果显著的前端性能优化手段很多时候，大家倾向于将浏览器缓存简单地理解为“HTTP 缓存”。但事实上，浏览器缓存机制有四个方面，它们按照获取资源时请求的优先级依次排列如下：Memory CacheService Worker CacheHTTP CachePush Cache缓存它又分为强缓存和协商缓存。优先级较高的...
2020-03-18 20:39:54
88
原创 HTTP简单的介绍
基本概念：HTTP，全称为 HyperText Transfer Protocol，即为超文本传输协议。是互联网应用最为广泛的一种网络协议所有的 www 文件都必须遵守这个标准。http特性：HTTP 是无连接无状态的HTTP 一般构建于 TCP/IP 协议之上，默认端口号是 80HTTP 可以分为两个部分，即请求和响应。http请求：HTTP 定义了在与服务器交互的不同方式，最常...
2020-03-18 20:37:02
225
原创 CSS3的选择器
渐进增强:(从小到大) 先保证最基本的功能 ~> 用户体验的提升 优雅降级:(从大到小) 先针对版本较高的设备进行项目构建,保证用户体验的完美 ~>牺牲一些效果,保证最基本的功能 选择器(选择符):...
2020-03-18 20:33:38
96
原创 meta常用标签总结
meta标签的作用：①charset字符编码 ②seo优化 ③viewreport手机移动端适配 ④模拟http标头字段meta元素共有三个可选属性（http-equiv、name和scheme）和一个必选属性...
2020-03-18 18:39:30
279
原创 H5新增标签
语义化标签:(有指定内容的仓库) <div>是一个容器</div> <水果仓库>放水果<水果仓库> <服装仓库>放服装</服装仓库> 语义化标签: sec...
2020-03-17 20:56:14
115
原创 PS切图技巧
1、切单张图矩形选框工具 ——> Ctrl+C ——> Ctrl+N ——> Ctrl+shift+Alt+S ——> 保存png/jpg/jpeg(一般使用png格式的图片，不规则图形可以使用辅助线，按住Ctrl键拉取)2、切多张图切片工具 ——> 选择所需图形 ——> Ctrl+shift+Alt...
2020-03-16 21:16:19
345
原创 css常用选择器
总结一下css中常用选择器。1、类选择器.class（注意前面的点哦）2、Id选择器#Id（重点的唯一性！）3、子类选择器：first-cjild :last-child :nth-child(number)4、元素选择器element{ }5、伪类（伪元素）：hover ：after ：before ：target...
2020-03-16 20:59:06
171
原创 伪元素：target的妙用
使用：hover时，一般情况下，都是点击较大（父元素）元素，来控制子元素的变化，合理使用：target可以实现子元素控制外围元素的变化（不使用JS）。<代码详见附件>...
2020-03-15 19:56:15
362
原创 CSS中3D动画
2D补充 倾斜: skew() deg transform:skew(水平倾斜); transform:skew(水平,垂直); transform:skewX(); transform:skewY(); 2D属性可以混合使用 transform:trans...
2020-03-15 19:35:17
171
原创 CSS3
一、css3属性: 预览版,还没有一个正式的最终版,多以有很多的兼容性问题,浏览器不识别，浏览器为了使这些属性兼容,每一个浏览器厂商都提供了一个属于自己的浏览器的语法规则,浏览器兼容前缀。 主流浏览器: 谷歌 火狐 苹果 欧朋 ie 浏览器前缀:...
2020-03-12 22:24:42
186
1
原创 高度塌陷问题的解决
宽度自适应: 默认宽度100%的元素 à跟随父级元素的宽度一致 width:; 单位为% 高度自适应: 不写height:;(让内容撑起来)...
2020-03-09 22:07:51
104
原创 day0305
overflow:文本溢出设置; hidden 超出隐藏 scroll 超出时,滚动查看(未超出也会有滚动机制) auto 超出时,滚动查看(自适应,未超出时不会有滚动机制) inherit 继承父级的overflow设置white-space:文本空白; normal 默认值...
2020-03-05 21:43:01
105
原创 day0304
外边距: 改变元素外边的间距 内边距: 改变元素与内容的间距 padding:一个值; 一个值,改变四个方向 padding:上下 左右; padding:上 左右 下; padding:上 右 下 左;顺时针方向变化...
2020-03-03 19:02:25
89
原创 搭建oa项目
一、搭建项目架构1.创建工程1.1创建一个Maven的web工程1.2在pom中修改编译器版本号 &lt;properties&gt; &lt;project.build.sourceEncoding&gt;UTF-8&lt;/project.build.sourceEncoding&gt; &lt;maven.compiler.source&
2018-11-29 12:24:36
348
转载 JAVA乱码的处理 乱码的解决方法总结
为什么说乱码是程序员无法避免的话题呢？这个首先要从编码机制上说起，大家都是中文和英文的编码格式不是一样，解码也是不一样的！工作遇到各种各样的乱码的解决方法总结一下。对于Java由于默认的编码方式是 UNICODE,所以用中文也易出问题,常见的解决是String s2 = new String(s1.getBytes(“ISO-8859-1”),”GBK”);1、utf8解决JSP中文乱码问...
2018-11-18 22:26:23
878
转载 java中常见问题
字符串连接误用错误的写法：String s = ""; for (Person p : persons) { s += ", " + p.getName(); } s = s.substring(2); //remove first comma 正确的写法：StringBuilder sb = new StringBuilder(persons.siz...
2018-11-18 22:22:51
292
转载 Linux系统中SVN客户端常用命令教程
关于Windows下SVN客户端的简单使用可以参考本站文章《使用subversion配置SVN服务与Windows下SVN客户端使用教程》。下面看看在Linux系统中SVN客户端是怎么使用的svn命令语法格式：1 svn <subcommand> [options] [args] #svn命令+子命令+选项+参数 常用的子命令（括号代表简写方式）：...
2018-11-18 21:57:26
598
day0313.zip
2020-03-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人