随笔档案「2018年7月」 - 静谧coding

HTTP头

摘要：虽然平时调试时经常查看HTTP请求信息，但对于请求头包含哪些内容，每一项相关的内容又有哪些，并没有仔细留心过。面试中遇到了相关的问题，回答也不尽如人意，通过浏览一些博客文章，以及项目中一些请求相关头信息的观察，对HTTP头做一个简单的总结，也算是巩固知识。 HTTP头消息通常包含：General, 阅读全文

posted @ 2018-07-30 17:21 静谧coding 阅读(231) 评论(0) 推荐(0)

HTML5 web存储

摘要：一、web存储 HTML5提供了web存储，可以在客户端存储一些数据，这些数据仅在客户端中保存，不参与和服务器的通信，主要分为以下两种存储： localStorage ：生命周期是永久，除非用户清除，否则这些信息将永久存在。 sessionStorage：仅在当前会话下有效，关闭浏览器后被清除。不阅读全文

posted @ 2018-07-29 21:54 静谧coding 阅读(228) 评论(0) 推荐(0)

css-display

摘要：做前端开发也有很长一段时间了，但是分对于一些基础知识虽然平时会接触到，但却没有认真总结。本篇针对CSS的display属性做一下总结。一、常见的display属性值 display用来设置一个元素如何展示，常见的值包含 block inline-block inline table table-c 阅读全文

posted @ 2018-07-29 12:06 静谧coding 阅读(217) 评论(0) 推荐(0)

cookie

摘要：cookie的用途：用于在客户端存储会话消息相关API：doument.cookie; 创建cookie:document.cookie = newCookie; newCookie是一个键值对形成的字符串，由以下几部分组成：名称(name=value)：一个唯一确定的cookie名称域(;d 阅读全文

posted @ 2018-07-28 21:06 静谧coding 阅读(213) 评论(0) 推荐(0)

关于性能优化

摘要：提升页面性能的方法大致可归纳为以下几种：1.资源压缩合并，减少HTTP请求 2.浏览器缓存 3.非核心代码异步加载 4.CDN加速 5.DNS预解析一、浏览器缓存：缓存分类：1）强缓存 2）协商缓存强缓存：在缓存时间未失效前，不会询问服务器，直接加载本地缓存资源，相关的HTTP头： Expir 阅读全文

posted @ 2018-07-17 16:55 静谧coding 阅读(239) 评论(0) 推荐(0)

关于event loop

摘要：之前写了篇文章 JS运行机制，里面对event loop简单的说明，面试时又遇到了关于该知识点的题目（主要是process.nextTick和setImmediate的执行顺序不太知道，查了之后才知道是关于Node JS的event loop）看了阮一峰老师的博客，又有了更深入的理解： JS中的任务阅读全文

posted @ 2018-07-16 15:32 静谧coding 阅读(303) 评论(0) 推荐(0)

JS数据结构与算法--双向链表

摘要：双向链表中链接是双向的：一个链向下一个元素，另一个链向上一个元素，如下图所示：双向链表结构代码如下：参考：《JavaScript数据结构与算法--第二版》阅读全文

posted @ 2018-07-14 15:50 静谧coding 阅读(191) 评论(0) 推荐(0)

JS数据结构与算法--单向链表

摘要：链表结构：链表中每个元素由一个存储元素本身的节点和一个指向下一元素的引用组成。如下所示（手画的，比较丑，懒得用工具画了，嘻嘻） 1.append方法，向链表末尾插入一个节点 2.insert(position,element)，向指定位置插入一个节点 3.removeAt(position)移除某个阅读全文

posted @ 2018-07-13 10:28 静谧coding 阅读(321) 评论(0) 推荐(0)

JS数组去重

摘要：去除数组中的重复元素思路主要是遍历，然后去重上述代码可进行简化也可以使用ES6中的Set，Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用关于Set的用法 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Ref 阅读全文

posted @ 2018-07-11 21:10 静谧coding 阅读(208) 评论(0) 推荐(0)

JS运行机制

摘要：JS是单线程的，因此同一时间只能干一件事。任务队列中包含同步任务和异步任务，异步任务要挂起；同步任务执行完才会去执行异步任务 Event Loop事件循环：运行栈运行的是同步任务。浏览器识别了事件是一个异步任务，就不会把它放在运行栈里，而是拿走。拿走了之后也不是立马放在异步队列中，而是当同步任务执阅读全文

posted @ 2018-07-10 17:31 静谧coding 阅读(380) 评论(0) 推荐(0)

JS数据结构及算法（二）队列

摘要：队列是遵循先进先出的一种数据结构，在尾部添加新元素，并从顶部移除元素。 1.普通队列 2.优先队列：元素的添加基于优先级 3.循环队列（击鼓传花模拟）参考：《学习JavaScript数据结构与算法（第二版）》阅读全文

posted @ 2018-07-09 21:26 静谧coding 阅读(162) 评论(0) 推荐(0)

JS数据结构及算法（一）堆栈

摘要：最近在看《学习JavaScript数据结构与算法》这本书，感觉自己又涨知识了哈哈... 现在将自己看的做个总结，也是巩固理解。栈：先进后出，新添加和待删除的元素都保存在栈顶。可以用数组的push方法入栈，pop出栈。栈的实际应用：二进制转十进制、十进制转换任意进制（二进制、八进制、十六进制）；阅读全文

posted @ 2018-07-09 16:21 静谧coding 阅读(797) 评论(0) 推荐(0)

关于web安全--CSRF和XSS

摘要：CSRF:跨站请求伪造。攻击原理：一个用户登陆了可信的网站A，身份验证后A会下发一个cookie；此时用户又打开了另一个危险网站B，B引诱用户点击连接（该链接会访问A的接口），由于此时会携带cookie，网站A认为这个请求是合法的，就执行了该请求。防范措施： 1.接口增加token 2.refe 阅读全文

posted @ 2018-07-08 20:27 静谧coding 阅读(131) 评论(0) 推荐(0)

跨域通信的几种方式

摘要：同源是指“协议”、“端口”、“域名”均相同，如果其中有一个不同，就会导致跨域。非同源的话，以下的行为会被限制（1） Cookie、LocalStorage 和 IndexDB 无法读取。（2） DOM 无法获得。（3） AJAX 请求不能发送。有时我们想打破这些限制，就需要进行跨域通信，常阅读全文

posted @ 2018-07-07 22:05 静谧coding 阅读(1185) 评论(0) 推荐(0)

ajax通信

摘要：AJAX即Asynchronous JavaScript and XML（异步的 JavaScript 和 XML），可以在不重新加载整个网页的基础上，对网页的某部分进行更新。 XMLHttpRequest 是 AJAX 的基础，用于在后台与服务器交换数据。想要创建一个AJAX请求，分为以下几个步阅读全文

posted @ 2018-07-07 17:07 静谧coding 阅读(330) 评论(0) 推荐(0)

浏览器渲染机制

摘要：一、浏览器渲染过程浏览器的渲染过程分为以下几个步骤：1.将HTML解析成DOM树 2. 将CSS解析成 CSS Rule Tree 3. 根据DOM树和CSSOM来构造 Rendering Tree 4.再下一步就是绘制，即遍历render树，并使用UI后端层绘制每个节点相关概念说明： DOM 阅读全文

posted @ 2018-07-06 14:47 静谧coding 阅读(198) 评论(0) 推荐(0)

JS原型链（二）--new运算符的原理

摘要：new运算符的原理：第一步：创建一个空对象，该对象继承构造函数的原型对象第二步：执行这个构造函数，并且把this指向该空对象第三步：返回：如果构造函数执行后返回的结果是一个object类型，则返回这个结果；否则返回第一步创建出来的空对象阅读全文

posted @ 2018-07-04 17:27 静谧coding 阅读(263) 评论(0) 推荐(0)

vue表单验证：vee-validate中文提示

摘要：官方文档：https://baianat.github.io/vee-validate/guide/ vee-validate可用于vue项目中进行表单验证，使用方法在官方API上都可以查到；使用过程中遇到的问题主要是错误提示如何显示为中文，也查看了很多博客，在此记录一下最终的方法。 vee-va 阅读全文

posted @ 2018-07-04 15:36 静谧coding 阅读(3675) 评论(0) 推荐(0)

HTTP协议总结

摘要：一、HTTP协议的特点：简单快速：每个资源是固定的URI 灵活：通过一个HTTP协议可以完成不同的数据类型的传输无连接：连接一次就会断开，不会保持连接无状态：客服端和服务端是两种身份，一次连接后就断开，下次再连接，服务端无法区分两次是否由同一客户端发起的请求二、HTTP方法： get：阅读全文

posted @ 2018-07-02 20:53 静谧coding 阅读(164) 评论(0) 推荐(0)

JS类型转换

摘要：一、JS数据类型原始数据类型：Null Number String Undefined Boolean Symbol（表示独一无二的值） 1.symbol只能转换为string和boolean，不能转换为number；symbol值也不能进行计算，会报错 2.symbol作为对象的属性名：不能通过阅读全文

posted @ 2018-07-02 20:42 静谧coding 阅读(144) 评论(0) 推荐(0)

BFC--块级格式化上下文

摘要：C：即块级格式化上下文一、BFC的特点： BFC内部相邻元素垂直方向上的外边距会发生重叠 (关于CSS外边距重叠 http://www.w3school.com.cn/css/css_margin_collapsing.asp https://developer.mozilla.org/zh-CN 阅读全文

posted @ 2018-07-01 15:21 静谧coding 阅读(106) 评论(0) 推荐(0)

CSS盒模型总结（一）

摘要：一、基本概念盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版，盒模型的组成：content padding border margin 二、盒模型的分类盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型标准和模型中计算高度和宽度时只计算content的宽度和高度；而I 阅读全文

posted @ 2018-07-01 14:12 静谧coding 阅读(165) 评论(0) 推荐(0)

导航

07 2018 档案