摘要: 几种常见布局的flex写法 https://www.cnblogs.com/10manongit/archive/2004/01/13/12220862.html https://www.jianshu.com/p/0baefba979a3 阅读全文
posted @ 2019-06-21 12:16 一粒一世界 阅读(187) 评论(0) 推荐(0)
摘要: 在CSS2.1规范中,每个盒模型的位置是三维的,分别是平面画布上的x轴,y轴以及表示层叠的z轴。层叠上下文即元素在某个层级上z轴方向的排列关系。 那么这里有几个重要的概念:层叠上下文 (堆叠上下文, Stacking Context)、层叠等级 (层叠水平, Stacking Level)、层叠顺序 阅读全文
posted @ 2019-06-21 11:38 一粒一世界 阅读(4449) 评论(0) 推荐(0)
摘要: 本文原链接:https://blog.csdn.net/qq372072753/article/details/54629610 https://www.jianshu.com/p/e70c9cfbdb38 Canvas原理 Canvas这个概念最早在那里提出,我没查到,可现在好多地方都有,它都快无 阅读全文
posted @ 2019-06-20 20:55 一粒一世界 阅读(328) 评论(0) 推荐(0)
摘要: HTML Doctype作用,HTML5 为什么只需要写<!DOCTYPE HTML>? html5有哪些新特性?移除了哪些元素? 简述一下你对HTML语义化的理解? 行内元素有哪些,块级元素有哪些,空(void)元素有哪些?行内元素和块级元素有哪些区别和联系? px,em和rem的区别?如何使用r 阅读全文
posted @ 2019-06-20 11:38 一粒一世界 阅读(509) 评论(0) 推荐(0)
摘要: 本文原链接:https://cloud.tencent.com/developer/article/1194063 SSE技术详解:一种全新的HTML5服务器推送事件技术 前言 概述 基本介绍 与WebSocket的比较 SSE(Server-sent Events)在HTML 5中的技术规范和定义 阅读全文
posted @ 2019-06-17 18:24 一粒一世界 阅读(8494) 评论(0) 推荐(3)
摘要: 本文原链接:https://cloud.tencent.com/developer/article/1115496 https://cloud.tencent.com/developer/article/1193011 webSocket与ajax、web 一、webSocket与ajax 1、aj 阅读全文
posted @ 2019-06-17 18:13 一粒一世界 阅读(2259) 评论(0) 推荐(0)
摘要: https://www.cnblogs.com/yanan-boke/p/6954390.html https://segmentfault.com/a/1190000014938305 HTML5 工作线程原理 传统上的线程可以解释为轻量级进程,它和进程一样拥有独立的执行控制,一般情况下由操作系统 阅读全文
posted @ 2019-06-17 11:42 一粒一世界 阅读(1088) 评论(0) 推荐(0)
摘要: https://cloud.tencent.com/developer/article/1361997 https://cloud.tencent.com/developer/article/1025903 https://cloud.tencent.com/developer/article/11 阅读全文
posted @ 2019-06-14 20:16 一粒一世界 阅读(334) 评论(0) 推荐(0)
摘要: Vue2.0学习笔记:Vue事件修饰符的使用 事件处理 如果需要在内联语句处理器中访问原生DOM事件。可以使用特殊变量$event,把它传入到methods中的方法中。 在Vue中,事件修饰符处理了许多DOM事件的细节,让我们不再需要花大量的时间去处理这些烦恼的事情,而能有更多的精力专注于程序的逻辑 阅读全文
posted @ 2019-06-11 23:32 一粒一世界 阅读(2424) 评论(0) 推荐(0)
摘要: https://cloud.tencent.com/developer/article/1408297 JS数组去重 1. 利用ES6 Set去重(ES6中最常用) 2. 利用for嵌套for,然后splice去重(ES5中最常用) 3. 利用indexOf去重 4. 利用sort() 5. 利用对 阅读全文
posted @ 2019-06-09 10:28 一粒一世界 阅读(332) 评论(0) 推荐(0)
摘要: https://cloud.tencent.com/developer/article/1142646 https://www.colabug.com/2548964.html JS数组排序技巧汇总 本文实例总结了JS数组排序技巧。分享给大家供大家参考,具体如下: 1、冒泡排序 var temp = 阅读全文
posted @ 2019-06-09 10:15 一粒一世界 阅读(671) 评论(0) 推荐(0)
摘要: Web 应用性能优化黄金法则:先优化前端程序 (front-end) 的性能,因为这是80% 或以上的最终用户响应时间的花费所在。 法则1: 减少HTTP请求次数80%的最终用户响应时间花在前端程序上,而其大部分时间则花在各种页面元素, 如图像、 样式表、 脚本和 Flash 等的下载上。 减少页面 阅读全文
posted @ 2019-06-02 21:12 一粒一世界 阅读(482) 评论(0) 推荐(0)
摘要: 雅虎给出了优化网站加载速度的34条法则(包括Yslow规则22条) 详细说明, 1.Minimize HTTP Requests 减少HTTP请求 图片、css、script、flash等等这些都会增加http请求数,减少这些元素的数量就能减少响应时间。把多个JS、CSS在可能的情况下写进一个文件, 阅读全文
posted @ 2019-06-02 21:09 一粒一世界 阅读(224) 评论(0) 推荐(0)
摘要: 前端安全系列(二):如何防止CSRF攻击? 前端安全系列(二):如何防止CSRF攻击? 背景 随着互联网的高速发展,信息安全问题已经成为企业最为关注的焦点之一,而前端又是引发企业安全问题的高危据点。在移动互联网时代,前端人员除了传统的 XSS、CSRF 等安全问题之外,又时常遭遇网络劫持、非法调用 阅读全文
posted @ 2019-06-02 21:04 一粒一世界 阅读(636) 评论(0) 推荐(0)
摘要: 前端安全系列(一):如何防止XSS攻击? 前端安全系列(一):如何防止XSS攻击? 前端安全 随着互联网的高速发展,信息安全问题已经成为企业最为关注的焦点之一,而前端又是引发企业安全问题的高危据点。在移动互联网时代,前端人员除了传统的 XSS、CSRF 等安全问题之外,又时常遭遇网络劫持、非法调用 阅读全文
posted @ 2019-06-02 21:02 一粒一世界 阅读(744) 评论(0) 推荐(0)
摘要: https://cloud.tencent.com/developer/article/1396399 https://www.cnblogs.com/haonanZhang/p/6362233.html https://cloud.tencent.com/developer/article/134 阅读全文
posted @ 2019-06-02 20:20 一粒一世界 阅读(5700) 评论(0) 推荐(2)
摘要: Ajax的全面总结 https://cloud.tencent.com/developer/article/1408339 ajax学习笔记 https://cloud.tencent.com/developer/article/1353331 一、ajax的简介 Ajax被认为是(Asynchro 阅读全文
posted @ 2019-06-01 15:47 一粒一世界 阅读(376) 评论(0) 推荐(0)
摘要: https://segmentfault.com/a/1190000012806637 https://www.jianshu.com/p/93d756db8c81 首先,请牢记2点: (1) JS是单线程语言 (2) JS的Event Loop是JS的执行机制。 Event Loop (事件循环) 阅读全文
posted @ 2019-06-01 15:03 一粒一世界 阅读(507) 评论(0) 推荐(0)
摘要: https://blog.csdn.net/major_zhang/article/details/80146674 先普及一下jquery.ready()和window.onload,window.onload事件是在页面所有的资源都加载完毕后触发的. 如果页面上有大图片等资源响应缓慢, 会导致w 阅读全文
posted @ 2019-05-30 17:11 一粒一世界 阅读(1763) 评论(0) 推荐(1)
摘要: http://www.ruanyifeng.com/blog/2018/06/javascript-this.html https://segmentfault.com/a/1190000018017796 在函数中 this 到底取何值,是在函数真正被调用执行的时候确定下来的,函数定义的时候确定不 阅读全文
posted @ 2019-05-30 16:33 一粒一世界 阅读(612) 评论(0) 推荐(0)
摘要: https://www.cnblogs.com/diver-blogs/p/5649270.html https://www.cnblogs.com/Chen-XiaoJun/p/6210987.html JavaScript事件模型及事件代理 事件模型 JavaScript事件使得网页具备互动和交 阅读全文
posted @ 2019-05-30 10:27 一粒一世界 阅读(15227) 评论(1) 推荐(1)
摘要: http://www.ruanyifeng.com/blog/2017/04/memory-leak.html 什么是内存泄漏?内存泄漏是指不再用到的内存,没有及时释放。既不能使用,又不能回收。 程序的运行需要内存。对于持续运行的进程,如果不及时释放不再用到的内存,内存占用越来越高,轻则影响系统性能 阅读全文
posted @ 2019-05-30 01:19 一粒一世界 阅读(1936) 评论(0) 推荐(0)
摘要: https://www.jianshu.com/p/1d0ee9bac639 https://www.cnblogs.com/laixiangran/p/9064769.html http://www.ruanyifeng.com/blog/2016/04/same-origin-policy.ht 阅读全文
posted @ 2019-05-30 00:43 一粒一世界 阅读(622) 评论(0) 推荐(0)
摘要: 对Node的优点和缺点提出了自己的看法? *(优点)因为Node是基于事件驱动和无阻塞的,所以非常适合处理并发请求, 因此构建在Node上的代理服务器相比其他技术实现(如Ruby)的服务器表现要好得多。 此外,与Node代理服务器交互的客户端代码是由javascript语言编写的, 因此客户端和服务 阅读全文
posted @ 2019-05-30 00:07 一粒一世界 阅读(177) 评论(0) 推荐(0)
摘要: https://cloud.tencent.com/developer/article/1408283 https://cloud.tencent.com/developer/article/1195938 https://cloud.tencent.com/developer/article/13 阅读全文
posted @ 2019-05-29 13:58 一粒一世界 阅读(4715) 评论(0) 推荐(2)
摘要: js常见的创建dom节点的方法有 createElement() 创建一个元素节点 => 接收参数为string类型的nodename createTextNode() 创建一个文本节点 => 接收参数为string类型的text内容 createAttribute() 创建一个属性节点 => 接收 阅读全文
posted @ 2019-05-28 17:31 一粒一世界 阅读(1980) 评论(0) 推荐(0)
摘要: https://www.cnblogs.com/hcxy/p/7376648.html 关于字符串分割 1、slice(start,end); 关于这个方法,一定要搞懂四个关键点: (1)截取字符串时不包括下标为end的元素。 (2)end是可选参数,没有时,默认从start到结束的所有字符串。 ( 阅读全文
posted @ 2019-05-28 13:03 一粒一世界 阅读(392) 评论(0) 推荐(0)
摘要: https://www.cnblogs.com/hexinhui/p/9516544.html 修改器方法: pop(): 删除数组的最后一个元素,并返回这个元素 push():在数组的末尾增加一个或多个元素,并返回数组的新长度 reverse(): 颠倒数组中元素的排列顺序 shift(): 删除 阅读全文
posted @ 2019-05-28 12:39 一粒一世界 阅读(181) 评论(0) 推荐(0)
摘要: BFC的定义### 先看W3C文档 In a block formatting context, boxes are laid out one after the other, vertically, beginning at the top of a containing block. The v 阅读全文
posted @ 2019-05-27 12:10 一粒一世界 阅读(214) 评论(0) 推荐(0)
摘要: 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互。 一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 区别: 1、保持状态:cookie保存在浏览器端,session保存在服务器端 阅读全文
posted @ 2019-05-26 18:45 一粒一世界 阅读(1031) 评论(0) 推荐(0)
摘要: 语义化标签——http://www.html5jscss.com/html5-semantics-section.html 写HTML代码时应注意什么? 尽可能少的使用无语义的标签div和span; 在语义不明显时,既可以使用div或者p时,尽量用p, 因为p在默认情况下有上下间距,对兼容特殊终端有 阅读全文
posted @ 2019-05-26 15:17 一粒一世界 阅读(492) 评论(0) 推荐(0)
摘要: https://cloud.tencent.com/developer/article/1015527 https://cloud.tencent.com/developer/article/1114057 1.对webpack的了解 2.webpack,里面的webpack.config.js怎么 阅读全文
posted @ 2019-05-26 14:42 一粒一世界 阅读(389) 评论(0) 推荐(0)
摘要: 数组排序 ①冒泡排序 思路: 比较相邻的元素。如果第一个比第二个大,就交换他们两个。 对每一对相邻元素作同样的工作,从开始第一对到结尾的最后一对。在这一点,最后的元素应该会是最大的数。 针对所有的元素重复以上的步骤,除了最后一个。 持续每次对越来越少的元素重复上面的步骤,直到没有任何一对数字需要比较 阅读全文
posted @ 2019-05-25 11:34 一粒一世界 阅读(488) 评论(0) 推荐(0)
摘要: 手机适配 问题:一个图片比较大或者比较小,怎么适配手机怎么优化? https://blog.csdn.net/rj_jqd/article/details/8651251 一个p标签,不换行,超出部分显示为省略号? p{ overflow:hidden; white-space:nowrap; te 阅读全文
posted @ 2019-05-25 10:18 一粒一世界 阅读(1921) 评论(0) 推荐(0)
摘要: JavaScript 有哪些数据类型 原始数据类型: Boolean: 布尔表示一个逻辑实体,可以有两个值:true 和 false Number: 用于表示数字类型 String: 用于表示文本数据 Null: Null 类型只有一个值: null,特指对象的值未设置 Undefined: 一个没 阅读全文
posted @ 2019-05-21 22:47 一粒一世界 阅读(542) 评论(0) 推荐(0)
摘要: CSS3有哪些新特性? 新增选择器 p:nth-child(n){color: rgba(255, 0, 0, 0.75)} 弹性盒模型 display: flex; 多列布局 column-count: 5; 媒体查询 @media (max-width: 480px) {.box: {colum 阅读全文
posted @ 2019-05-21 22:18 一粒一世界 阅读(394) 评论(0) 推荐(0)
摘要: Doctype作用,HTML5 为什么只需要写<!DOCTYPE HTML>? Doctype是一种标准通用标记语言的文档类型声明,作用是告知浏览器的解析器用什么文档标准解析这个文档。 <!DOCTYPE>声明位于HTML文档中的第一行,在<html> 标签之前。 HTML 4.01 中的 doct 阅读全文
posted @ 2019-05-21 21:52 一粒一世界 阅读(204) 评论(0) 推荐(0)
摘要: 前端面试知识点整理——https://github.com/ltadpoles/web-document 移动端开发经验整理——https://www.cnblogs.com/shahramLu/p/6406775.html 10个JavaScript难点——https://blog.fundebu 阅读全文
posted @ 2019-03-31 16:06 一粒一世界 阅读(170) 评论(0) 推荐(0)
摘要: HTTP相关 1. HTTP有什么特点 2. http和https协议有什么区别 3. http状态码有那些?分别代表是什么意思 4. 什么是HTTP持久化和管线化 5. Http报文 6. 从输入URL到页面加载全过程 7. 为什么利用多个域名来存储网站资源会更有效 浏览器相关 1. 浏览器是由什 阅读全文
posted @ 2019-03-30 17:27 一粒一世界 阅读(398) 评论(0) 推荐(0)
摘要: 1. 说一下Vue的双向绑定数据的原理 vue 实现数据双向绑定主要是:采用数据劫持结合发布者-订阅者模式的方式,通过 Object.defineProperty() 来劫持各个属性的 setter,getter,在数据变动时发布消息给订阅者,触发相应监听回调 单向数据流: 顾名思义,数据流是单向的 阅读全文
posted @ 2019-03-30 17:20 一粒一世界 阅读(764) 评论(0) 推荐(0)