06 2019 档案

项目中遇到哪些难点，如何解决的
摘要：本文原链接：https://blog.csdn.net/weixin_38035852/article/details/81384733 Sanno限时秒杀抢票系统亮点：在高并发情况下的秒杀优化，我们知道当并发数达到一定量的时候，会对数据库服务器带来很大的压力，那么如何缓解这些压力以及提高并发的QP 阅读全文
posted @ 2019-06-29 10:32 一粒一世界 阅读(14629) 评论(0) 推荐(0)
vue双向绑定、Proxy、defineproperty
摘要：本文原链接：https://www.jianshu.com/p/2df6dcddb0d7 前言 双向绑定其实已经是一个老掉牙的问题了,只要涉及到MVVM框架就不得不谈的知识点,但它毕竟是Vue的三要素之一. Vue三要素 响应式: 例如如何监听数据变化,其中的实现方法就是我们提到的双向绑定 模板引擎 阅读全文
posted @ 2019-06-27 20:34 一粒一世界 阅读(1368) 评论(0) 推荐(0)
Proxy相比于defineProperty的优势
摘要：本文原链接：https://www.jianshu.com/p/860418f0785c https://blog.csdn.net/sinat_17775997/article/details/83989098 vue3.0 -- 摒弃Object.defineProperty，基于 Proxy 阅读全文
posted @ 2019-06-27 20:32 一粒一世界 阅读(6154) 评论(0) 推荐(1)
axios
摘要：本文原链接：https://cloud.tencent.com/developer/article/1448237 https://cloud.tencent.com/developer/article/1414347 Vue笔记：使用 axios 发送请求 axios 简介 引入方式： 执行 GE 阅读全文
posted @ 2019-06-27 20:14 一粒一世界 阅读(740) 评论(0) 推荐(0)
虚拟DOM
摘要：本文原链接：https://blog.csdn.net/qq_33050575/article/details/82885788 https://www.cnblogs.com/dojo-lzz/p/8047742.html 虚拟DOM解析及其在框架里的应用浏览器是怎样解析HTML并且绘出整个页面的 阅读全文
posted @ 2019-06-27 20:06 一粒一世界 阅读(515) 评论(0) 推荐(0)
vue、react、angular三大框架对比 && 与jQuery的对比
摘要：本文原链接：https://www.cnblogs.com/zhuzhenwei918/p/7447434.html vue与react vue和react是当前最火的两个前端框架，vue的发展很快，但是目前来说，react的生态系统会更强大，世界上使用这个框架的人也很多。 另外，react是fac 阅读全文
posted @ 2019-06-27 18:37 一粒一世界 阅读(10678) 评论(2) 推荐(0)
DOS、DOS攻击、DDOS攻击、DRDOS攻击
摘要：https://baike.baidu.com/item/dos%E6%94%BB%E5%87%BB/3792374?fr=aladdin DOS：中文名称是拒绝服务，一切能引起DOS行为的攻击都被称为DOS攻击。该攻击的效果是使得计算机或网络无法提供正常的服务。常见的DOS攻击有针对计算机网络带宽 阅读全文
posted @ 2019-06-27 16:45 一粒一世界 阅读(8798) 评论(0) 推荐(2)
Web 安全
摘要：本文原链接：https://cloud.tencent.com/developer/article/1424253 https://www.jianshu.com/p/303206ae2471 安全：Web 安全学习笔记 背景 最简单的 Web 物理架构 攻击方式总览 Web 软件安全攻击防护 一、 阅读全文
posted @ 2019-06-27 16:20 一粒一世界 阅读(455) 评论(0) 推荐(0)
移动端兼容性问题
摘要：① 安卓浏览器看背景图片，有些设备会模糊，原因是手机的分辨率太小 解决方案： 用2X图片来代替img标签，然后background-size: contain ② 防止手机中页面放大或缩小： 在meta中设置viewport user-scalable = no ③ 上下拉滚动条卡顿： overfl 阅读全文
posted @ 2019-06-27 15:37 一粒一世界 阅读(624) 评论(0) 推荐(0)
浏览器兼容性问题
摘要：浏览器常用的前缀有： -moz代表firefox浏览器私有属性 -ms代表IE浏览器私有属性 -webkit代表chrome、safari私有属性 -o代表opera私有属性 一、html部分 H5新标签在IE9以下的浏览器识别 <!--[if lt IE 9]> <script type="tex 阅读全文
posted @ 2019-06-27 15:17 一粒一世界 阅读(459) 评论(0) 推荐(1)
CSS hack
摘要：本文原链接：https://blog.csdn.net/qq_31635733/article/details/81660897 CSS Hack是什么意思？css hack有什么用？ 本文原链接：https://blog.csdn.net/qq_31635733/article/details/8 阅读全文
posted @ 2019-06-27 14:22 一粒一世界 阅读(414) 评论(0) 推荐(0)
移动端开发
摘要：移动设备忽略ios将页面中的数字识别为电话号码的方法 在<head></head>中加入 <meta name="format-detection" content="telephone=no" /> 移动端手势事件 PWA https://segmentfault.com/a/1190000012 阅读全文
posted @ 2019-06-27 12:58 一粒一世界 阅读(217) 评论(0) 推荐(0)
移动端适配方案
摘要：本文原链接：http://caibaojian.com/mobile-responsive-example.html https://blog.csdn.net/chenjuan1993/article/details/81710022 https://blog.csdn.net/zxj090401 阅读全文
posted @ 2019-06-27 10:34 一粒一世界 阅读(2805) 评论(0) 推荐(0)
点击穿透事件原因及解决办法
摘要：移动端touch事件穿透原因及解决办法 2007 年初。苹果公司在发布首款 iPhone 前夕，遇到一个问题：当时的网站都是为大屏幕设备所设计的。于是苹果的工程师们做了一些约定，应对 iPhone 这种小屏幕浏览桌面端站点的问题。这当中最出名的，当属双击缩放(double tap to zoom)， 阅读全文
posted @ 2019-06-27 09:44 一粒一世界 阅读(11146) 评论(0) 推荐(0)
1像素边框问题
摘要：本文原链接：https://www.jianshu.com/p/fa670b737a29 移动端1像素边框问题 对于前端开发者来说，要处理这个问题，必须先补充一个知识点，就是设备的 物理像素[设备像素] & 逻辑像素[CSS像素] 物理像素移动设备出厂时，不同设备自带的不同像素，也称硬件像素； 逻辑 阅读全文
posted @ 2019-06-26 10:58 一粒一世界 阅读(1749) 评论(0) 推荐(0)
前端性能优化
摘要：本文原链接：https://www.cnblogs.com/xiaohuochai/p/9178390.html 前端性能优化的七大手段 前面的话 本文将详细介绍前端性能优化的七大手段，包括减少请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化 减少请求 阅读全文
posted @ 2019-06-26 10:34 一粒一世界 阅读(605) 评论(0) 推荐(0)
JavaScript内存泄露，闭包内存泄露如何解决
摘要：本文原链接：https://cloud.tencent.com/developer/article/1340979 JavaScript 内存泄露的4种方式及如何避免 简介 什么是内存泄露？ JavaScript 内存管理 JavaScript 内存泄露 Mark-and-sweep 三种类型的常见 阅读全文
posted @ 2019-06-25 15:38 一粒一世界 阅读(11293) 评论(0) 推荐(0)
Expires和Cache-Control
摘要：本文原链接：https://blog.csdn.net/zhouziyu2011/article/details/71312452 浅谈前端性能优化（一）——Expires和Cache-Control 本文原链接：https://blog.csdn.net/zhouziyu2011/article/ 阅读全文
posted @ 2019-06-25 15:31 一粒一世界 阅读(1769) 评论(0) 推荐(0)
tcp、http和socket的区别
摘要：本文原链接：https://www.jianshu.com/p/88d69454bdde tcp、http和socket的区别 一：tcp协议 tcp协议属于传输层协议（UDP也属于传输层协议，但是UDP协议是无状态的）。建立一个TCP连接需要三次握手，断开一个TCP连接需要四次挥手。手机能够使用联 阅读全文
posted @ 2019-06-25 15:07 一粒一世界 阅读(18222) 评论(0) 推荐(3)
200（强缓存）和304（协商缓存）的区别
摘要：本文原链接：https://my.oschina.net/ososchina/blog/494074 https://blog.csdn.net/zl399615007/article/details/84534884 强制缓存（200）和协商缓存（304）整理 本文原链接：https://my.o 阅读全文
posted @ 2019-06-25 14:47 一粒一世界 阅读(6276) 评论(0) 推荐(0)
HTTP、HTTP2.0、HTTPS、SPDY
摘要：本文原链接：https://cloud.tencent.com/developer/article/1082516 HTTP,HTTP2.0,SPDY,HTTPS你应该知道的一些事 1、web始祖HTTP 2、HTTP与现代化浏览器 3. HTTP的基本优化 4、HTTP1.0和HTTP1.1的一些 阅读全文
posted @ 2019-06-25 13:58 一粒一世界 阅读(710) 评论(0) 推荐(0)
TCP和UDP的区别
摘要：本文原链接：https://cloud.tencent.com/developer/article/1405940 引言 一、TCP/IP网络模型 二、UDP 1. 面向无连接 2. 有单播，多播，广播的功能 3. UDP是面向报文的 4. 不可靠性 5. 头部开销小，传输数据报文时是很高效的。 三 阅读全文
posted @ 2019-06-25 13:44 一粒一世界 阅读(1380) 评论(0) 推荐(0)
七层网络协议
摘要：https://cloud.tencent.com/developer/article/1405992 https://cloud.tencent.com/developer/article/1023718 https://cloud.tencent.com/developer/article/10 阅读全文
posted @ 2019-06-25 13:43 一粒一世界 阅读(1053) 评论(0) 推荐(0)
generator（异步编程、yield、next()、await 、async）
摘要：https://cloud.tencent.com/developer/article/1147973 https://cloud.tencent.com/developer/article/1339305 阅读全文
posted @ 2019-06-25 10:41 一粒一世界 阅读(568) 评论(0) 推荐(0)
Set、Map及数组去重
摘要：https://cloud.tencent.com/developer/article/1437254 https://blog.csdn.net/weixin_34247299/article/details/88760941 深入理解：ES6中的Set和Map数据结构，Map与其它数据结构的互相 阅读全文
posted @ 2019-06-25 09:36 一粒一世界 阅读(3833) 评论(0) 推荐(0)
递归与尾递归
摘要：本文原链接：https://www.cnblogs.com/huan-guo/p/8489905.html 递归与尾递归总结 1、递归 关于递归的概念，我们都不陌生。简单的来说递归就是一个函数直接或间接地调用自身，是为直接或间接递归。一般来说，递归需要有边界条件、递归前进段和递归返回段。当边界条件不 阅读全文
posted @ 2019-06-24 21:55 一粒一世界 阅读(648) 评论(0) 推荐(0)
预加载和懒加载
摘要：本文原链接：https://www.cnblogs.com/yaoyao-sun/p/10367193.html 图片懒加载与预加载 阅读目录 预加载 懒加载 应用场景推荐链接 回到顶部 预加载 1.1什么是预加载？预加载就是提前加载图片，当用户需要查看时可直接从本地缓存中渲染。为什么要使用预加载？ 阅读全文
posted @ 2019-06-24 21:24 一粒一世界 阅读(1895) 评论(0) 推荐(0)
JS给数字加千位分隔符
摘要：本文原链接：https://www.jianshu.com/p/928c68f92c0c JavaScript实现千位分隔符 将普通的数字转换为带千位分隔符格式的数字字符串是一个非常常见的问题，千位分隔符格式的规则是数字的整数部分每三位一组，以“，”分节。小数部分不分节 。示例：19,351,235 阅读全文
posted @ 2019-06-23 22:32 一粒一世界 阅读(25491) 评论(0) 推荐(2)
前端防抖与节流实现与应用
摘要：本文原链接：https://cloud.tencent.com/developer/article/1356193 详谈js防抖和节流 0. 引入 1. 防抖（debounce） 1.1 什么是防抖 1.2 应用场景 1.3 实现 2.节流（throttle） 2.1 什么是节流 2.2 应用场景 阅读全文
posted @ 2019-06-23 22:04 一粒一世界 阅读(5025) 评论(0) 推荐(1)
JS实现单向链表、双向链表、循环链表
摘要：https://cloud.tencent.com/developer/article/1114246 链表存储有序的元素的集合，但是和数组不同的是，链表中的元素在内存中的存储并不是连续的。每一个链表元素都包含了一个存储元素本身的节点和一个指向下一个元素的引用。看起来就像这样： 相对于传统的数组，链 阅读全文
posted @ 2019-06-23 21:05 一粒一世界 阅读(968) 评论(0) 推荐(0)
单点登录
摘要：本文原链接：https://cloud.tencent.com/developer/article/1347342 单点登录原理与简单实现 1、http无状态协议 2、会话机制 二、多系统的复杂性 三、单点登录 1、登录 四、部署图 五、实现 1、sso-client拦截未登录请求 2、sso-se 阅读全文
posted @ 2019-06-23 20:32 一粒一世界 阅读(572) 评论(0) 推荐(0)
AMD、CMD规范
摘要：本文原链接：https://cloud.tencent.com/developer/article/1177217 AMD && CMD 前言 前言 前言 前言 一、模块 二、CommonJS 三、AMD 四、CMD 五、 ES6 模块 一、模块 二、CommonJS 三、AMD 四、CMD 五、 阅读全文
posted @ 2019-06-23 17:34 一粒一世界 阅读(10985) 评论(0) 推荐(4)
JS实现全排列
摘要：https://www.jb51.net/article/39291.htm JavaScript全排列的六种算法 具体实现 算法一：交换（递归） 复制代码代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equi 阅读全文
posted @ 2019-06-23 16:45 一粒一世界 阅读(6907) 评论(0) 推荐(0)
event loop、进程和线程、任务队列
摘要：本文原链接：https://cloud.tencent.com/developer/article/1106531 https://cloud.tencent.com/developer/article/1372207 JavaScript是单线程 执行栈、任务队列 同步任务、异步任务、宏任务、微任 阅读全文
posted @ 2019-06-22 19:41 一粒一世界 阅读(2390) 评论(0) 推荐(0)
BOM属性对象方法
摘要：本文原链接：https://cloud.tencent.com/developer/article/1018747 BOM 1.window对象 2.location对象 3.history对象 BOM也叫浏览器对象模型，它提供了很多对象，用于访问浏览器的功能。BOM缺少规范，每个浏览器提供商又按照 阅读全文
posted @ 2019-06-22 19:03 一粒一世界 阅读(2130) 评论(0) 推荐(0)
JS的闭包、高阶函数、柯里化
摘要：本文原链接：https://cloud.tencent.com/developer/article/1326958 https://cloud.tencent.com/developer/article/1356699 https://cloud.tencent.com/developer/arti 阅读全文
posted @ 2019-06-22 14:44 一粒一世界 阅读(1276) 评论(0) 推荐(0)
for...in、for...of、forEach()有什么区别
摘要：本文原链接：https://cloud.tencent.com/developer/article/1360074 for of 和 for in 循环 循环遍历数组的时候，你还在用 for 语句走天下吗？ 我曾经就是 for 走天下，最后发现自己给自己挖了一个巨大的坑，层层嵌套的循环，总要花大量的 阅读全文
posted @ 2019-06-22 12:58 一粒一世界 阅读(3417) 评论(1) 推荐(2)
js各运算符的执行顺序
摘要：本文原链接：https://www.sojson.com/operation/javascript.html https://www.jianshu.com/p/d569c6ca1060 JavaScript运算符优先级 JavaScript 运算符优先级，是描述在计算机运算计算表达式时执行运算的先 阅读全文
posted @ 2019-06-22 12:46 一粒一世界 阅读(6357) 评论(0) 推荐(0)
事件模型、事件流（冒泡与捕获）、事件代理
摘要：本文原链接：https://www.cnblogs.com/hngdlxy143/p/9068282.html https://www.jb51.net/article/139997.htm 事件模型 JavaScript事件使得网页具备互动和交互性，我们应该对其深入了解以便开发工作，在各式各样的浏 阅读全文
posted @ 2019-06-22 12:25 一粒一世界 阅读(3132) 评论(0) 推荐(0)
JS中的作用域和作用域链
摘要：本文原链接：https://cloud.tencent.com/developer/article/1403589 前言 作用域(Scope) 1. 什么是作用域 2. 全局作用域和函数作用域 3. 块级作用域 作用域链 1.什么是自由变量 2. 什么是作用域链 3. 关于自由变量的取值 作用域与执 阅读全文
posted @ 2019-06-22 10:29 一粒一世界 阅读(15547) 评论(1) 推荐(2)
flex布局
摘要：几种常见布局的flex写法 https://www.cnblogs.com/10manongit/archive/2004/01/13/12220862.html https://www.jianshu.com/p/0baefba979a3 阅读全文
posted @ 2019-06-21 12:16 一粒一世界 阅读(190) 评论(0) 推荐(0)
什么是层叠上下文？如何形层叠上下文？层叠顺序是怎样的？
摘要：在CSS2.1规范中，每个盒模型的位置是三维的，分别是平面画布上的x轴，y轴以及表示层叠的z轴。层叠上下文即元素在某个层级上z轴方向的排列关系。 那么这里有几个重要的概念：层叠上下文 (堆叠上下文, Stacking Context)、层叠等级 (层叠水平, Stacking Level)、层叠顺序 阅读全文
posted @ 2019-06-21 11:38 一粒一世界 阅读(4516) 评论(0) 推荐(0)
HTML5中的canvas
摘要：本文原链接：https://blog.csdn.net/qq372072753/article/details/54629610 https://www.jianshu.com/p/e70c9cfbdb38 Canvas原理 Canvas这个概念最早在那里提出，我没查到，可现在好多地方都有，它都快无 阅读全文
posted @ 2019-06-20 20:55 一粒一世界 阅读(344) 评论(0) 推荐(0)
d面试题汇总
摘要：HTML Doctype作用，HTML5 为什么只需要写<!DOCTYPE HTML>？ html5有哪些新特性?移除了哪些元素？ 简述一下你对HTML语义化的理解？ 行内元素有哪些，块级元素有哪些，空(void)元素有哪些？行内元素和块级元素有哪些区别和联系？ px,em和rem的区别？如何使用r 阅读全文
posted @ 2019-06-20 11:38 一粒一世界 阅读(520) 评论(0) 推荐(0)
HTML5中的SSE（服务器推送技术）
摘要：本文原链接：https://cloud.tencent.com/developer/article/1194063 SSE技术详解：一种全新的HTML5服务器推送事件技术 前言 概述 基本介绍 与WebSocket的比较 SSE（Server-sent Events）在HTML 5中的技术规范和定义 阅读全文
posted @ 2019-06-17 18:24 一粒一世界 阅读(8590) 评论(0) 推荐(3)
HTML5中的webSocket、ajax、http
摘要：本文原链接：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 一粒一世界 阅读(2288) 评论(0) 推荐(0)
HTML5中的Web Workers
摘要：https://www.cnblogs.com/yanan-boke/p/6954390.html https://segmentfault.com/a/1190000014938305 HTML5 工作线程原理 传统上的线程可以解释为轻量级进程，它和进程一样拥有独立的执行控制，一般情况下由操作系统 阅读全文
posted @ 2019-06-17 11:42 一粒一世界 阅读(1130) 评论(0) 推荐(0)
promise
摘要：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 一粒一世界 阅读(350) 评论(0) 推荐(0)
vue中的修饰符
摘要：Vue2.0学习笔记：Vue事件修饰符的使用 事件处理 如果需要在内联语句处理器中访问原生DOM事件。可以使用特殊变量$event，把它传入到methods中的方法中。 在Vue中，事件修饰符处理了许多DOM事件的细节，让我们不再需要花大量的时间去处理这些烦恼的事情，而能有更多的精力专注于程序的逻辑 阅读全文
posted @ 2019-06-11 23:32 一粒一世界 阅读(2438) 评论(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 一粒一世界 阅读(336) 评论(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 一粒一世界 阅读(679) 评论(0) 推荐(0)
雅虎优化网站性能的14条规则
摘要：Web 应用性能优化黄金法则：先优化前端程序 (front-end) 的性能，因为这是80% 或以上的最终用户响应时间的花费所在。 法则1： 减少HTTP请求次数80%的最终用户响应时间花在前端程序上，而其大部分时间则花在各种页面元素， 如图像、 样式表、 脚本和 Flash 等的下载上。 减少页面 阅读全文
posted @ 2019-06-02 21:12 一粒一世界 阅读(502) 评论(0) 推荐(0)
雅虎WEB前端网站优化 -- 34条军规
摘要：雅虎给出了优化网站加载速度的34条法则（包括Yslow规则22条） 详细说明， 1.Minimize HTTP Requests 减少HTTP请求 图片、css、script、flash等等这些都会增加http请求数，减少这些元素的数量就能减少响应时间。把多个JS、CSS在可能的情况下写进一个文件， 阅读全文
posted @ 2019-06-02 21:09 一粒一世界 阅读(239) 评论(0) 推荐(0)
前端安全系列（二）：如何防止CSRF攻击？
摘要：前端安全系列（二）：如何防止CSRF攻击？ 前端安全系列（二）：如何防止CSRF攻击？ 背景 随着互联网的高速发展，信息安全问题已经成为企业最为关注的焦点之一，而前端又是引发企业安全问题的高危据点。在移动互联网时代，前端人员除了传统的 XSS、CSRF 等安全问题之外，又时常遭遇网络劫持、非法调用 阅读全文
posted @ 2019-06-02 21:04 一粒一世界 阅读(666) 评论(0) 推荐(0)
前端安全系列（一）：如何防止XSS攻击？
摘要：前端安全系列（一）：如何防止XSS攻击？ 前端安全系列（一）：如何防止XSS攻击？ 前端安全 随着互联网的高速发展，信息安全问题已经成为企业最为关注的焦点之一，而前端又是引发企业安全问题的高危据点。在移动互联网时代，前端人员除了传统的 XSS、CSRF 等安全问题之外，又时常遭遇网络劫持、非法调用 阅读全文
posted @ 2019-06-02 21:02 一粒一世界 阅读(829) 评论(0) 推荐(0)
浏览器输入一个url到整个页面显示出来经历了哪些过程？
摘要：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 一粒一世界 阅读(5968) 评论(0) 推荐(2)
ajax
摘要：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 一粒一世界 阅读(384) 评论(0) 推荐(0)
为什么JS是单线程？JS中的Event Loop(事件循环)？JS如何实现异步？setimeout？
摘要：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 一粒一世界 阅读(524) 评论(0) 推荐(0)