01 2019 档案
摘要：最近，使用artTemplate模板比较频繁，也遇到了一些问题。 使用artTemplate模板的时候，使用{{$index}}只能获取到小写的阿拉伯数字，但是，项目实际需要大写的，类似，"一、二、三、四"这样的数字写法。之前也使用过这个模板，但是并没有遇到这样的需求。更要紧的是模板提供的helpe
阅读全文
摘要：指定“Vary: Accept-Encoding”标头，用一句话来说明它的意义，就是“告诉代理服务器缓存两种版本的资源：压缩和非压缩，这有助于避免一些公共代理不能正确地检测Content-Encoding标头的问题。”这句话其实很好理解，但是，我还是想更详细的解释。 先来看看下面这幅图： 这个图显示
阅读全文
摘要：设置浏览器缓存 304是协商缓存还是要和服务器通信一次，要想断绝服务器通信，就要强制浏览器使用本地缓存（cache-control/expires）， 一般有如下几种方式设置浏览器缓存。 1、通过HTTP的META设置expires和cache-control 这样写的话仅对该网页有效，对网页中的图
阅读全文
摘要：摘要：小编结合公司的实际情况，是在NGINX上面配置的。 话不多说，直奔正题： 在NGINX上面配置浏览器缓存时，需要额外添加模块，即 ngx_http_headers_module。 由于小编是由于公司需求才接触到NGINX的，所以，一方面是新手，不能在正式环境和测试环境直接搞，以为怕炸锅。另一方
阅读全文
摘要：之前，由于公司需求搭建了公司的前端框架，后来在做性能优化时，通过插件检测说是使用浏览器缓存能够大大提高响应速度。本来以为还是比较好做的，但是，按着自己的想法做了很多的尝试，都不能成功。后来，转变思维模式，不仅仅局限在前端，哎，总之，绕了好大一圈才做好，花费了不少的时间。 下面小编将从零撸一遍关于浏览
阅读全文
摘要：这个是后台管理的动态创建的菜单，比较难，不过，仔细揣摩还是比较简单的，所以，直接上代码。 配上这张图看代码的话，可能更加好理解这段代码。 下面这一种和前一种的区别就是他们的数据结构不一样，导致实现代码的逻辑也不一样。不过，下面这一种方式复杂的工作全部交给了后台，基本上没有前端什么事情了。
阅读全文
摘要：最近Docker突然火得不得了，到处都是谈论Docker的声音，相信大家和小编一样的心情，看这个东西有点高大上，但尝试去阅读Docker文章时又发现概念很模糊、不接地气、难以理解、无从下手…于是三天打鱼两天晒网，最终不了了之，反正公司也没要求用这玩意儿，不费劲了… 这不，当前几天项目要求快速上线并且
阅读全文
摘要：Docker 是 Golang 编写的， 自 2013 年推出以来，受到越来越多的开发者的关注。如果你关注最新的技术发展，那么你一定听说过 Docker。不管是云服务还是微服务（Microservices），越来越多的厂商都开始基于 Docker 作为基础设施自动化的工具。那么什么是 Docker？
阅读全文
摘要：artTemplate有原生语法和简洁语法两种语法，在一个页面中简洁语法与原生语法不能混用，否则会残生冲突，所以你首先得确定你要用简洁语法还是原生语法。因此，下面通过artTemplate简洁语法渲染一种稍微复杂一点的数据结构。我下面会列举两种这样的数据结构的实现方式。 第一种实现方式如下： var
阅读全文
摘要：内容基本是今年从其他大神的文章学习到的东西。出处在底下。 1、Array.includes 与条件判断 一般我们判断或用 || 如果我们有更多水果 2、Set 与去重 ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set 本身是一个构造函数，用来生成 Set
阅读全文
摘要：Audits和Chrome性能插件 Audits Audits 其实就是分析当前网页的性能的，比如说雅虎军规，这个东西能够大致给我们分析出来一些我们做的不好的地方而且能给我们一些解决意见。 雅虎军规参考网址：https://github.com/creeperyang/blog/issues/1 A
阅读全文
摘要：这个不是Apache或者Nginx输出的，而是由语言解析器或者应用程序框架输出的。 这个值的意义用于告知网站是用何种语言或框架编写的。例如：PHP标准输出是：X-Powered-By: PHP/5.2.1，可在php.ini中增加或修改 expose_php = Off关闭。而使用了ThinkPHP
阅读全文
摘要：proxy.js: 随后在package.json中配置script字段，npm启动此代理即可， 参考资料 https://github.com/chimurai/http-proxy-middleware/blob/master/examples/browser-sync/index.js
阅读全文
摘要：font-size是设置字体的属性 常见设置字体大小有 px, rem,em 但是有一种设置就是设置 font-size为百分比。 font-size:100%; 设置字体属性为默认大小，是相对于浏览器默认字体大小或继承body设定的字体大小来说的 example: body{ font-size:
阅读全文
摘要：背景 前段时间，由于公司的实际的业务需求，需要实现地图。然后，我找了好多的可视化框架，经过一番选择之后，最终，最终决定使用Echarts实现公司的需求。 效果图： 效果图及源代码都上传到GitHub上面。 点击此处查看效果及源码 另外一种实现方法： 因为在这儿之前使用百度地图API做过一些东西，所以
阅读全文
