摘要: nginx服务器特点 静态资源服务器(HTTP Server),与appach类似 支持正向代理 和 反向代理 支持负载均衡 正向代理 由于客户端不能直接访问服务器B的资源,通常通过代理服务器A问题 (clients) nginx代理服务器A 服务器B 架设在客户端和目标主机之间 正向代理,代理客户 阅读全文
posted @ 2019-10-31 22:28 南华秋水 阅读(88) 评论(0) 推荐(0) 编辑
摘要: Promise相关 关于异步: 出现背景: 由于JS是单线程语言,因此所有网络操作、浏览器事件都必须是异步执行的。 异步解决方案: 方案一:回调函数方式(注册 执行异步任务 触发回调函数) 原理: 浏览器解释执行js代码过程中,遇到异步任务,首先在系统中挂起(异步队列中注册回调函数),当异步任务(e 阅读全文
posted @ 2019-10-31 22:25 南华秋水 阅读(124) 评论(0) 推荐(0) 编辑
摘要: JS为什么需要块级作用域(ES6引入let关键字的原因)? 场景一:内层变量可能覆盖外层变量 变量提升导致内层变量覆盖了外层变量 var tmp = new Date(); function f() { console.log(tmp); if (false) { var tmp = 'hello 阅读全文
posted @ 2019-10-31 22:24 南华秋水 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 垂直居中 方案一:relative + top html,body { width: 100%; height: 100%; margin: 0; padding: 0; } .conten width: 300px; height: 300px; background: orange; margi 阅读全文
posted @ 2019-10-31 22:23 南华秋水 阅读(92) 评论(0) 推荐(0) 编辑
摘要: 盒子模型 背景 所有HTML元素都可以看做盒子,它包括:外边距(margin) + 内边距(padding) + 内容区域(content); 标注盒子模型:(W3C标准版,谷歌版) IE非标准盒子模型:(低版本IE,IE5,6在怪异模式中使用自己的非标准模型) 区别: 在IE盒子模型中:宽高 = 阅读全文
posted @ 2019-10-31 22:22 南华秋水 阅读(145) 评论(0) 推荐(0) 编辑
摘要: flex布局 阮一峰:flex布局教程http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 注意点: 任何一个容器都可以指定为flex布局 行内元素也可以使用flex布局:display:inline-flex webkit内核的浏览器,必 阅读全文
posted @ 2019-10-31 22:22 南华秋水 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 定义变量 混合 匹配模式 运算 嵌套 @arguments变量 阅读全文
posted @ 2019-10-31 22:20 南华秋水 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 一、全局引入css样式 二、全局引入公共变量 cssLoaders中新增lessResourceLoader函数 修改return中less: generateLoaders('less')改为less: lessResourceLoader() 将全局less文件引入resources参数中 三、 阅读全文
posted @ 2019-10-31 22:18 南华秋水 阅读(10975) 评论(0) 推荐(0) 编辑
摘要: 一、webpack层面优化 CDN加载方式替换import方式 原理: 浏览器从服务器上下载 CSS、js 和图片等文件时都要和服务器连接,而大部分服务器的带宽有限,如果超过限制,网页就半天反应不过来。而 CDN 可以通过不同的域名来加载文件,从而使下载文件的并发连接数大大增加,且CDN 具有更好的 阅读全文
posted @ 2019-10-31 22:17 南华秋水 阅读(483) 评论(0) 推荐(0) 编辑
摘要: Observer 通过Object.defineProperty包装为可订阅对象 Watcher 观察者模式,监听所有可订阅对象变化 Compile 将对指令、模板等进行解析 diff算法 同层比较,不会垮层级比较。深度优先 ==当数据发生改变时,set方法会让调用Dep.notify通知所有订阅者 阅读全文
posted @ 2019-10-31 22:13 南华秋水 阅读(448) 评论(0) 推荐(0) 编辑
摘要: 谈谈你对MVVM开发模式的理解 包括Model(数据模型)、View(ui层)、ViewModel(视图数据模型) 简述Vue的响应式原理 Vue实例创建时,vue会遍历data选项做的属性,用Object.defineProperty将它们转为getter/setter并且在内部追踪相关依赖,在属 阅读全文
posted @ 2019-10-31 22:11 南华秋水 阅读(124) 评论(0) 推荐(0) 编辑
摘要: vue store模式 vueX props $emit 文件结构 应用层级的状态应该集中到单个store对象中; 提交mutation是更改state的唯一方法,且这个过程是同步的; 异步逻辑都应该封装在action里 vuex使用步骤 vuex基本概念: state:单一状态树 严格模式 严格模 阅读全文
posted @ 2019-10-31 22:10 南华秋水 阅读(1121) 评论(0) 推荐(0) 编辑