摘要: web验证 摘自《奇舞周刊》-《奇舞团资深前端教你,什么是Web验证》作者:韩永刚 方案一:传统身份验证 注册 账号密码加密入库 登录 账号密码加密后与库中账号密码比对 一致则登录成功,不一致则失败 存在问题 登录环境不安全,账号输入时可能被监控 发送过程中可能被劫持 入库后可能被黑客攻击而泄露密码 阅读全文
posted @ 2019-11-02 16:04 南华秋水 阅读(355) 评论(0) 推荐(0) 编辑
摘要: 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) 编辑
摘要: 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) 编辑
摘要: 盒子模型 背景 所有HTML元素都可以看做盒子,它包括:外边距(margin) + 内边距(padding) + 内容区域(content); 标注盒子模型:(W3C标准版,谷歌版) IE非标准盒子模型:(低版本IE,IE5,6在怪异模式中使用自己的非标准模型) 区别: 在IE盒子模型中:宽高 = 阅读全文
posted @ 2019-10-31 22:22 南华秋水 阅读(145) 评论(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) 编辑