2018年10月_牧云流

原创彻底弄懂HTTP缓存机制及原理

彻底弄懂HTTP缓存机制及原理转自：https://www.cnblogs.com/chenqf/p/6386163.html前言Http 缓存机制作为 web 性能优化的重要手段，对于从事 Web 开发的同学们来说，应该是知识体系库中的一个基础环节，同时对于有志成为前端架构师的同学来说是必备的知识技能。但是对于很多前端同学来说，仅仅只是知道...

2018-10-23 15:50:00 57

原创前端HTML5几种存储方式

前端HTML5几种存储方式 h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。主要应用：购物车、客户登录对于IE浏览器有UserData，大小是64k,只有IE浏览器支持。HTML5 提供了两种在客户端存储数据的新方法：localStorage - 没有时间限制的数据存储...

2018-10-22 08:55:00 154

原创 localStorage使用总结

localStorage使用总结一、什么是localStorage、sessionStorage在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同...

2018-10-20 14:21:00 85

原创 JSON的parse()和stringfy()方法

JSON的parse()和stringfy()方法 1.JSON.parse;作用:将JavaScript对象表示法的JSON字符串转换为对象(字符串转对象)语法:JSON.parse(text [, reviver])text 必选。一个有效的 JSON 字符串。reviver 可选。一个转换结果的函数。将为对象的每个成员调用此函数。返回值...

2018-10-20 14:18:00 128

原创 Git 原理入门

Git 原理入门作者：阮一峰日期： 2018年10月10日Git 是最流行的版本管理工具，也是程序员的必备技能之一。即使天天使用它，很多人也未必了解它的原理。Git 为什么可以管理版本？git add、git commit这些基本命令，到底在做什么，你说得清楚吗？这篇文章用一个实例，解释 Git 的运行过程，帮助你理解 Git ...

2018-10-20 09:05:00 67

原创学习前端前必知的——HTTP协议详解

学习前端前必知的——HTTP协议详解原文参考博客园http://kb.cnblogs.com/page/130970/#statecode什么是HTTP协议　　协议是指计算机通信网络中两台计算机之间进行通信所必须共同遵守的规定或规则，超文本传输协议(HTTP)是一种通信协议，它允许将超文本标记语言(HTML)文档从Web服务器传送到客户端的浏...

2018-10-19 20:19:00 167

转载前端高质量知识(五)-JS详细图解全方位解读this

前端高质量知识(五)-JS详细图解全方位解读this在这之前，我们需要来回顾一下执行上下文。在前面几篇文章中，我有好几个地方都提到执行上下文的生命周期，为了防止大家没有记住，再次来回顾一下，如下图。执行上下文生命周期在执行上下文的创建阶段，会分别生成变量对象，建立作用域链，确定this指向。其中变量对象与作用域链我们都已经仔细总结过了，而这里的关键，就是确定this指向。在...

2018-10-19 16:42:00 78

转载前端高质量知识(四)-JS详细图解作用域链与闭包

前端高质量知识(四)-JS详细图解作用域链与闭包攻克闭包难题初学JavaScript的时候，我在学习闭包上，走了很多弯路。而这次重新回过头来对基础知识进行梳理，要讲清楚闭包，也是一个非常大的挑战。闭包有多重要？如果你是初入前端的朋友，我没有办法直观的告诉你闭包在实际开发中的无处不在，但是我可以告诉你，前端面试，必问闭包。面试官们常常用对闭包的了解程度来判定面试者的基础水平，保守估...

2018-10-19 16:11:00 128

转载前端高质量知识(三)-JS变量对象详解

前端高质量知识(三)-JS变量对象详解在JavaScript中，我们肯定不可避免的需要声明变量和函数，可是JS解析器是如何找到这些变量的呢？我们还得对执行上下文有一个进一步的了解。在上一篇文章中，我们已经知道，当调用一个函数时（激活），一个新的执行上下文就会被创建。而一个执行上下文的生命周期可以分为两个阶段。创建阶段在这个阶段中，执行上下文会分别创建变量对象，建立作用域链，...

2018-10-19 14:06:00 103

转载前端高质量知识(二)-JS执行上下文(执行环境)详细图解Script

前端高质量知识(二)-JS执行上下文(执行环境)详细图解Script先随便放张图我们在JS学习初期或者面试的时候常常会遇到考核变量提升的思考题。比如先来一个简单一点的。console.log(a); // 这里会打印出什么？var a = 20;　PS:变量提升:即将变量声明提升到它所在作用域的最开始的部分函数提升:js中创建函数有两种方式：函数声明式和函数...

2018-10-19 13:41:00 129

转载前端高质量知识(一)-JS内存空间详细图解

前端高质量知识(一)-JS内存空间详细图解变量对象与堆内存 var a = 20; var b = 'abc'; var c = true; var d = { m: 20 } 因为JavaScript具有自动垃圾回收机制，所以对于前端开发来说，内存空间并不是一个经常被提及的概念，很容易被大家忽视。特别是很多不是计算机...

2018-10-19 13:39:00 115

原创浅谈前端性能优化（二）——对HTTP传输进行压缩

浅谈前端性能优化（二）——对HTTP传输进行压缩 1、前端性能优化的一点：对js、css、图片等进行压缩，尽可能减小文件的大小，减少文件下载的时间，从而减少网页响应的时间。 2、前端性能优化的另一点：对HTTP传输进行压缩，即在js，css、图片等资源已经压缩的基础上（其实，文件的压缩与否均可，文件的压缩跟HTTP传输过程的压缩没关系），在...

2018-10-19 13:08:00 215

原创浅谈前端性能优化（一）

浅谈前端性能优化（一）前端性能优化中，减少HTTP请求可以提高页面的响应速度。浏览器在第一次访问页面时向服务器请求资源，并缓存起来，下次再访问时会判断在缓存中是否已有该资源且有没有更新过，如果已有该资源且未更新过，则直接从浏览器缓存中读取。原理：通过HTTP 请求头中的 If-Modified-Since（If-No-Match）和响应头中的...

2018-10-19 13:06:00 89

原创项目开发中dev、test和prod是什么意思

项目开发中dev、test和prod是什么意思开发环境（dev)：开发环境是程序猿们专门用于开发的服务器，配置可以比较随意，为了开发调试方便，一般打开全部错误报告。测试环境(test)：一般是克隆一份生产环境的配置，一个程序在测试环境工作不正常，那么肯定不能把它发布到生产机上。生产环境（prod）：是值正式提供对外服务的，一般会关掉错误报告，打开错误日志。三个环境也可以说是系统开发...

2018-10-19 12:04:00 1888

原创前端常见跨域解决方案

前端常见跨域解决方案什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：1.) 资源跳转： A链接、重定向、表单提交2.) 资源嵌入： <link>、<script>、<img>、<frame>等dom标签，还有样式中background:url...

2018-10-18 14:59:00 48

原创前端必须要懂的浏览器缓存机制

前端必须要懂的浏览器缓存机制前端必须要懂的浏览器缓存机制左鹏飞 2017.09.25本文详细讲解了浏览器端缓存的分类：200 from cache和304 not modified；介绍了http1.1 header Cache-Control的max-age和http1.0 header Expires的区别；介绍了http1.1 he...

2018-10-17 15:27:00 99

原创判断一个变量是数组还是对象

判断一个变量是数组还是对象 javascript中如何准确判断一个变量是什么，面试中这是考一个人基本功扎不扎实必定会问的一个问题。如果你还不是很清楚，相信这篇文章会对你有所帮助。一，判断方法1.typeof 我们能够使用typeof判断变量的身份，判断字符串得到string，数字和NaN得到number，函数会得到function等，但...

2018-10-17 12:57:00 142

原创 HTTPS和HTTP的概念和区别

HTTPS和HTTP的概念和区别 HTPPS和HTTP的概念HTTPS（全称：Hypertext Transfer Protocol over Secure Socket Layer），是以安全为目标的HTTP通道，简单讲是HTTP的安全版。即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SS...

2018-10-16 23:18:00 109

原创前端要知道的浏览器原理

前端要知道的浏览器原理本文摘自网络目录　　一、介绍　　二、渲染引擎　　三、解析与DOM树构建　　四、渲染树构建　　五、布局　　六、绘制　　七、动态变化　　八、渲染引擎的线程　　九、CSS2可视模型　　一、介绍　　浏览器可以被认为是使用最广泛的软件，本文将介绍浏览器的工作原理，我们将看到，从你在地址栏输入google.com到...

2018-10-16 22:22:00 174

原创 HTTP协议详解

HTTP协议详解 HTTP--Hyper Text Transfer Protocol，超文本传输协议，是一种建立在TCP上的无状态连接，整个基本的工作流程是客户端发送一个HTTP请求，说明客户端想要访问的资源和请求的动作，服务端收到请求之后，服务端开始处理请求，并根据请求做出相应的动作访问服务器资源，最后通过发送HTTP响应把结果返回给客户端。其...

2018-10-16 22:13:00 63

原创 angular4路由设置笔记

angular4路由设置笔记场景说明：angular4开发的一个后台项目一、可以使用angular-cli创建一个带路由的项目，ng new 项目名称 --routing会多创建一个app-routing.module.ts文件代码如下：import { NgModule } from '@angular/core';import { R...

2018-10-10 09:29:00 129

dreamingbaobei的博客