10 | {{ page.title }} 11 |
12 |
14 | {{ page.content }}
15 |
16 |
3 |
4 |  %>)
5 |
6 | <%- theme.site_desc %>
7 |
8 |
9 |
12 |
13 |
5 |
6 | <%- theme.site_desc %>
7 |
8 |
9 |
12 |
7 |
14 | {% endblock %}
15 |
--------------------------------------------------------------------------------
/source/_posts/20190909.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-09-09'
3 | date: 2019-09-09 09:17:58
4 | tags:
5 | ---
6 |
7 | 1. [面试官: 100万个成员的数组取第一个和最后一个有性能差距吗?](https://juejin.im/post/5d75a5266fb9a06b1a56b137)
8 |
9 | 2. [拿到一份设计稿，我该如何进行移动端开发？](https://juejin.im/post/5d736747e51d4561ff66688c)
10 |
11 | 3. [京东 PC 首页 2019 改版前端总结](https://juejin.im/post/5d71c98a6fb9a06ae8362f52)
12 |
13 | 4. [vue-cli 自动化测试 Nightwatch 详解](https://juejin.im/post/5b867f196fb9a019d74766ec)
14 |
15 | 5. [BadJS ](https://github.com/BetterJS/doc)
--------------------------------------------------------------------------------
/source/_posts/20190911.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-09-11'
3 | date: 2019-09-11 16:41:57
4 | tags:
5 | ---
6 |
7 | 1. [逐步优雅的表单验证](https://juejin.im/post/5d5b4525e51d4561bb33fb4d)
8 |
9 | 2. [重学 this 关键字(进阶必备知识）](https://juejin.im/post/5d6e5f77f265da03e05b2fd9)
10 |
11 | 3. [前端中的接口聚合](https://juejin.im/post/5d785a0be51d453bc52316a8)
12 |
13 | 4. [要搭建自己的实时音视频服务？你需要留意这些坑](https://juejin.im/post/5d78aae6e51d453b7625851c)
14 |
15 | 5. [全栈开发博客系统（nodejs+vuejs+mongodb）](https://juejin.im/post/5d7849a65188250d9432c13a)
--------------------------------------------------------------------------------
/source/_posts/20191105.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-11-05'
3 | date: 2019-11-05 11:47:05
4 | tags:
5 | ---
6 |
7 | 1. [整理 node-sass 安装失败的原因及解决办法](https://segmentfault.com/a/1190000010984731?utm_source=tag-newest)
8 |
9 | 2. [基于node的前端项目编译时内存溢出问题](https://segmentfault.com/a/1190000010437948)
10 |
11 | 3. [antdtheme](https://www.antdtheme.com/aliyun)
12 |
13 | 4. [ant-design-vue运行时切换主题](https://blog.csdn.net/qq_24922757/article/details/90483983)
14 |
15 | 5. [TypeScript 中文手册](https://typescript.bootcss.com/)
--------------------------------------------------------------------------------
/source/_posts/20200329.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2020-03-29'
3 | date: 2020-03-29 12:26:38
4 | tags:
5 | ---
6 |
7 | 1. [「颜值即正义」那些管UI小姐姐要来的网站](https://juejin.im/post/5e7cdee26fb9a03c6e640cc7)
8 |
9 | 2. [前端缓存那些事](https://juejin.im/post/5e7ef4a9e51d4546f8784b21)
10 |
11 | 3. [《吐血整理》系列 大厂前端组件库工具集合（PC端、移动端、JS、CSS等）](https://juejin.im/post/5e7b70b651882535fb1d5cc4)
12 |
13 | 4. [面经合集 | 面试不用愁，掘友能解忧，一批大厂面试经验新鲜出炉啦~](https://juejin.im/post/5e731c4c51882549112b5c2d)
14 |
15 | 5. [AntV](https://antv.gitee.io/zh#products)
--------------------------------------------------------------------------------
/source/_posts/20190426.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-04-26'
3 | date: 2019-04-26 09:30:20
4 | tags:
5 | ---
6 |
7 | 1. [一百行js代码实现一个校验工具](https://juejin.im/post/5cc16951e51d45400f5d5852)
8 |
9 | 2. [一次Web端大量图片同时加载卡顿问题的优化之旅](https://juejin.im/post/5cbd30e7e51d456e803516ba)
10 |
11 | 3. [【译】缓存 React 中事件监听来提升性能](https://juejin.im/post/5ca0df87f265da30827a10f7)
12 |
13 | 4. [「全栈之路」Web前端开发的后端指南](https://juejin.im/post/5cc02aacf265da039e1ff3fa)
14 |
15 | 5. [可能是最全的前端动效库汇总](https://juejin.im/post/5cc089eae51d456e7d189f9d)
--------------------------------------------------------------------------------
/source/_posts/20190712.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-07-12'
3 | date: 2019-07-12 09:32:04
4 | tags:
5 | ---
6 |
7 | 1. [Javascript性能开销](https://mp.weixin.qq.com/s/iUXP3erdHFDfEs2aCC5F2w)
8 |
9 | 2. [2020年设计趋势](https://mp.weixin.qq.com/s/gor4ZsYMZKwtBMGDWvYkJQ)
10 |
11 | 3. [嘿，不要给 async 函数写那么多 try/catch 了](https://juejin.im/post/5d25b39bf265da1bb67a4176)
12 |
13 | 4. [用优雅的代码武装我们的koa2项目](https://juejin.im/post/5d255d05518825424d656e11)
14 |
15 | 5. [二叉树 Easy 篇](https://mp.weixin.qq.com/s/NNIn8BLUIBWCvEjYgzb2mg)
--------------------------------------------------------------------------------
/source/_posts/20191028.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-10-28'
3 | date: 2019-10-28 09:23:31
4 | tags:
5 | ---
6 |
7 | 1. [13 个 JS 数组精简技巧，一起来看看](https://juejin.im/post/5db62f1bf265da4d560906ab)
8 |
9 | 2. [精读《Nuxtjs》](https://juejin.im/post/5db63ca1f265da4d226e2476)
10 |
11 | 3. [基于vue+vant搭建H5通用架子](https://juejin.im/post/5db52dedf265da4d495c3fb8)
12 |
13 | 4. [前端工程师应该知道的yarn知识](https://juejin.im/post/5da9c6b0e51d4524d67486e2)
14 |
15 | 5. [web前端面试总结(自认为还算全面哈哈哈哈哈！！！）](https://juejin.im/post/5dafb263f265da5b9b80244d)
--------------------------------------------------------------------------------
/themes/calamus/layout/archive.swig:
--------------------------------------------------------------------------------
1 | {% extends "_layout.swig" %}
2 | {% import '_macro/archive.swig' as archive_template %}
3 |
4 | {% block title %}
5 | {% if page.archive %}
6 | {{ __('menu.archives') }} - {{ config.title }}
7 | {% elif page.tag %}
8 | {{ page.tag }} - {{ config.title }}
9 | {% elif page.category %}
10 | {{ page.category }} - {{ config.title }}
11 | {% endif %}
12 | {% endblock %}
13 |
14 | {% block content %}
15 | {{ archive_template.render() }}
16 | {% endblock %}
17 |
--------------------------------------------------------------------------------
/source/_posts/20190627.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-06-27'
3 | date: 2019-06-27 09:30:38
4 | tags:
5 | ---
6 | 1. [详解 HTML attribute 和 DOM property](https://juejin.im/post/5d11953e518825329a627117)
7 |
8 | 2. [Hybird框架搭建](https://juejin.im/post/5d0dd5b46fb9a07ebf4b77c4)
9 |
10 | 3. [如何分析Node内存泄露](https://mp.weixin.qq.com/s/HoRso1LzvlXUTjnfOmuldA)
11 |
12 | 4. [这个前端写的免费 Web 版 PS，让他三十岁前财务自由](https://juejin.im/post/5d1178c3e51d45108223fc92)
13 |
14 | 5. [这儿有20道大厂面试题等你查收](https://juejin.im/post/5d124a12f265da1b9163a28d)
--------------------------------------------------------------------------------
/source/_posts/20190925.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-09-25'
3 | date: 2019-09-25 10:26:20
4 | tags:
5 | ---
6 |
7 | 1. [理清JS中的深拷贝与浅拷贝](https://juejin.im/post/5d8aab2af265da5b932e550e)
8 |
9 | 2. [前端开发中79条不可忽视的知识点汇总](https://juejin.im/post/5d8989296fb9a06b1f147070)
10 |
11 | 3. [11道浏览器原理面试题](https://juejin.im/post/5d89798d6fb9a06b102769b1)
12 |
13 | 4. [【译】这44个 CSS 精选知识点你能在30 秒内给出答案吗？](https://juejin.im/post/5d40120f6fb9a06b0471d956)
14 |
15 | 5. [NodeJS有难度的面试题，你能答对几个？](https://juejin.im/post/5d2fc598e51d4577596487a3)
--------------------------------------------------------------------------------
/source/_posts/20191031.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-10-31'
3 | date: 2019-10-31 09:27:24
4 | tags:
5 | ---
6 |
7 | 1. [通过 41 个 问答方式快速了解学习 Git](https://juejin.im/post/5dba2249f265da4cef190484)
8 |
9 | 2. [大前端团队代码规范](https://juejin.im/post/5db919816fb9a020333c362f)
10 |
11 | 3. [腾讯web前端团队的开发规范](http://alloyteam.github.io/CodeGuide/)
12 |
13 | 4. [再次梳理AMD、CMD、CommonJS、ES6 Module的区别](https://juejin.im/post/5db95e3a6fb9a020704bcd8d)
14 |
15 | 5. [VSCode前端必备插件，有可能你装了却不知道如何使用？](https://juejin.im/post/5db66672f265da4d0e009aad)
--------------------------------------------------------------------------------
/source/_posts/20191101.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-11-01'
3 | date: 2019-11-01 15:02:02
4 | tags:
5 | ---
6 |
7 | 1. [将 React 渲染到嵌入式液晶屏](https://juejin.im/post/5dbb729e51882524c101ffe1)
8 |
9 | 2. [[译] Node.js 新特性将颠覆 AI、物联网等更多惊人领域](https://juejin.im/post/5dbb8d70f265da4d12067a3e)
10 |
11 | 3. [Typescript 严格模式有多严格？](https://juejin.im/post/5dba8981e51d452a1a580f9d)
12 |
13 | 4. [【译】2019年前端必备资源](https://juejin.im/post/5dbb9a8ce51d456e665a71ab)
14 |
15 | 5. [烹饪一道美味的 CLI](https://juejin.im/post/5db9bbc0518825646350037c)
--------------------------------------------------------------------------------
/source/_posts/20190716.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-07-16'
3 | date: 2019-07-16 09:14:48
4 | tags:
5 | ---
6 |
7 | 1. [分享狼叔关于《大前端工程化的实践与思考》](https://juejin.im/post/5d25ff4ff265da1bcb4f5502)
8 |
9 | 2. [图解JavaScript对象属性四个特性](https://shuaihua.cc/article/javascript-object-property-attribute/)
10 |
11 | 3. [不花钱就可以给企业微信做个提醒机器人](https://mp.weixin.qq.com/s/LcCBhFO5WSHWKOo3cUOtAw)
12 |
13 | 4. [像素艺术编辑器](https://juejin.im/post/5d1427bce51d4577790c1cc2)
14 |
15 | 5. [Web应用程序如何创建 PDF](https://juejin.im/post/5d2bc1d4f265da1bc41482f3)
--------------------------------------------------------------------------------
/source/_posts/20200401.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2020-04-01'
3 | date: 2020-04-01 12:41:50
4 | tags:
5 | ---
6 |
7 | 1. [前端高级进阶：团队中如何进行代码规范约束](https://juejin.im/post/5e83da19e51d45471a1cb6dd)
8 |
9 | 2. [《Vue不看源码懂原理》系列——Vue的diff算法不难懂](https://juejin.im/post/5e786da45188255e3456dc56)
10 |
11 | 3. [一个前端工程师的Docker学习笔记【持续更新】](https://juejin.im/post/5e839f2851882573ab44f1b4)
12 |
13 | 4. [手把手教你搭建一个灰度发布环境](https://juejin.im/post/5e82b536f265da47df1cb931)
14 |
15 | 5. [写给初中级前端的高级进阶指南](https://juejin.im/post/5e7c08bde51d455c4c66ddad)
--------------------------------------------------------------------------------
/source/_posts/20190527.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-05-27'
3 | date: 2019-05-27 09:24:48
4 | tags:
5 | ---
6 |
7 | 1. [【译】11 种在大多数教程中找不到的JavaScript技巧](https://juejin.im/post/5ce88a3951882533182d7e7d)
8 |
9 | 2. [前端面经分享|腾讯](https://juejin.im/post/5ce9f666e51d45777621baf7)
10 |
11 | 3. [关于webpack4的14个知识点,童叟无欺](https://juejin.im/post/5cea1e1ae51d4510664d1652)
12 |
13 | 4. [中高级前端开发高频面试题](https://juejin.im/post/5ceaaaf0e51d45508c2fb7c0)
14 |
15 | 5. [【Step-By-Step】一周面试题 && 答案汇总 / 周刊01](https://juejin.im/post/5cea6e5fe51d45775e33f4de)
--------------------------------------------------------------------------------
/source/_posts/20190610.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-06-10'
3 | date: 2019-06-10 09:33:05
4 | tags:
5 | ---
6 |
7 | 1. [[现场实录] VueConf 2019 尤雨溪演讲总结](https://juejin.im/post/5cfb1907e51d457756536760) 👍👍👍
8 |
9 | 2. [JavaScript 中数组方法 reduce 的妙用之处](https://juejin.im/post/5cfcaa7ae51d45109b01b161)
10 |
11 | 3. [如何实现一个下载进度条/播放进度条](https://juejin.im/post/5cfcd4c5f265da1bb13f246e)
12 |
13 | 4. [用JS开发跨平台桌面应用，从原理到实践](https://juejin.im/post/5cfd2ec7e51d45554877a59f)
14 |
15 | 5. [前端大文件上传](https://juejin.im/post/5cf765275188257c6b51775f)
--------------------------------------------------------------------------------
/source/_posts/20190715.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-07-15'
3 | date: 2019-07-15 09:10:47
4 | tags:
5 | ---
6 |
7 | 1. [随机不只是 Math.random —— 前端噪声应用](https://juejin.im/post/5d285648f265da1b942176d8)
8 |
9 | 2. [个人职业成长之路](https://mp.weixin.qq.com/s/-jAD9Rqd2Hh6J2I4_r0NZw)
10 |
11 | 3. [IPv6 优于 IPv4 的十大功能](https://juejin.im/post/5d254c9ef265da1b8a4f453c)
12 |
13 | 4. [使用 ADB 和 Node.js 训练抖音模型——寻找好看的小姐姐](https://juejin.im/post/5d2a95836fb9a07ece67fddd)
14 |
15 | 5. [单标签！纯CSS实现动态晴阴雨雪](https://juejin.im/post/5d2716ab5188257b775d35ba)
--------------------------------------------------------------------------------
/themes/calamus/layout/index.swig:
--------------------------------------------------------------------------------
1 | {% extends "_layout.swig" %}
2 | {% import '_macro/post.swig' as post_template %}
3 |
4 |
5 | {% block title %} {{ config.title }} - {{ config.description }}{% endblock %}
6 |
7 | {% block content %}
8 |
8 | {{ _p('counter.categories', site.categories.length) }}
9 |
10 |
13 |
9 | {% for post in page.posts %}
10 | {{ post_template.render(post) }}
11 | {% endfor %}
12 | {% include "_partial/pagination.swig" %}
13 |
14 | {% include "_partial/widget.swig" %}
15 | {% endblock %}
16 |
--------------------------------------------------------------------------------
/source/_posts/20190516.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-05-16'
3 | date: 2019-05-16 09:30:17
4 | tags:
5 | ---
6 | 1. [探索 Serverless 中的前端开发模式](https://juejin.im/post/5cdc3dc2e51d453b6c1d9d3a)
7 |
8 | 2. [【Hello CSS】第七章-CSS的继承与可变性](https://juejin.im/post/5cdc36e86fb9a031f038200b)
9 |
10 | 3. [一些你所不知道的VS Code插件](https://juejin.im/post/5cdb7608e51d456e6154b530)
11 |
12 | 4. [如何配置透明发光的骚气 vscode —— Jinkey 原创](https://juejin.im/post/5cdbe78cf265da034d2a3910)
13 |
14 | 5. [koa+mongodb打造掘金关注者分析面板](https://juejin.im/post/5cdac2dff265da0354032e8a)
--------------------------------------------------------------------------------
/source/_posts/20190723.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-07-23'
3 | date: 2019-07-23 09:20:56
4 | tags:
5 | ---
6 |
7 | 1. [Vue单页项目SEO完全指南](https://juejin.im/post/5d2d64f36fb9a07eba2c6f65)
8 |
9 | 2. [前端基础篇之CSS世界](https://juejin.im/post/5ce607a7e51d454f6f16eb3d)
10 |
11 | 3. [重构支付宝小程序构建流程有感](https://juejin.im/post/5d31c96be51d4555fc1acd56)
12 |
13 | 4. [使用 anime.js 轻松实现 SVG 路径 (path) 曲线动画](http://svgtrick.com/tricks/0e6a3b75457d67299e797c0e0d4c7fb2)
14 |
15 | 5. [21 个VSCode 快捷键，让代码更快，更有趣](https://juejin.im/post/5d34fdfff265da1b897b0c8d)
--------------------------------------------------------------------------------
/source/_posts/20190729.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-07-29'
3 | date: 2019-07-29 09:17:59
4 | tags:
5 | ---
6 |
7 |
8 | 1. [多网站项目的 CSS 架构](https://juejin.im/post/5d3a58df5188251ce02ff228)
9 |
10 | 2. [JS 中有趣的事实](https://dev.to/shafikshaon/interesting-facts-in-javascript-22nk)
11 |
12 | 3. [理解动态规划](https://juejin.im/post/5d3968845188254bc1109db0)
13 |
14 | 4. [Vue必知必会（8）数组有哪些方法支持响应式更新，如不支持如何处理，底层原理如何实现的？](https://juejin.im/post/5d3d72ea5188254a9b3726e3)
15 |
16 | 5. [Chrome 77 开发者工具新特性](https://juejin.im/post/5d3d122e51882520911db850)
--------------------------------------------------------------------------------
/source/_posts/20200113.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2020-01-13'
3 | date: 2020-01-13 09:14:33
4 | tags:
5 | ---
6 |
7 | 1. [让你优雅的填满Github的绿色格子-AutoCommit](https://juejin.im/post/5e173602e51d45315b2feafc)
8 |
9 | 2. [从零到部署：用 Vue 和 Express 实现迷你全栈电商应用（四）](https://juejin.im/post/5e1967cd6fb9a02fbc4ac6e6)
10 |
11 | 3. [从 8 道面试题看浏览器渲染过程与性能优化](https://juejin.im/post/5e143104e51d45414a4715f7)
12 |
13 | 4. [正确使用动画的终极指南](https://juejin.im/post/5e1b05485188254dc67a7e0e)
14 |
15 | 5. [Vue.js的高级面试题以及答案](https://juejin.im/post/5e1473e46fb9a0481759e3d6)
--------------------------------------------------------------------------------
/themes/calamus/source/css/style.scss:
--------------------------------------------------------------------------------
1 | @import "_custom/custom";
2 | @import "variables";
3 |
4 | @import "_common/utils";
5 | @import "_common/animation";
6 |
7 | @import "base";
8 | @import "layout";
9 | @import "_partial/header";
10 | @import "_partial/post";
11 | @import "_partial/pagination";
12 | @import "_partial/widget";
13 | @import "_partial/footer";
14 | @import "_partial/archive";
15 | @import "_partial/tags";
16 | @import "_partial/categories";
17 | @import "_partial/iconfont";
18 | @import "_partial/back-to-top";
19 |
--------------------------------------------------------------------------------
/source/_posts/20190919.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-09-19'
3 | date: 2019-09-19 09:25:33
4 | tags:
5 | ---
6 |
7 | 1. [通过实现25个数组方法来理解及高效使用数组方法(长文,建议收藏)](https://juejin.im/post/5d82c12ff265da03a31d6f92)
8 |
9 | 2. [【长文慎入】一文吃透 React SSR 服务端渲染和同构原理](https://juejin.im/post/5d7deef6e51d453bb13b66cd)
10 |
11 | 3. [nginx 这一篇就够了](https://juejin.im/post/5d81906c518825300a3ec7ca)
12 |
13 | 4. [基于 Vue 的商品主图放大镜方案](https://juejin.im/post/5d8235565188256bbe57dc84)
14 |
15 | 5. [关于带有"显示更多"按钮的多行文本截断思考😲](https://juejin.im/post/5d818e39e51d4561e0516ba4)
--------------------------------------------------------------------------------
/source/_posts/20190930.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-09-30'
3 | date: 2019-09-30 09:18:29
4 | tags:
5 | ---
6 |
7 | 1. [写给前端工程师看的Docker教程-中级篇](https://juejin.im/post/5d90cdeef265da5b555f547b)
8 |
9 | 2. [JS 10个常用的技巧和鲜为人知的特性](https://juejin.im/post/5d914537f265da5bba416cae)
10 |
11 | 3. [🚆新手前端不要慌! 给你✊10根救命稻草🍃](https://juejin.im/post/5d904712e51d45781e0f5dd0)
12 |
13 | 4. [收下这波 vue 技巧，让开发效率翻倍](https://juejin.im/post/5d8f0475f265da5b9d1ee503)
14 |
15 | 5. [【THE LAST TIME】彻底吃透 JavaScript 执行机制](https://juejin.im/post/5d901418518825539312f587)
--------------------------------------------------------------------------------
/themes/memory/source/style/loading.scss:
--------------------------------------------------------------------------------
1 | @import "variables";
2 |
3 | #loading-bar-wrapper {
4 | position: absolute;
5 | width: 100%;
6 | top: 0;
7 | left: 0;
8 | overflow: visible;
9 | z-index: 999;
10 | }
11 | #loading-bar {
12 | position: relative;
13 | width: 0;
14 | height: 2px;
15 | background-color: rgba(lighten($brand-color, 2%), 100%);
16 | transition: all 0.5s ease;
17 |
18 | @media (prefers-color-scheme: dark) {
19 | background-color: rgba(lighten($dark-mode-brand-color, 2%), 100%);
20 | }
21 | }
--------------------------------------------------------------------------------
/public/lib/velocity/bower.json:
--------------------------------------------------------------------------------
1 | {"name":"velocity","version":"1.2.2","homepage":"http://velocityjs.org","authors":[{"name":"Julian Shapiro","homepage":"http://julian.com/"}],"description":"Accelerated JavaScript animation.","main":["./velocity.js","./velocity.ui.js"],"keywords":["animation","jquery","animate","lightweight","smooth","ui","velocity.js","velocityjs","javascript"],"license":"MIT","ignore":["*.json","!/bower.json","LICENSE","*.md"],"dependencies":{"jquery":"*"},"repository":{"type":"git","url":"http://github.com/julianshapiro/velocity.git"}}
--------------------------------------------------------------------------------
/source/_posts/20190917.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-09-17'
3 | date: 2019-09-17 09:24:44
4 | tags:
5 | ---
6 |
7 | 1. [息息相关的 JS 同步，异步和事件轮询](https://juejin.im/post/5d802025e51d4561f17a518e)
8 |
9 | 2. [如何优雅的使用javascript递归画一棵结构树](https://juejin.im/post/5d7f2ddde51d4561ba48fe8c#heading-12)
10 |
11 | 3. [撸一个 Vue 自定义指令实现一键 Copy的功能](https://juejin.im/post/5d7ee31e518825664525dfe5)
12 |
13 | 4. [不要肆无忌惮地在你的项目中使用 ES78910 了～](https://juejin.im/post/5d7efbbb6fb9a06b2650c74a)
14 |
15 | 5. [Web验证的过去现在与未来](https://juejin.im/post/5d80122f51882571ed61f591)
--------------------------------------------------------------------------------
/source/_posts/20191013.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-10-13'
3 | date: 2019-10-14 09:18:20
4 | tags:
5 | ---
6 |
7 | 1. [前端代码质量-圈复杂度原理和实践](https://juejin.im/post/5da34216e51d4578502c24c5)
8 |
9 | 2. [【JS 口袋书】第 5 章：JS 对象生命周期的秘密](https://juejin.im/post/5da3ba47f265da5b926bd061)
10 |
11 |
12 | 3. [关于统计诗词字云中的解决方案](https://juejin.im/post/5da3c37f6fb9a04e1135f49d)
13 |
14 |
15 | 4. [剖析一些经典的CSS布局问题，为前端开发+面试保驾护航](https://juejin.im/post/5da282015188257d2a1c9e1d)
16 |
17 |
18 | 5. [干货HTTP/2.0，骗你是小狗](https://juejin.im/post/5da16e9ef265da5b76373d0e)
--------------------------------------------------------------------------------
/themes/calamus/source/css/_layout.scss:
--------------------------------------------------------------------------------
1 | #content {
2 | margin: $global-content-margin;
3 | width: 90%;
4 | max-width: $global-body-width;
5 | }
6 |
7 | #primary.home {
8 | width: 73%;
9 | float: left;
10 | }
11 |
12 | #primary {
13 | max-width: 850px;
14 | margin: $global-content-margin;
15 | }
16 |
17 | @include max-screen() {
18 | .site-header-inner, .content {
19 | width: 90%;
20 | }
21 | #secondary {
22 | display: none;
23 | }
24 | #primary.home {
25 | width: 100%;
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/source/_posts/20200615.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2020-06-15'
3 | date: 2020-06-15 10:18:43
4 | tags:
5 | ---
6 |
7 | 1. [基于 Web 端的人脸识别身份验证](https://juejin.im/post/5ee62c47f265da76c26e81df)
8 |
9 | 2. [为你的团队打造一个 Node CLI 工具吧](https://juejin.im/post/5ee5f18be51d457891293aa7)
10 |
11 | 3. [1.2W字 | 了不起的 TypeScript 入门教程](https://juejin.im/post/5edd8ad8f265da76fc45362c)
12 |
13 | 4. [对 JavaScript 开发者非常有用的 10 个技巧](https://juejin.im/post/5ee626026fb9a047e16c9e95)
14 |
15 | 5. [当后端一次性丢给你10万条数据, 作为前端工程师的你,要怎么处理?](https://juejin.im/post/5edf34c4f265da76e609ed00)
--------------------------------------------------------------------------------
/source/_posts/20191011.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-10-11'
3 | date: 2019-10-12 10:44:02
4 | tags:
5 | ---
6 |
7 | 1. [基于 WebGL 3D 可视化档案馆管理系统](https://juejin.im/post/5d9fe1cb518825358b2214d0)
8 |
9 | 2. [9102年了 还没学会前端自动化部署？](https://juejin.im/post/5d9fee456fb9a04e3348c5ad)
10 |
11 | 3. [图解直到今天也没什么人知道的原生dialog标签（非常详细）😂](https://juejin.im/post/5da017f8f265da5ba12ce849)
12 |
13 | 4. [【译】Google 官方文章——如何去做code review](https://juejin.im/post/5d80c27cf265da03e61b45c7)
14 |
15 | 5. [DIY VSCode 插件，让你的开发效率突飞猛进](https://juejin.im/post/5d9f2f436fb9a04e187c9c24)
--------------------------------------------------------------------------------
/source/_posts/20200405.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2020-04-05'
3 | date: 2020-04-05 16:44:08
4 | tags:
5 | ---
6 | 1. [看完这篇 Session、Cookie、Token，和面试官扯皮就没问题了](https://juejin.im/post/5e893002f265da48094d8cd3)
7 |
8 | 2. [明天全国哀悼日，一段css让全站变灰](https://juejin.im/post/5e86e221e51d4546ce27b99c)
9 |
10 | 3. [StompJS+SpeechSynthesis实现前端消息实时语音播报](https://juejin.im/post/5e88af84f265da47af1803ef)
11 |
12 | 4. [JS中数据类型检测四种方式的优缺点](https://juejin.im/post/5e88a683f265da47db2e38b8)
13 |
14 | 5. [面试官：Vue 的生命周期之间到底做了什么事清？（源码详解）](https://juejin.im/post/5e88953b6fb9a03c4e6468a5)
--------------------------------------------------------------------------------
/source/_posts/20190614.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-06-14'
3 | date: 2019-06-14 09:25:19
4 | tags:
5 | ---
6 |
7 | 1. [Three.js 学习笔记 - 给跳一跳小游戏添加光源，阴影](https://juejin.im/post/5d02243ee51d45572c060031)
8 |
9 |
10 | 2. [Vue3.0 前的TypeScript 最佳入门实践](https://juejin.im/post/5d0259f2518825405d15ae62)
11 |
12 |
13 | 3. [【前端词典】单页应用 VS 多页应用](https://juejin.im/post/5cffa35a6fb9a07ec63b0bb0)
14 |
15 |
16 | 4. [9102，作为前端必须知道 hook 怎么玩了](https://juejin.im/post/5d00a67cf265da1b8a4f156f)
17 |
18 |
19 | 5. [给项目加一个骨架屏吧](https://juejin.im/post/5d01e84451882565b4602840)
20 |
--------------------------------------------------------------------------------
/source/_posts/20190918.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-09-18'
3 | date: 2019-09-18 09:27:29
4 | tags:
5 | ---
6 |
7 | 1. [技术胖的2019新版React全家桶免费视频（84集）](https://juejin.im/post/5d817a15f265da039929a761)
8 |
9 | 2. [如何架构一个中后台项目的前端部分（webpack + 接口配置篇）](https://juejin.im/post/5d7d0211e51d4561ce5a1cf1)
10 |
11 | 3. [每日优鲜供应链前端团队微前端改造](https://juejin.im/post/5d7f702ce51d4561f777e258)
12 |
13 | 4. [5分钟带你领略:某跳动公司面试出镜率最高的算法之一——虚拟十叉树建模问题](https://juejin.im/post/5d7fb1e16fb9a06ac76de435)
14 |
15 | 5. [vue / react的UI库都在用的几个DOM API🚀](https://juejin.im/post/5d808601f265da03ef7a469b)
--------------------------------------------------------------------------------
/themes/calamus/source/css/_partial/_post.scss:
--------------------------------------------------------------------------------
1 | // ==============================
2 | // Post
3 | // ==============================
4 |
5 | .posts {
6 | margin-bottom: $post-list-margin-bottom;
7 | border-bottom: $post-border;
8 | }
9 |
10 | .post {
11 | padding: $post-padding;
12 |
13 | & + .post {
14 | border-top: $post-border;
15 | }
16 |
17 | .post-excerpt {
18 | img {
19 | padding-top: .5em;
20 | }
21 | }
22 |
23 | @import '_post/header';
24 | @import '_post/content';
25 | @import '_post/footer';
26 | }
27 |
--------------------------------------------------------------------------------
/themes/calamus/source/css/_partial/_back-to-top.scss:
--------------------------------------------------------------------------------
1 | // ==============================
2 | // Back to top
3 | // =============================
4 |
5 | .back-to-top {
6 | display: none;
7 | position: fixed;
8 | right: 20px;
9 | bottom: 20px;
10 | transition-property: transform;
11 | transition-timing-function: ease-out;
12 | transition-duration: 0.3s;
13 | z-index: 10;
14 |
15 | &:hover {
16 | transform: translateY(-5px);
17 | }
18 | }
19 |
20 | @include max-screen() {
21 | .back-to-top {
22 | display: none !important;
23 | }
24 | }
--------------------------------------------------------------------------------
/source/_posts/20200330.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2020-03-30'
3 | date: 2020-03-30 13:19:47
4 | tags:
5 | ---
6 |
7 | 1. [高级前端开发者必会的34道Vue面试题解析（三）](https://juejin.im/post/5e8064c551882573a13777e2)
8 |
9 | 2. [一文了解文件上传全过程（1.8w字深度解析，进阶必备）](https://juejin.im/post/5e80511f51882573793e6428)
10 |
11 | 3. [你所需要的跨域问题的全套解决方案都在这里啦！（前后端都有）](https://juejin.im/post/5e8158e1e51d45470d5269af)
12 |
13 | 4. [【思维导图】前端开发-巩固你的JavaScript知识体系](https://juejin.im/post/5e8089dde51d4546d72d2099#heading-14)
14 |
15 | 5. [艰难用echarts模拟甘特图😭，直到我发现了dhtmlxGantt](https://juejin.im/post/5e7ffd56f265da794e526102)
--------------------------------------------------------------------------------
/source/_posts/20190411.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-04-11'
3 | date: 2019-04-11 09:17:02
4 | tags:
5 | ---
6 |
7 | 1. [深入前端性能监控](https://segmentfault.com/a/1190000018785911)
8 |
9 | 2. [LD | 前端一定要知道的设计常识(一) | 席克定律](https://juejin.im/post/5cab54d76fb9a0688e06566e)
10 |
11 | 3. [CSS 你到底有多少长度单位？](https://juejin.im/post/5cac8b28f265da0368143cfb)
12 |
13 | 4. [你不知道的浏览器页面渲染机制](https://juejin.im/post/5ca0c0abe51d4553a942c17d)
14 |
15 | 5. [使用 d3.js 力导布局绘制资源拓扑图](https://juejin.im/post/5caddf14e51d456e3267e3de)
16 |
17 | 6. [深入理解前端性能监控](https://juejin.im/post/5caaacc0e51d452b45296487)
18 |
--------------------------------------------------------------------------------
/source/_posts/20190927.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: 20190927
3 | date: 2019-09-27 09:45:27
4 | tags:
5 | ---
6 |
7 | 1. [npm进阶——如何拥有自己的包和流程自动化](https://juejin.im/post/5d8d679ef265da5b6a1688c2)
8 |
9 | 2. [看完这篇，面试再也不怕被问 Webpack 热更新](https://juejin.im/post/5d8b755fe51d45781332e919)
10 |
11 | 3. [微前端入门](https://juejin.im/post/5d8adb8ff265da5ba12cd173)
12 |
13 | 4. [常见的三个 JS 面试题](https://juejin.im/post/5d8bfef051882511f444f565)
14 |
15 | 5. [辛辛苦苦学会的 webpack dll 配置，可能已经过时了](https://juejin.im/post/5d8aac8fe51d4578477a6699)
16 |
17 | 6. [给自己搭个脚手架](https://juejin.im/post/5d8c7235e51d457824771d17)
--------------------------------------------------------------------------------
/source/_posts/20191107.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-11-07'
3 | date: 2019-11-07 09:33:16
4 | tags:
5 | ---
6 |
7 | 1. [一个简单易用的电商活动页面生成系统](https://juejin.im/post/5cf328706fb9a07f042030f0)
8 |
9 | 2. [高扩展的在线网页制作平台-码良正式开源](https://juejin.im/post/5cf0c02df265da1b80202b22)
10 |
11 | 3. [gods-pen](https://github.com/ymm-tech/gods-pen)
12 |
13 | 4. [如何设计高扩展的在线网页制作平台](https://juejin.im/post/5bd83daee51d4524b50d23b5)
14 |
15 | 5. [基于 vue 的移动端页面可视化搭建工具思路](https://juejin.im/post/5cc072bef265da038f774505)
16 |
17 | 6. [Vue-Layout:可视化布局、自动生成代码工具](https://juejin.im/post/5993d97b51882524316f2895)
--------------------------------------------------------------------------------
/themes/calamus/layout/page.swig:
--------------------------------------------------------------------------------
1 | {% extends "_layout.swig" %}
2 |
3 | {% block title %} {{ page.title }} - {{ config.title }} {% endblock %}
4 |
5 | {% block content %}
6 |
7 |
8 |
9 |
13 |
17 |
18 | {% endblock %}
19 |
--------------------------------------------------------------------------------
/source/_posts/20190312.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-03-12'
3 | date: 2019-03-12 09:01:58
4 | tags:
5 | ---
6 |
7 | 1. [【译】JS的执行上下文和环境栈是什么？](https://juejin.im/post/5c855410e51d45555e2626fd)
8 |
9 | 2. [前端开发者必备的Nginx知识](https://juejin.im/post/5c85a64d6fb9a04a0e2e038c)
10 |
11 | 3. [使用 Taro 开发微信小程序的实践 + 踩坑合集](https://juejin.im/post/5c85ab44f265da2dc8499d38)
12 |
13 | 4. [让你的网页更丝滑（一）](https://juejin.im/post/5c860282e51d45531330e10e)
14 |
15 | 5. [面试之CSS篇 - 边距重叠与BFC](https://juejin.im/post/5c860afd6fb9a049fd10ab9d)
16 |
17 | 6. [使用 docker 部署前端应用](https://juejin.im/post/5c83cbaa6fb9a04a0f65fdaa)
--------------------------------------------------------------------------------
/source/_posts/20190703.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-07-03'
3 | date: 2019-07-03 09:53:27
4 | tags:
5 | ---
6 |
7 | 1. [仿网易云音乐微信小程序](https://juejin.im/post/5d10c899f265da1bae390749)
8 |
9 | 2. [深入浅出 Weex 核心原理](https://juejin.im/post/5d14619bf265da1b6c5f8747)
10 |
11 | 3. [【推荐】前端开发语言的过去、现在与未来](https://mp.weixin.qq.com/s/zLSJm9lBel-EbDJJiVv75A)
12 |
13 | 4. [浏览器播放rtsp视频流解决方案](https://juejin.im/post/5d183a71f265da1b6e65b8ff)
14 |
15 | 6. [如何快速上手Flutter](https://mp.weixin.qq.com/s/2K7DtF3tmCu8uCgE7uKX0Q)
16 |
17 | 7. [RGB、HSL、Hex网页色彩](https://mp.weixin.qq.com/s/Cl6iAlKYepb4ARhlOSULlQ)
--------------------------------------------------------------------------------
/source/_posts/20190815.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-08-15'
3 | date: 2019-08-15 09:39:39
4 | tags:
5 | ---
6 |
7 | 1. [浏览器显示及交互背后的原理](https://juejin.im/post/5d4f8d96f265da03a715c469)
8 |
9 | 2. [混沌工程：给你的前端系统添点乱](https://juejin.im/post/5d4ab921e51d4562165534a1)
10 |
11 | 3. [如何管理CSS“内裤”](https://juejin.im/post/5ba862d9f265da0ae472868a)
12 |
13 | 4. [少年，撸猫吗](https://juejin.im/post/5d5137066fb9a06b2a203214)
14 |
15 | 5. [22 道高频 JavaScript 手写面试题及答案](https://juejin.im/post/5d51e16d6fb9a06ae17d6bbc)
16 |
17 | 6. [一篇朴实的文章带你30分钟捋完TypeScript,方法是正反对比](https://juejin.im/post/5d53a8895188257fad671cbc)
--------------------------------------------------------------------------------
/source/_posts/前端实用网站.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: 前端实用网站
3 | date: 2019-04-02 09:42:42
4 | tags:
5 | categories:
6 | - web
7 | ---
8 |
9 | # 前端社区
10 | - [cnodejs](https://cnodejs.org/)
11 |
12 | # vue相关
13 | - [vue技术内幕](http://hcysun.me/vue-design/art/)
14 | ## vue插件
15 |
16 | # node相关
17 | - [egg](https://eggjs.org/)
18 |
19 | # 大佬的博客
20 | - [calamus(我自己的渣渣博客要放到第一个)](https://www.calamus.xyz)
21 | - [bang's blog](http://blog.cnbang.net/archives/)
22 |
23 | # 开发规范
24 | - [腾讯代码规范](http://alloyteam.github.io/CodeGuide/)
25 |
26 | # 常用代码
27 | - [常用JavaScript正则表达式汇编与示例](http://30ke.cn/doc/js-regexp)
--------------------------------------------------------------------------------
/themes/calamus/languages/zh-cn.yml:
--------------------------------------------------------------------------------
1 | menu:
2 | home: 首页
3 | archives: 归档
4 | tags: 标签
5 | categories: 分类
6 | about: 关于
7 |
8 | footer:
9 | powered: "由 %s 强力驱动"
10 | theme: 主题
11 |
12 | posts:
13 | prev: 上一页
14 | next: 下一页
15 | prev_post: 上一篇
16 | next_post: 下一篇
17 |
18 | counter:
19 | archives:
20 | zero: 暂无日志
21 | one: 目前共计 1 篇日志
22 | other: "目前共计 %d 篇日志"
23 |
24 | tagcloud:
25 | zero: 暂无标签
26 | one: 目前共计 1 个标签
27 | other: "目前共计 %d 个标签"
28 |
29 | categories:
30 | zero: 暂无分类
31 | one: 目前共计 1 个分类
32 | other: "目前共计 %d 个分类"
33 |
--------------------------------------------------------------------------------
/source/_posts/20190419.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: 20190419
3 | date: 2019-04-19 10:14:28
4 | tags:
5 | ---
6 |
7 | 1. [Sequlize详解](https://juejin.im/post/5cb3ea6ce51d456e896349d4)
8 |
9 | 2. [梳理下常见的不冒泡事件](https://juejin.im/post/5cb35c866fb9a068b65e1eee)
10 |
11 | 3. [使用 Web Speech API 实现多语言翻译](https://css-tricks.com/using-the-web-speech-api-for-multilingual-translations/)
12 |
13 | 4. [今天，小程序正式支持 SVG](https://juejin.im/post/5cb7d7e4e51d456e51614a8e)
14 |
15 | 5. [omi](https://tencent.github.io/omi/)
16 |
17 | 6. [新人成长：新人如何快速融入技术实力强的前端团队](https://juejin.im/post/5cb860a86fb9a06890705f14)
18 |
19 |
--------------------------------------------------------------------------------
/source/_posts/20190702.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-07-02'
3 | date: 2019-07-02 09:12:01
4 | tags:
5 | ---
6 |
7 | 1. [浏览器播放rtsp视频流解决方案](https://juejin.im/post/5d183a71f265da1b6e65b8ff)
8 |
9 | 2. [如何快速上手Flutter](https://mp.weixin.qq.com/s/2K7DtF3tmCu8uCgE7uKX0Q)
10 |
11 | 3. [RGB、HSL、Hex网页色彩](https://mp.weixin.qq.com/s/Cl6iAlKYepb4ARhlOSULlQ)
12 |
13 | 4. [《Web动画周报》第一期](https://juejin.im/post/5d14bcc46fb9a07f0052ecdf)
14 |
15 | 5. [零基础的小明怎样发展成前端工程师](https://mp.weixin.qq.com/s/URZhiIZHC_XyT1tUJSSI2g)
16 |
17 | 6. [淘宝Typescript多场景开发实践](https://mp.weixin.qq.com/s/N6Jmrbi-3AY_uo_lc-dBiw)
--------------------------------------------------------------------------------
/source/_posts/20190726.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-07-26'
3 | date: 2019-07-26 09:04:17
4 | tags:
5 | ---
6 |
7 | 1. [领域设计在前端的应用](https://mp.weixin.qq.com/s/pROCXZNZ7RKeYDlDUJng_Q)
8 |
9 | 2. [浏览器什么时候会发起网络请求，去加载一张图片? ](https://juejin.im/post/5d3700ff6fb9a07ea648b41f)
10 |
11 | 3. [前端离线化探索](http://www.alloyteam.com/2019/07/web-applications-offline/)
12 |
13 | 4. [2019下半年，该用用grid网格布局了！](https://juejin.im/post/5d3946335188255ac45f7331)
14 |
15 | 5. [来，跟我一起实现diff算法!](https://juejin.im/post/5d3967a56fb9a07efc49cca1)
16 |
17 | 6. [canvas+js从0开始撸一个俄罗斯方块](https://juejin.im/post/5d39175df265da1b904c2576)
--------------------------------------------------------------------------------
/source/_posts/20190926.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-09-26'
3 | date: 2019-09-26 09:42:04
4 | tags:
5 | ---
6 |
7 | 1. [怎样让后台小哥哥快速对接你的前端页面](https://juejin.im/post/5d89b2a7f265da03dd3db2ca)
8 |
9 | 2. [一张刮刮卡竟包含这么多前端知识点](https://juejin.im/post/5d8a3d62e51d45780f060490)
10 |
11 | 3. [基于nodeJS从0到1实现一个CMS全栈项目（上）](https://juejin.im/post/5d8af4cd6fb9a04e0925f3d8)
12 |
13 | 4. [练完这篇就会写正则](https://juejin.im/post/5d89edb1518825097619ecfe)
14 |
15 | 5. [Xcode 11 初体验](https://juejin.im/post/5d8b0b6951882502c5533e9b)
16 |
17 | 6. [Web Audio在音频可视化中的应用](https://juejin.im/post/5d8c122be51d4578176b4b2b)
18 |
19 |
--------------------------------------------------------------------------------
/source/_posts/20200402.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: 20200402
3 | date: 2020-04-02 11:38:56
4 | tags:
5 | ---
6 |
7 | 1. [面试官：为什么说Vue 的响应式更新比 React 快？（原理深度解析）](https://juejin.im/post/5e854a32518825736c5b807f)
8 |
9 | 2. [前端进阶算法2：从Chrome V8源码看JavaScript数组（附赠腾讯面试题）](https://juejin.im/post/5e84ae366fb9a03c840d564f)
10 |
11 | 3. [微前端那些事](https://juejin.im/post/5e83f8ad6fb9a03c5e0ccccc)
12 |
13 | 4. [每日优鲜供应链前端团队微前端改造](https://juejin.im/post/5d7f702ce51d4561f777e258)
14 |
15 | 5. [微前端](https://alili.tech/tags/%E5%BE%AE%E5%89%8D%E7%AB%AF/)
16 |
17 | 6. [可能是你见过最完善的微前端解决方案](https://zhuanlan.zhihu.com/p/78362028)
--------------------------------------------------------------------------------
/themes/calamus/source/css/_partial/_footer.scss:
--------------------------------------------------------------------------------
1 | // ==============================
2 | // Post footer
3 | // =============================
4 |
5 | .footer {
6 | margin-top: $footer-margin-top;
7 | }
8 |
9 | #colophon {
10 | width: 90%;
11 | margin: 30px auto 0;
12 | padding: 20px 0;
13 | border-top: 1px solid #e1e1e1;
14 | color: $dark-gray;
15 | font-size: 14px;
16 | max-width: $global-body-width;
17 | display: block;
18 | overflow: hidden;
19 | a {
20 | color: $dark-gray;
21 | }
22 |
23 | .footer-author{
24 | margin: 0 4px;
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/source/_posts/20200331.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2020-03-31'
3 | date: 2020-03-31 12:31:05
4 | tags:
5 | ---
6 |
7 | 1. [阿里前端攻城狮们又写了一份面试题答案，请查收|掘金技术征文](https://juejin.im/post/5e82aa8df265da47ca6910b5)
8 |
9 | 2. [骚年，请不要手敲 template 了](https://juejin.im/post/5e82a2f66fb9a03c7e200439)
10 |
11 | 3. [《大前端进阶 安全》系列 深入HTTPS本质（面试必会）](https://juejin.im/post/5e82b35951882573663f49da)
12 |
13 | 4. [VUE 3.0 学习探索入门系列 - Vue3.x 生命周期 和 Composition API 核心语法理解（6）](https://juejin.im/post/5e8010e26fb9a03c947cb98d)
14 |
15 | 5. [跨域红色报警再见 & 你需要了解的SameSite Cookie策略](https://juejin.im/post/5e8298556fb9a03c8d49e590)
16 |
17 |
--------------------------------------------------------------------------------
/source/_posts/20190325.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-03-25'
3 | date: 2019-03-25 09:47:31
4 | tags:
5 | ---
6 |
7 | 1. [【译】精挑细选的一份React性能问题优化的清单](https://juejin.im/post/5c905d166fb9a070c85902be)
8 |
9 | 2. [你不知道的 requestIdleCallback](https://juejin.im/post/5c96294c5188252d5379e660)
10 |
11 | 3. [小程序多端框架全面测评](https://mp.weixin.qq.com/s/m50sRTxBPmzYlgBmBSG9lA)
12 |
13 | 4. [一些有趣的 CSS 魔法和布局（上）](https://juejin.im/post/5c939345e51d452c4323a65b)
14 |
15 | 5. [每日 30 秒 ⏱ 数组也会秃顶](https://juejin.im/post/5c97e435e51d45552f1bd851)
16 |
17 | 6. [手把手教你写一个 VSCode 插件](https://juejin.im/post/5c8d120651882542860a599d)
18 |
--------------------------------------------------------------------------------
/source/_posts/20190403.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-04-03'
3 | date: 2019-04-03 09:27:30
4 | tags:
5 | ---
6 |
7 | 1. [Vue I18n](http://kazupon.github.io/vue-i18n/installation.html)
8 |
9 | 2. [avalon 2](http://avalonjs.coding.me/who.html)
10 |
11 | 3. [ES6、ES7、ES8、ES9、ES10新特性一览](https://juejin.im/post/5ca2e1935188254416288eb2)
12 |
13 | 4. [掘金 AMA：腾讯 Omi 框架作者--dntzhang 聊前端开发、谈学习路径和技术进阶](https://juejin.im/post/5ca2e15f6fb9a05e4f057f75)
14 |
15 | 5. [为什么 Node 是小菜前端团队的核心技术栈](https://juejin.im/post/5ca321f76fb9a05e5d09bb8a)
16 |
17 | 6. [[译] 从没有人告诉过我的 CSS 小知识](https://juejin.im/post/5ca2fa5551882543db10d489)
--------------------------------------------------------------------------------
/source/_posts/20190711.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-07-11'
3 | date: 2019-07-11 09:06:30
4 | tags:
5 | ---
6 |
7 | 1. [界面设计——视觉层面的三维解析](https://mp.weixin.qq.com/s?__biz=MzI1NzMwNDA0Mg==&mid=2247484778&idx=1&sn=5f78be2540ceb4dd06644892899dc67c&chksm=ea1831efdd6fb8f9242cd7d8fa064175fe73cf90f012716d5fa55fe461197d9fd839ff44bb3e&token=358583769&lang=zh_CN#rd)
8 |
9 | 2. [有赞前端质量保障体系](https://juejin.im/post/5d24096ee51d454d1d6285a1)
10 |
11 | 3. [大前端时代下的微前端架构：实现增量升级、代码解耦、独立部署](https://mp.weixin.qq.com/s/DVkrV_KKE9KaGSeUSenc6w)
12 |
13 | 4. [127.0.0.1和0.0.0.0地址的区别](https://juejin.im/post/5d258b6ae51d454f73356dcf)
--------------------------------------------------------------------------------
/source/_posts/design.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: design
3 | date: 2019-06-05 10:04:29
4 | tags:
5 | categories:
6 | - 网站收集
7 | - 设计
8 | ---
9 |
10 | [图怪兽](https://818ps.com/?route_id=15597002586851&route=1,&after_route=1)
11 |
12 | [Awwwards - Website Awards - Best Web Design Trends](https://www.awwwards.com/?utm_source=nicelinks.site)
13 |
14 | [Dribbble](https://dribbble.com/?utm_source=nicelinks.site)
15 |
16 | [sketch](https://www.sketch.com/?utm_source=nicelinks.site)
17 |
18 | [fotor懒设计](https://www.fotor.com.cn/?utm_source=nicelinks.site)
19 |
20 | [墨刀](https://modao.cc/?utm_source=nicelinks.site)
21 |
--------------------------------------------------------------------------------
/source/_posts/20190916.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-09-16'
3 | date: 2019-09-16 09:12:53
4 | tags:
5 | ---
6 |
7 | 1. [vue-waterfall-easy 2.x](https://github.com/lfyfly/vue-waterfall-easy/blob/master/README-CN.md)
8 |
9 | 2. [vue-waterfall2](https://github.com/AwesomeDevin/vue-waterfall2)
10 |
11 | 3. [vue-virtual-collection](https://github.com/starkwang/vue-virtual-collection)
12 |
13 | 4. [JS 中几种轻松处理'this'指向方式](https://juejin.im/post/5d7ecf2cf265da03a53a67e4)
14 |
15 | 5. [聊一聊前端算法面试——递归](https://juejin.im/post/5d7df6bff265da03b638dc97)
16 |
17 | 6. [首页白屏优化实践](https://juejin.im/post/5d7468db5188253264365017)
--------------------------------------------------------------------------------
/themes/calamus/source/css/_partial/_post/_header.scss:
--------------------------------------------------------------------------------
1 | .post-header {
2 | .post-title {
3 | margin: 0 0 10px;
4 | line-height: 1.4;
5 | font-size: $post-title-font-size;
6 | font-weight: $post-title-font-weight;
7 | font-family: $global-font-family;
8 | }
9 |
10 | .post-link {
11 | @include underline-from-center;
12 | }
13 |
14 | }
15 |
16 | .post-time {
17 | color: $post-time-font-color;
18 | display: block;
19 | font-size: 14px;
20 | margin-bottom: 10px;
21 | }
22 |
23 | .post-excerpt {
24 | p {
25 | margin: 0 0 16px;
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/source/_posts/20191030.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-10-30'
3 | date: 2019-10-30 13:59:23
4 | tags:
5 | ---
6 |
7 | 1. [茶余饭后聊聊 Vue3.0 响应式数据那些事儿](https://juejin.im/post/5db808e2e51d452a05505af3)
8 |
9 | 2. [async function(面试小难点？)](https://juejin.im/post/5db8fb3a6fb9a020827db069)
10 |
11 | 3. [手绘风格的 JS 图表库：Chart.xkcd](https://juejin.im/post/5db82b1ef265da4d072db064#heading-9)
12 |
13 | 4. [「前端进阶」高性能渲染十万条数据(虚拟列表)](https://juejin.im/post/5db684ddf265da4d495c40e5)
14 |
15 | 5. [小蝌蚪传记：200行代码实现前端无痕埋点](https://juejin.im/post/5db5cf2e6fb9a02074738b25)
16 |
17 | 6. [渲染树的形成原理你真的很懂吗?](https://juejin.im/post/5da2f4f7f265da5b8a516502)
--------------------------------------------------------------------------------
/themes/calamus/layout/_script/_analytics/google-analytics.swig:
--------------------------------------------------------------------------------
1 | {% if theme.google_analytics %}
2 |
11 | {% endif %}
--------------------------------------------------------------------------------
/source/_posts/20200311.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: 20200311
3 | date: 2020-03-11 10:28:20
4 | tags:
5 | ---
6 | 1. [大厂面试题分享：如何让(a===1&&a===2&&a===3)的值为true?](https://juejin.im/post/5e66dc416fb9a07cab3aaa0a)
7 |
8 | 2. [开源字体不香吗？五款 GitHub 上的爆红字体任君选](https://juejin.im/post/5e673e39518825495c659f13)
9 |
10 | 3. [从零到一教你基于vue开发一个组件库](https://juejin.im/post/5e63d1c36fb9a07cb427e2c2)
11 |
12 | 4. [妙用CSS变量，让你的CSS变得更心动](https://juejin.im/post/5e5d0f2ef265da5756325bb9)
13 |
14 | 5. [妙用CSS变量，让你的CSS变得更心动](https://juejin.im/post/5e5d0f2ef265da5756325bb9)
15 |
16 | 6. [127个常用的JS代码片段，每段代码花30秒就能看懂（四）](https://juejin.im/post/5e67767551882549422eea9a)
--------------------------------------------------------------------------------
/source/_posts/20190606.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-06-06'
3 | date: 2019-06-06 09:49:15
4 | tags:
5 | ---
6 |
7 | 1. [TOP 100 大前端超棒精选列表](https://www.jeffjade.com/2018/10/13/144-top-100-front-end-awesome-awesome-list/)
8 |
9 |
10 | 2. [浏览器输入URL到页面展示相关知识点图解](https://segmentfault.com/a/1190000019402642)
11 |
12 |
13 | 3. [前端bug录-移动端下载图片](https://segmentfault.com/a/1190000019403486)
14 |
15 |
16 | 4. [儿童节 | 让你在“我的世界”，“添码”行空](https://segmentfault.com/a/1190000019393524)
17 |
18 |
19 | 5. [一道面试题引发的思考](https://segmentfault.com/a/1190000019394504)
20 |
21 |
22 | 6. [从零开发一个node命令行工具](https://segmentfault.com/a/1190000019396484)
23 |
--------------------------------------------------------------------------------
/source/_posts/20191112.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-11-12'
3 | date: 2019-11-12 09:22:42
4 | tags:
5 | ---
6 |
7 | 1. [不务正业的前端之SSO（单点登录）实践](https://juejin.im/post/5b51f39b5188251a9f24a264)
8 |
9 | 2. [【TypeScript 演化史 -- 1】non-nullable 的类型](https://juejin.im/post/5dc9f3f5e51d455fc74a28fa)
10 |
11 | 3. [前端SKU算法的实现](https://juejin.im/post/5dc81ea36fb9a04a6f0fec28)
12 |
13 | 4. [认识SKU与SPU](https://github.com/kingshuaishuai/blog/blob/master/%E8%AE%A4%E8%AF%86SKU%E4%B8%8ESPU.md)
14 |
15 | 5. [建议速读 | ES6 特性快速扫盲](https://juejin.im/post/5dc8b3f95188255945522b8d)
16 |
17 | 6. [一文搞懂Web中暗藏的密码学](https://juejin.im/post/5dc8e4efe51d45502e03f2f6)
--------------------------------------------------------------------------------
/source/_posts/20190619.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-06-19'
3 | date: 2019-06-19 09:30:32
4 | tags:
5 | ---
6 |
7 | 1. [10个流行的JavaScript面试题](https://juejin.im/post/5d0976c66fb9a07efa091bcf)
8 |
9 | 2. [掘金最污的 React16.x 图文视频教程(2万5千字长文-慎入)](https://juejin.im/post/5d085be0f265da1bac401937)
10 |
11 | 3. [8年前端开发的知识点沉淀(不知道会多少字，一直写下去吧...)](https://juejin.im/post/5d0878aaf265da1b83338f74)
12 |
13 | 4. [更优雅地基于 canvas 在前端画海报](https://juejin.im/post/5d087c0d6fb9a07eda031959)
14 |
15 | 5. [虚拟 DOM 到底是什么？](https://juejin.im/post/5d085ce85188255e1305cda1)
16 |
17 | 6. [毕设答辩，老师说node不可能写后台怎么办?](https://www.zhihu.com/question/327657434/answer/704499103)
--------------------------------------------------------------------------------
/source/_posts/20190529.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-05-29'
3 | date: 2019-05-29 09:32:26
4 | tags:
5 | ---
6 |
7 | 1. [教你三步爬取掘金前端优质文章](https://juejin.im/post/5ced0ce26fb9a07ea6485449)
8 |
9 | 2. [【进阶 6-3 期】深入浅出节流函数 throttle](https://juejin.im/post/**5cedd320f265da1ba77c85be**)
10 |
11 | 3. [记一次面试题，正则表达式(?=a)是什么意思？](https://juejin.im/post/5ceb7d9df265da1b8811ba7f)
12 |
13 | 4. [vue-cli3开发Chrome插件实践](https://juejin.im/post/5ceca3d96fb9a07eea3252f9)
14 |
15 | 5. [[译] 为什么要用 Node.js | Node.js Foundation 官方介绍](https://juejin.im/post/5cecdf606fb9a07ed7405ecd)
16 |
17 | 6. [vue-cli3开发Chrome插件实践](https://juejin.im/post/5ceca3d96fb9a07eea3252f9)
18 |
--------------------------------------------------------------------------------
/source/_posts/20190318.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-03-18'
3 | date: 2019-03-18 09:25:01
4 | tags:
5 | ---
6 |
7 | 1. [每日 30 秒之 巧用可视区](https://juejin.im/post/5c8bd4f5e51d456c95409bd8)
8 |
9 | 2. [2019年大前端技术趋势深度解读](https://mp.weixin.qq.com/s/WWqsd-SnILUWbiKEnSArDQ、)
10 |
11 | 3. [如何用Phaser实现一个全家福拼图H5](https://juejin.im/post/5c8ce89d6fb9a04a073146da)
12 |
13 | 4. [前端库](https://www.awesomes.cn/)
14 |
15 | 5. [d3](https://d3js.org/)
16 |
17 | 6. [animejs](https://animejs.com/)
18 |
19 | 7. [leafletjs](https://leafletjs.com/)
20 |
21 | 8. [CSS3 的鼠标悬停效果集合](https://github.com/IanLunn/Hover)
22 |
23 | 9. [markdown流程图生成](https://mermaidjs.github.io/)
--------------------------------------------------------------------------------
/source/_posts/20191022.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-10-22'
3 | date: 2019-10-22 11:11:08
4 | tags:
5 | ---
6 |
7 | 1. [跟我一起，从0实现并封装拖拽排列组件](https://juejin.im/post/5dae5daae51d4524c24821de)
8 |
9 | 2. [面试官问: 谈谈你对JavaScript基本数据类型:BigInt的理解](https://juejin.im/post/5dae5a23f265da5bae60a205)
10 |
11 | 3. [如何正确应对面试最后一问：你有什么问题想问我吗？](https://juejin.im/post/5dae5d2f51882576534d364f)
12 |
13 | 4. [小程序技能进阶回忆录 - 如何自主实现拦截器](https://juejin.im/post/5da80732f265da5b7f1ca788)
14 |
15 | 5. [(建议收藏)原生JS灵魂之问, 请问你能接得住几个？(上)](https://juejin.im/post/5dac5d82e51d45249850cd20)
16 |
17 | 6. [Server-X：一款可能提升你十倍工作效率的工具](https://juejin.im/post/5dad208ef265da5b7d692340)
18 |
--------------------------------------------------------------------------------
/source/_posts/vue组件库开发.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: vue组件库开发
3 | date: 2019-04-29 18:03:11
4 | tags:
5 | categories:
6 | - web
7 | ---
8 |
9 | - [我的笔记--【造轮子】开发vue组件库meowUI](https://www.cnblogs.com/calamus/p/10796462.html)
10 |
11 | - [使用webpack4搭建一个基于Vue的组件库](https://segmentfault.com/a/1190000015877664)
12 |
13 | - [Vue UI组件库开发经验漫谈](https://www.jianshu.com/p/dbc008d92121)
14 |
15 | - [创建, 发布自己的 Vue UI 组件库](https://blog.csdn.net/baidu_25464429/article/details/81153798)
16 |
17 | - [从零开始搭建Vue组件库 VV-UI](https://www.cnblogs.com/tiedaweishao/p/7825997.html)
18 |
19 | - [Element 一套优雅的 Vue 2 组件库是如何开发的](https://segmentfault.com/a/1190000007026819)
20 |
21 |
--------------------------------------------------------------------------------
/source/_posts/20191113.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-11-13'
3 | date: 2019-11-13 10:01:55
4 | tags:
5 | ---
6 |
7 | 1. [Vue + Koa从零打造一个H5页面可视化编辑器——Quark-h5](https://juejin.im/post/5dc81428e51d4523632ee793)👍👍👍👍👍👍
8 |
9 | 2. [14 个拷贝数组的 JS 技巧](https://juejin.im/post/5dcb425f6fb9a04aa20361d8)
10 |
11 | 3. [《前端实战总结》之设计模式的应用——备忘录模式](https://juejin.im/post/5dcad1906fb9a04a6076bd53)
12 |
13 | 4. [关于一个 websocket 多节点分布式问题的头条前端面试题](https://juejin.im/post/5dcb5372518825352f524614)
14 |
15 | 5. [Vue + Koa从零打造一个H5页面可视化编辑器——Quark-h5](https://juejin.im/post/5dc81428e51d4523632ee793)
16 |
17 | 6. [Web 安全总结(面试必备良药)](https://juejin.im/post/5dca1b376fb9a04a9f11c82e)
--------------------------------------------------------------------------------
/source/_posts/20190620.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-06-20'
3 | date: 2019-06-20 10:02:38
4 | tags:
5 | ---
6 |
7 | 1. [【进阶 6-5 期】[译] Throttle 和 Debounce 在 React 中的应用](https://juejin.im/post/5d0a5365f265da1b5d57b0ab)
8 |
9 |
10 | 2. [【译】一行css代码搞定响应式布局](https://juejin.im/post/5d0ad9a4f265da1bae38ffe6)
11 |
12 |
13 | 3. [一文彻底理解JavaScript的深拷贝与浅拷贝](https://juejin.im/post/5d0a48d86fb9a07ea803cf23)
14 |
15 |
16 | 4. [你为什么有那么多时间写博客？](https://juejin.im/post/5d0adced6fb9a07ea7131560)
17 |
18 |
19 | 5. [富文本原理了解一下？](https://juejin.im/post/5cfe4e8a6fb9a07ec63b09a4)
20 |
21 |
22 | 6. [观众老爷们，来试试这个用 Vue 撸的数据可视化后台吧](https://juejin.im/post/5d08405a5188253049042d72)
--------------------------------------------------------------------------------
/source/_posts/20190624.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: 20190624
3 | date: 2019-06-24 09:36:26
4 | tags:
5 | ---
6 |
7 | 1. [CSS的一些你可能不知道的强大技巧](https://juejin.im/post/5d0b76d8f265da1b602909c5)
8 |
9 | 2. [循序渐进学加密](https://mp.weixin.qq.com/s/kwW9KhOfe7fjadhCa_d3kg)
10 |
11 | 3. [vscode小白使用技巧](https://mp.weixin.qq.com/s/SmoWMHMPtAPUT437MZv2PA)
12 |
13 | 4. [分享一些少为人知但很有用的前端调试技巧](https://juejin.im/post/5d09c39ee51d4576bc1a0e07)
14 |
15 | 5. [前端页面优化，减少reflow的方法](https://juejin.im/post/5d0f3ae5f265da1bbf692754)
16 |
17 | 6. [小蝌蚪传记：通过隧道技术击穿内网](https://juejin.im/post/5d0f6fcdf265da1bcb4f3662)
18 |
19 | 7. [[译] Vue 最黑暗的一天](https://juejin.im/post/5d0f64d4f265da1b67211893)
--------------------------------------------------------------------------------
/source/_posts/20190923.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-09-23'
3 | date: 2019-09-23 09:23:33
4 | tags:
5 | ---
6 |
7 | 1. [JS基础-完美掌握继承知识点](https://juejin.im/post/5d860b5cf265da03db07b435)
8 |
9 | 2. [[源码解读]一文彻底搞懂Events模块](https://juejin.im/post/5d69eef7f265da03f12e70a5)
10 |
11 | 3. [掌握JS函数中的几种参数形式（函数基础）](https://juejin.im/post/5d8807eaf265da03e4679d40)
12 |
13 | 4. [用css3实现惊艳面试官的背景即背景动画（高级附源码）](https://juejin.im/post/5d86fc096fb9a06ae94d6d7a)
14 |
15 | 5. [【译】Javascript中你需要知道的最出色的新特性：Optional Chaining](https://juejin.im/post/5d8753d9e51d4561c83e7d1d)
16 |
17 | 6. [Element-UI 技术揭秘（4）— Container 布局容器组件的设计与实现。](https://juejin.im/post/5d847cc6e51d4561ba48feb8)
--------------------------------------------------------------------------------
/themes/calamus/layout/_partial/footer.swig:
--------------------------------------------------------------------------------
1 |
2 | {% set current = date(Date.now(), "YYYY") %}
3 | ©
4 | {% if theme.since and theme.since != current %}
5 | {{ theme.since }} -
6 | {% endif %}
7 | {{ current }}
8 |
9 |
10 | {{ __('footer.powered', 'Hexo and Polar Bear') }}
11 |
12 |
13 |
--------------------------------------------------------------------------------
/source/_posts/20190912.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-09-12'
3 | date: 2019-09-12 09:20:10
4 | tags:
5 | ---
6 |
7 | 1. [2019 Electron+Vue+Ant Design Vue仿网易云音乐windows客户端实战分享](https://juejin.im/post/5d77a620518825636c0d1763)👍👍👍👍👍👍
8 |
9 | 2. [9分钟，搞明白闭包](https://juejin.im/post/5d7864e46fb9a06b051818e8)
10 |
11 | 3. [收下这波 JS 技巧，从此少加班](https://juejin.im/post/5d7659c76fb9a06b307068ed)
12 |
13 | 4. [手写算法并记住它：快速排序（5行代码简单版）](https://juejin.im/post/5d75b4d45188250c992d5919)
14 |
15 | 5. [Vue3.0之前你必须知道的TypeScript实战技巧](https://juejin.im/post/5d767bc5f265da03b76b48a6)
16 |
17 | 6. [关于 CSS margin，一些让你模糊的点](https://juejin.im/post/5d7838cbe51d4561e53539d2)
18 |
19 |
--------------------------------------------------------------------------------
/source/_posts/20191008.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-10-08'
3 | date: 2019-10-08 09:25:25
4 | tags:
5 | ---
6 |
7 | 1. [Vue 3 源码导读](https://juejin.im/post/5d977f47e51d4578453274b3)
8 |
9 | 2. [Vue3 中的数据侦测](https://juejin.im/post/5d99be7c6fb9a04e1e7baa34)
10 |
11 | 3. [Vue 3 原理剖析：数据响应系统](https://juejin.im/post/5d996e3e6fb9a04e3043cc5b)
12 |
13 | 4. [实践！实现纯前端下的音频剪辑处理](https://juejin.im/post/5d91c2d85188251662293adb)
14 |
15 | 5. [快速掌握es6+新特性及es6核心语法盘点](https://juejin.im/post/5d9843de6fb9a04def4e57d2)
16 |
17 | 6. [您或许需要扩充可点击区域的范围⛅](https://juejin.im/post/5d9ad34d6fb9a04e3e7239c8)
18 |
19 | 7. [学习后端鉴权系列: 基于JWT的会话管理](https://juejin.im/post/5d9aadbf51882509334fb48b)
--------------------------------------------------------------------------------
/source/_posts/20191010.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-10-10'
3 | date: 2019-10-10 14:40:49
4 | tags:
5 | ---
6 |
7 | 1. [Element-UI 技术揭秘（5）- 色彩、字体、边框与图标](https://juejin.im/post/5d9ebaddf265da5b591b64b3)
8 |
9 | 2. [1.5万字概括ES6全部特性(看图就能记下，值得收藏)](https://juejin.im/post/5d9bf530518825427b27639d)
10 |
11 | 3. [聊聊面试必考-递归思想与实战](https://juejin.im/post/5d85cda3f265da03b638e918)
12 |
13 | 4. [Vue 开发必须知道的 36 个技巧【近1W字】](https://juejin.im/post/5d9d386fe51d45784d3f8637)
14 |
15 | 5. [动画：面试官问我 0.1 + 0.2 __ 0.3 ? 为什么？该如何正确回答？](https://juejin.im/post/5d9e932ff265da5bb065db1f)
16 |
17 | 6. [视图更新科技发布 View UI 组件库（即 iView 4.0），超过50项更新](https://juejin.im/post/5d9d5af0e51d45782e6039cf)
--------------------------------------------------------------------------------
/public/lib/pace/pace-theme-big-counter.min.css:
--------------------------------------------------------------------------------
1 | .pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pace.pace-inactive .pace-progress{display:none}.pace .pace-progress{position:fixed;z-index:2000;top:0;right:0;height:5rem;width:5rem;-webkit-transform:translate3d(0,0,0)!important;-ms-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}.pace .pace-progress:after{display:block;position:absolute;top:0;right:.5rem;content:attr(data-progress-text);font-family:"Helvetica Neue",sans-serif;font-weight:100;font-size:5rem;line-height:1;text-align:right;color:rgba(34,153,221,.19999999999999996)}
--------------------------------------------------------------------------------
/themes/calamus/languages/en.yml:
--------------------------------------------------------------------------------
1 | menu:
2 | home: Home
3 | archives: Archives
4 | tags: Tags
5 | categories: Categories
6 | about: About
7 |
8 | footer:
9 | powered: "Powered by %s"
10 | theme: Theme
11 |
12 | posts:
13 | prev: Prev
14 | next: Next
15 | prev_post: Prev
16 | next_post: Next
17 |
18 | counter:
19 | archives:
20 | zero: No Posts
21 | one: 1 Post
22 | other: "%d Posts In Total"
23 |
24 | tagcloud:
25 | zero: No tags
26 | one: 1 Tag In Total
27 | other: "%d Tags In Total"
28 |
29 | categories:
30 | zero: No Categories
31 | one: 1 Category In Total
32 | other: "%d Categories In Total"
33 |
--------------------------------------------------------------------------------
/themes/calamus/languages/default.yml:
--------------------------------------------------------------------------------
1 | menu:
2 | home: Home
3 | archives: Archives
4 | tags: Tags
5 | categories: Categories
6 | about: About
7 |
8 | footer:
9 | powered: "Powered by %s"
10 | theme: Theme
11 |
12 | posts:
13 | prev: Prev
14 | next: Next
15 | prev_post: Prev
16 | next_post: Next
17 |
18 | counter:
19 | archives:
20 | zero: No Posts
21 | one: 1 Post
22 | other: "%d Posts In Total"
23 |
24 | tagcloud:
25 | zero: No tags
26 | one: 1 Tag In Total
27 | other: "%d Tags In Total"
28 |
29 | categories:
30 | zero: No Categories
31 | one: 1 Category In Total
32 | other: "%d Categories In Total"
33 |
--------------------------------------------------------------------------------
/source/_posts/20190903.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-09-03'
3 | date: 2019-09-03 09:31:07
4 | tags:
5 | ---
6 |
7 | 1. [JS 如何创建、读取和删除cookie](https://juejin.im/post/5d6db06af265da03ef7a2de3)
8 |
9 | 2. [抛弃jenkins，如何用node从零搭建自动化部署管理平台](https://juejin.im/post/5d6c6d406fb9a06b2f5fc9bb)
10 |
11 | 3. [面试分享：两年工作经验成功面试阿里P6总结](https://juejin.im/post/5d690c726fb9a06b155dd40d)
12 |
13 | 4. [Array.from() 五个超好用的用途](https://juejin.im/post/5d66b019f265da03a715e5d7)
14 |
15 | 5. [Flutter完整开发实战详解(十七、 实用技巧与填坑二)](https://juejin.im/post/5d6cb579f265da03da24aeb9)
16 |
17 | 6. [正确姿势开发vue后台管理系统](https://juejin.im/post/5d69f6676fb9a06b0b1c8cd2#heading-9)
18 |
19 | 7. [graphql](https://graphql.cn/)
--------------------------------------------------------------------------------
/themes/memory/layout/_partial/google-analytics.ejs:
--------------------------------------------------------------------------------
1 | <% if (theme.google_analytics){ %>
2 |
3 |
11 |
12 | <% } %>
--------------------------------------------------------------------------------
/source/_posts/20190605.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-06-05'
3 | date: 2019-06-05 09:31:27
4 | tags:
5 | ---
6 |
7 | 1. [Arya - 在线 Markdown 编辑器](https://www.jeffjade.com/2019/05/31/155-arya-markdown-online-editor/?utm_source=segmentfault.com)
8 |
9 | 2. [The best front-end hacking cheatsheets — all in one place.](https://www.strilliant.com/2017/10/26/the-best-front-end-hacking-cheatsheets-%E2%80%94-all-in-one-place/)
10 |
11 | 3. [用CSS Grid Shepherd 技术对数据进行排序](https://segmentfault.com/a/1190000019364597)
12 |
13 | 4. [如何在 JS 循环中正确使用 async 与 await](https://juejin.im/post/5cf7042df265da1ba647d9d1)
14 |
15 | 5. [基于 HTML5 WebGL 的 3D 模型斜面生成](https://juejin.im/post/5cf6ff12f265da1b7c610614)
--------------------------------------------------------------------------------
/source/_posts/20190621.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-06-21'
3 | date: 2019-06-21 09:13:57
4 | tags:
5 | ---
6 |
7 | 1. [教大家使用Nodejs+Mysql+React写一个掘金和csdn优质文章的爬虫网站](https://juejin.im/post/5d09924e6fb9a07f050a6be3)
8 |
9 | 2. [RDE - 一种基于Docker的前端生态集成解决方案](https://juejin.im/post/5d00715de51d45105d63a4ec)
10 |
11 | 3. [【译】协调微前端](https://juejin.im/post/5d05a1b2f265da1ba9157c0f)
12 |
13 | 4. [蓝铅笔](https://www.lanqb.com/)
14 |
15 | 5. [【译】10 种 JavaScript 最常见的错误](https://juejin.im/post/5d0b9338f265da1bb80c34fd)
16 |
17 | 6. [前端工程化（5）：你所需要的npm知识储备都在这了](https://juejin.im/post/5d08d3d3f265da1b7e103a4d)
18 |
19 | 7. [三步教你用Node做一个微信哄女友(基友)神器，小白可上手](https://juejin.im/post/5d09fa9f51882508bd2065f4)
--------------------------------------------------------------------------------
/source/_posts/20191106.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-11-06'
3 | date: 2019-11-06 09:26:41
4 | tags:
5 | ---
6 |
7 | 1. [可能是最全的 “文本溢出截断省略” 方案合集](https://juejin.im/post/5dc15b35f265da4d432a3d10)
8 |
9 | 2. [前端常用功能小计(持续更新)](https://juejin.im/post/5dc0d651e51d45124a53a6da)
10 |
11 | 3. [7道简单的 JavaScript 面试题，三个月没招到一个人](https://juejin.im/post/5dbe818a6fb9a0203c34e4bb)
12 |
13 | 4. [https://0.30000000000000004.com/](https://0.30000000000000004.com/)
14 |
15 | 5. [9个项目助你在2020年成为前端大神！](https://juejin.im/post/5dc0c744e51d456e7e41f5ac)
16 |
17 | 6. [Tailwind](https://www.tailwindcss.cn/)
18 |
19 | 7. [码良](https://github.com/ymm-tech/gods-pen)
20 | 基于vue的高扩展在线网页制作平台，可自定义组件，可添加脚本，可数据统计。
21 |
--------------------------------------------------------------------------------
/source/_posts/20200103.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2020-01-03'
3 | date: 2020-01-03 09:38:04
4 | tags:
5 | ---
6 |
7 | 1. [vue-seamless-scroll:A simple, seamless scrolling for Vue.js vue无缝滚动component](https://github.com/chenxuan0000/vue-seamless-scroll)
8 |
9 | 2. [koroFileHeader](https://github.com/OBKoro1/koro1FileHeader/wiki)
10 |
11 | 3. [Taro Next 架构揭秘 | GMTC《小程序跨框架开发的探索与实践》](https://juejin.im/post/5e0dd562f265da5d6a664b6d)
12 |
13 | 4. [巧用 CSS 实现酷炫的充电动画](https://juejin.im/post/5e00240ee51d45583c1cc9a7)
14 |
15 | 5. [Docker 搭建你的第一个 Node 项目到服务器(完整版)](https://juejin.im/post/5dff84e051882512290f2fc2)
16 |
17 | 6. [【动画演示】JavaScript 引擎运行原理](https://juejin.im/post/5e0d32b45188253aa74a49b5)
--------------------------------------------------------------------------------
/source/_posts/20190422.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-04-22'
3 | date: 2019-04-22 09:44:33
4 | tags:
5 | ---
6 |
7 | 1. [css奇技淫巧-色彩渐变与动态渐变](https://juejin.im/post/5cb941caf265da03a743eed2)
8 |
9 | 2. [链接点击的统计与隐私](https://webkit.org/blog/8821/link-click-analytics-and-privacy/)
10 |
11 | 3. [vue 匿名 具名 作用域插槽的使用](https://juejin.im/post/5cb9f91cf265da038b2015dd)
12 |
13 | 4. [【前端词典】分享 8 个有趣且实用的 API](https://juejin.im/post/5c92446b6fb9a070c022f0e2)
14 |
15 | 5. [用vue3公开的思路从0实现最简化的vue](https://juejin.im/post/5cbc7a06f265da03587bfad0)
16 |
17 | 6. [最后一次搞懂 Event Loop](https://juejin.im/post/5cbc0a9cf265da03b11f3505)
18 |
19 | 7. [力荐 35 个最好用的 Vue 开源库！](https://juejin.im/post/5cba04bbf265da039444a709)
20 |
21 |
--------------------------------------------------------------------------------
/source/_posts/20190306.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-03-06'
3 | date: 2019-03-06 09:32:57
4 | tags:
5 | ---
6 |
7 | 1. [选择 Grid 还是 Flex？](https://juejin.im/post/5c7ce781e51d4514913c5bc4)
8 | 2. [进阶必备的网络基础](https://juejin.im/post/5c591fda6fb9a049dc02b1cc)
9 | 3. [js实现图片合并下载](https://mp.weixin.qq.com/s/Jc3DmfNaTC51fZ_ZBN9TZg)
10 | 3. [2018 年开源状况：代码贡献超 310 亿行，而漏洞超 16000 个](https://www.infoq.cn/article/QL9_JdKt0j9PHiHMHh2L)
11 | 4. [重学 JS 系列：聊聊 new 操作符](https://juejin.im/post/5c7b963ae51d453eb173896e)
12 | 5. [基于 CSS 框架 Bluma 的 React 组件库](https://medium.com/@dfee/introducing-rbx-8bd358197b)
13 | 6. [Record and replay the web](https://github.com/rrweb-io/rrweb)
14 | 7. [public-apis](https://github.com/toddmotto/public-apis)
--------------------------------------------------------------------------------
/source/_posts/20190514.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-05-14'
3 | date: 2019-05-14 09:15:13
4 | tags:
5 | ---
6 |
7 | 1. [9102年：手写一个React脚手架 【已优化至完美版】](https://segmentfault.com/a/1190000019126657?utm_source=weekly&utm_medium=email&utm_campaign=email_weekly)
8 |
9 | 2. [10个有趣的javascript和css库（2019年最新）](https://segmentfault.com/a/1190000019146249?utm_source=weekly&utm_medium=email&utm_campaign=email_weekly)
10 |
11 | 3. [Android屏幕适配方案分析](https://segmentfault.com/a/1190000019089019?utm_source=weekly&utm_medium=email&utm_campaign=email_weekly)
12 |
13 | 4. [10秒钟构建你自己的”造轮子”工厂！ 2019年github/npm工程化协作开发栈最佳实践](https://juejin.im/post/5cd963ddf265da039f0f3169)
14 |
15 | 5. [前端 api 请求缓存方案](https://juejin.im/post/5cd965356fb9a032435dc735)
--------------------------------------------------------------------------------
/source/_posts/20190722.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-07-22'
3 | date: 2019-07-22 11:29:53
4 | tags:
5 | ---
6 |
7 | 1. [长列表优化之虚拟列表](https://juejin.im/post/5ce75d205188252dc544e7fd)
8 |
9 | 2. [闲鱼Flutter＆FaaS云端一体化架构](https://juejin.im/post/5d31700bf265da1ba56b5801)
10 |
11 | 3. [HTTP的TCP连接管理](https://juejin.im/post/5d31326ee51d455d6d5358dd)
12 |
13 | 4. [实战篇 - 如何实现和淘宝移动端一样的模块化加载 （task-silce）](https://juejin.im/post/5d33fd0f5188256e820c80d4)
14 |
15 | 5. [揭秘Vue从Virtual DOM生成真实DOM的过程](https://juejin.im/post/5d31c6c35188252d1d5f9c98)
16 |
17 | 6. [前端发动机」从 bind 聊到 curry （柯里化）](https://juejin.im/post/5d342227e51d457778117459)
18 |
19 | 7. [JavaScript 数据结构与算法之美 - 冒泡排序、插入排序、选择排序](https://juejin.im/post/5d341a89f265da1bac405369)
--------------------------------------------------------------------------------
/source/_posts/20191108.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-11-08'
3 | date: 2019-11-08 09:14:42
4 | tags:
5 | ---
6 |
7 | 1. [How to use Docker and Docker Compose with NodeJS (NodeJS + Mongodb + Elasticsearch) ](https://www.thirdrocktechkno.com/blog/how-to-use-docker-and-docker-compose-with-nodejs/)
8 |
9 | 2. [《前端实战总结》之使用postMessage实现可插拔的跨域聊天机器人](https://juejin.im/post/5dc301a76fb9a04a7b29cdc3)
10 |
11 | 3. [《前端实战总结》之使用postMessage实现可插拔的跨域聊天机器人](https://juejin.im/post/5dc301a76fb9a04a7b29cdc3)
12 |
13 | 4. [React 中获取数据的 3 种方法：哪种最好？](https://juejin.im/post/5dc4ada5f265da4cfb51303e)
14 |
15 | 5. [前端部署发展史](https://juejin.im/post/5dc4ae67f265da4cfa7bbb9a)
16 |
17 | 6. [各种源码实现，你想要的这里都有](https://juejin.im/post/5dc3894051882517a652dbd7)
--------------------------------------------------------------------------------
/source/_posts/20190510.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-05-10'
3 | date: 2019-05-10 09:19:40
4 | tags:
5 | ---
6 |
7 | 1. [前端技术 | react-router，去中心化式路由](https://juejin.im/post/5cd301b6f265da036902b026)
8 |
9 | 2. [图像延迟加载 && 列表图顺序加载](https://juejin.im/post/5cb58292f265da03b57b4e26)
10 |
11 | 3. [Flutter 1.5 发布，正式成为全平台 UI 框架！](https://juejin.im/post/5cd397ece51d453ae21957c4)
12 |
13 | 4. [「中高级前端」窥探数据结构的世界- ES6版](https://juejin.im/post/5cd1ab3df265da03587c142a)
14 |
15 | 5. [使用 Node.js 写一个代码生成器](https://juejin.im/post/5cd45480e51d453a572aa2cf)
16 |
17 | 6. [手摸手，带你用vue撸后台 系列五(v4.0新版本)](https://juejin.im/post/5c92ff94f265da6128275a85)
18 |
19 | 7. [【干货】Chrome插件(扩展)开发全攻略](https://www.cnblogs.com/liuxianan/p/chrome-plugin-develop.html)
--------------------------------------------------------------------------------
/source/_posts/20190613.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-06-13'
3 | date: 2019-06-13 09:14:47
4 | tags:
5 | ---
6 |
7 | 1. [首届官方 React Native "吐槽"大会?](https://juejin.im/post/5d0140f66fb9a07eeb13a162)
8 |
9 | 2. [前端工作学习相关网站收集整理](https://juejin.im/post/5d003f51e51d454fbe24a661)
10 |
11 |
12 | 3. [中高级前端必须了解的--数组乱序](https://juejin.im/post/5d004ad95188257c6b518056)
13 |
14 |
15 | 4. [前端性能优化三部曲(加载篇)](https://juejin.im/post/5d00820b5188255ee806a1c7)
16 |
17 |
18 | 5. [CSS没有边界的裁剪路径 - Clip Paths](https://segmentfault.com/a/1190000019462933)
19 |
20 |
21 | 6. [手把教你搭建SSR(vue/vue-cli + express)](https://segmentfault.com/a/1190000019462324)
22 |
23 |
24 | 7. [2019年，Flutter 和 React Native 谁主沉浮](https://juejin.im/post/5d018eb8e51d4550723b13d9)
--------------------------------------------------------------------------------
/themes/calamus/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "hexo-theme-polarbear",
3 | "version": "1.1",
4 | "description": "A light theme base on Even, inspired by Giuem",
5 | "main": "index.js",
6 | "keywords": [
7 | "responsive",
8 | "widget",
9 | "simple",
10 | "light"
11 | ],
12 | "author": "Frost Fan",
13 | "license": "MIT",
14 | "repository": {
15 | "type": "git",
16 | "url": "git+https://github.com/frostfan/hexo-theme-polarbear.git"
17 | },
18 | "bugs": {
19 | "url": "https://github.com/frostfan/hexo-theme-polarbear/issues"
20 | },
21 | "homepage": "https://github.com/frostfan/hexo-theme-polarbear#readme",
22 | "devDependencies": {
23 | "eslint": "^3.12.0"
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/source/_posts/20190409.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-04-09'
3 | date: 2019-04-09 09:20:36
4 | tags:
5 | ---
6 |
7 | 1. [从 JS 编译原理到作用域(链)及闭包](https://juejin.im/post/5ca995626fb9a05e1a7aabd8)
8 |
9 | 2. [每日 30 秒 ⏱ 千里姻缘一线牵](https://juejin.im/post/5caa7bc66fb9a05e13211c8f)
10 |
11 | 3. [前端人眼中的大数据生态链](https://juejin.im/post/5c99ef1fe51d45533b070cc2)
12 |
13 | 4. [敏捷个人-做好一个开发者](https://juejin.im/post/5ca7f0f16fb9a05e4516e8af)
14 |
15 | 5. [绝大部分程序员不知道的git rebase作用](https://mp.weixin.qq.com/s/4fNd7szFPulhMcyKFTkJrw)
16 |
17 | 6. [CSS魔法与布局](https://juejin.im/post/5c93964e6fb9a070c5511160)
18 |
19 | 7. [CSS中如何实现伪随机？](https://juejin.im/post/5ca8a3626fb9a05e3e058520)
20 |
21 | 8. [知乎开源视频播放器介绍](https://mp.weixin.qq.com/s/Cwvn7OTYYlbmUnu6x42gSA)
--------------------------------------------------------------------------------
/source/_posts/20190417.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-04-17'
3 | date: 2019-04-17 10:04:47
4 | tags:
5 | ---
6 |
7 | 1. [前端代码质量管理（一）](https://juejin.im/post/5cb5c3445188256c83279255)
8 |
9 | 2. [Axios 源码解读](https://juejin.im/post/5cb5d9bde51d456e62545abc)
10 |
11 | 3. [使用 three.js 中的 CSS3DRenderer 实现 3d 卡片的效果](https://juejin.im/post/5cb5506e518825329f6cee8e)
12 |
13 | 4. [深入理解前端性能监控](https://segmentfault.com/a/1190000018785911?utm_source=weekly&utm_medium=email&utm_campaign=email_weekly)
14 |
15 | 5. [写了一个chrome插件：拦截ajax请求并修改返回结果](https://segmentfault.com/a/1190000018889726)
16 |
17 | 6. [前端面试基础知识整理（持续更新）](https://segmentfault.com/a/1190000018889155)
18 |
19 | 7. [用 WebAssembly 为 Web 应用提速20倍！（案例研究）](https://segmentfault.com/a/1190000018873844)
--------------------------------------------------------------------------------
/source/_posts/20190513.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-05-13'
3 | date: 2019-05-13 09:54:16
4 | tags:
5 | ---
6 |
7 | 1. [TypeScript - 一种思维方式](https://juejin.im/post/5cd6387d518825682348442d)
8 |
9 | 2. [相对时间表达式 —— 解决相对时间序列化的问题](https://juejin.im/post/5cd0fdfc51882535ba2b442b)
10 |
11 | 3. [[译] Javascript 中 Array.push 要比 Array.concat 快 945 倍！🤯🤔](https://juejin.im/post/5cd67fb9f265da037129bb64)
12 |
13 | 4. [一张思维导图辅助你深入了解 Vue | Vue-Router | Vuex 源码架构](https://juejin.im/post/5cd7dcff51882569562224a5)
14 |
15 | 5. [webpack的那些事儿](https://juejin.im/post/5cd7e82b51882568ac191709)
16 |
17 | 6. [从今天开始，拿起VuePress打造属于自己的专属博客](https://juejin.im/post/5cd7d3286fb9a0323a01d29a)
18 |
19 | 7. [25 岁，毕业写代码的这三年](https://juejin.im/post/5cd8c361f265da03a33c5521)
--------------------------------------------------------------------------------
/source/_posts/20190416.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-04-16'
3 | date: 2019-04-16 09:17:57
4 | tags:
5 | ---
6 |
7 | 1. [用 Feature First 的方式管理前端项目复杂度](https://juejin.im/post/5cb00b1c6fb9a068a256b37c)
8 |
9 | 2. [对称加密与非对称加密](https://zhuanlan.zhihu.com/p/34288371)
10 |
11 | 3. [第三代移动端布局方案](https://juejin.im/post/5cb078f05188251ace1fedb4)
12 |
13 | 4. [理理Vue细节](https://juejin.im/post/5cb444605188251ada7e320d)
14 |
15 | 5. [前端如何处理十万级别的大量数据](https://juejin.im/post/5cb03fbee51d456e853f810b)
16 |
17 | 6. [封装Vue组件的一些技巧](https://juejin.im/post/5cb3eed65188251b0351f2c4)
18 |
19 | 7. [重学 JS：为啥 await 在 forEach 中不生效](https://juejin.im/post/5cb1d5a3f265da03587bed99)
20 |
21 | 8. [Vue 理解之白话 getter/setter](https://juejin.im/post/5cb51871f265da0368145069)
22 |
23 |
--------------------------------------------------------------------------------
/source/_posts/20190724.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-07-24'
3 | date: 2019-07-24 09:22:39
4 | tags:
5 | ---
6 |
7 | 1. [啥是Deno？跟Node有啥区别？](https://juejin.im/post/5d3563e8f265da1b6150365a)
8 |
9 | 2. [Google发布动效神奇，与UI 无缝打通](https://www.uisdc.com/google-design-aeux)
10 |
11 | 3. [如何制作一款在线编译器](https://juejin.im/post/5d3516a36fb9a07ed36ee787)
12 |
13 | 4. [前端需要了解的 SSO 与 CAS 知识](https://juejin.im/post/5a002b536fb9a045132a1727)
14 |
15 | 5. [【前端词典】有趣的大厂算法面试题](https://juejin.im/post/5d370ec26fb9a07ef44447c7)
16 |
17 | 6. [如何优雅地处理Async/Await的异常？](https://juejin.im/post/5d37abf7e51d45108223fd49)
18 |
19 | 7. [轻松掌握vuex，让你对状态管理有一个更深的理解!](https://juejin.im/post/5d37a791f265da1b7153369a)
20 |
21 | 8. [优雅的解决Vuex状态丢失的问题](https://juejin.im/post/5d3727b26fb9a07ed137158d)
--------------------------------------------------------------------------------
/public/lib/pace/pace-theme-center-simple.min.css:
--------------------------------------------------------------------------------
1 | .pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2000;position:fixed;margin:auto;top:0;left:0;right:0;bottom:0;height:5px;width:200px;background:#fff;border:1px solid #29d;overflow:hidden}.pace .pace-progress{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);max-width:200px;z-index:2000;display:block;position:absolute;top:0;right:100%;height:100%;width:100%;background:#29d}.pace.pace-inactive{display:none}
--------------------------------------------------------------------------------
/themes/calamus/layout/_partial/component/donation.ejs:
--------------------------------------------------------------------------------
1 | <% if (theme.donation.show) { %>
2 |
3 |
20 | <% } %>
21 |
--------------------------------------------------------------------------------
/themes/calamus/layout/_script/_comments/duoshou.swig:
--------------------------------------------------------------------------------
1 | {% if theme.duoshuo_shortname and not theme.disqus_shortname %}
2 | {% set duoshuo_shortname = theme.duoshuo_shortname %}
3 |
4 |
16 | {% endif %}
--------------------------------------------------------------------------------
/source/_posts/20190920.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-09-20'
3 | date: 2019-09-20 09:16:48
4 | tags:
5 | ---
6 |
7 | 1. [别再说Transition 无法过渡display了](https://juejin.im/post/5d82d91c6fb9a06af05ceb6b)
8 |
9 | 2. [Vue之富文本tinymce爬坑录](https://juejin.im/post/5d8342cd6fb9a06b1027624d)
10 |
11 | 3. [tinymce](https://www.tiny.cloud/)
12 |
13 | 4. [说说 Node 和 ES6 模块化那些不为人知的事儿](https://juejin.im/post/5d82130d5188251ceb2cca0c)
14 |
15 | 5. [Vue 3.0 最新进展，Composition API](https://juejin.im/post/5d836458f265da03d871f6e9)
16 |
17 | 6. [90行代码，15个元素实现无限滚动](https://juejin.im/post/5d7f80796fb9a06b24434d4e)
18 |
19 | 7. [React Native发布新一代JS引擎Hermes](https://juejin.im/post/5d831ccff265da03e168afdb)
20 |
21 | 8. [从Preact中了解React组件和hooks基本原理](https://juejin.im/post/5cfa29e151882539c33e4f5e)
--------------------------------------------------------------------------------
/source/_posts/20190523.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-05-23'
3 | date: 2019-05-23 09:21:47
4 | tags:
5 | ---
6 |
7 | 1. [让前端开发者失业的技术，Flutter Web初体验](https://juejin.im/post/5ce515fb518825642c3f42dd)
8 |
9 | 2. [2019 前端面试 | 知其然，并知其所以然](https://juejin.im/post/5ce4171ff265da1bd04eb4f3)
10 |
11 | 3. [有助于理解前端工具的 node 知识](https://juejin.im/post/5ccacfb96fb9a03201243cb9)
12 |
13 | 4. [10个JavaScript难点](https://blog.fundebug.com/2017/07/17/10-javascript-difficulties/)
14 |
15 | 5. [一文教您如何通过 Docker 快速搭建各种测试环境(Mysql, Redis, Elasticsearch, MongoDB) | 建议收藏](https://juejin.im/post/5ce531b65188252d215ed8b7)
16 |
17 | 6. [新发布的 TypeScript 3.5 RC 作出的改进和优化](https://segmentfault.com/a/1190000019265371)
18 |
19 | 7. [PC项目里面使用pdf.js在线预览pdf文件功能](https://mozilla.github.io/pdf.js/web/viewer.html)
--------------------------------------------------------------------------------
/source/_posts/20190701.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-07-01'
3 | date: 2019-07-01 10:14:44
4 | tags:
5 | ---
6 |
7 | 1. [你不能不知道的Koa实现原理](https://juejin.im/post/5d1964bfe51d454fd8057bcb)
8 |
9 | 2. [探索Angular,React,Vue的趋势比较](https://juejin.im/post/5d17740df265da1bcd37ed45)
10 |
11 | 3. [【译】来用 SVG 和 CSS 画朵云彩吧](https://juejin.im/post/5d1956cde51d45595319e386)
12 |
13 | 4. [【前端词典】4 个实用有趣的 JS 特性](https://juejin.im/post/5d1716e4f265da1bbc6fea1e)
14 |
15 | 5. [精读《Vue3.0 Function API》](https://juejin.im/post/5d1955e3e51d4556d86c7b09)
16 |
17 | 6. [前端-埋点-理念-通识-浅谈](https://juejin.im/post/5d182a3bf265da1b667bf0be)
18 |
19 | 7. [搭建一个中级应用的 Express 项目框架](https://juejin.im/post/5d18e05a6fb9a07ede0b5998)
20 |
21 | 8. [如何有效预防XSS？这几招管用](https://juejin.im/post/5d189e125188255c0d577a3a)
22 |
--------------------------------------------------------------------------------
/public/js/src/scroll-cookie.js:
--------------------------------------------------------------------------------
1 | $(document).ready(function() {
2 |
3 | // Set relative link path (without domain)
4 | var rpath = window.location.href.replace(window.location.origin, "");
5 |
6 | // Write position in cookie
7 | var timeout;
8 | $(window).on("scroll", function() {
9 | clearTimeout(timeout);
10 | timeout = setTimeout(function () {
11 | Cookies.set("scroll-cookie", ($(window).scrollTop() + "|" + rpath), { expires: 365, path: '' });
12 | }, 250);
13 | });
14 |
15 | // Read position from cookie
16 | if (Cookies.get("scroll-cookie") !== undefined) {
17 | var cvalues = Cookies.get("scroll-cookie").split('|');
18 | if (cvalues[1] == rpath) {
19 | $(window).scrollTop(cvalues[0]);
20 | }
21 | }
22 |
23 | });
24 |
--------------------------------------------------------------------------------
/source/_posts/20190520.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-05-20'
3 | date: 2019-05-20 09:30:41
4 | tags:
5 | ---
6 |
7 | 1. [每个前端都应该了解的图片知识](https://mp.weixin.qq.com/s/O1n7_t4izdmpvn2mFrB-kg)
8 |
9 | 2. [Javascript 对象不变性知多少](https://juejin.im/post/5cdbfc48e51d456e8240ddbc)
10 |
11 | 3. [前端跳槽面试算法——动态规划](https://juejin.im/post/5cde316f6fb9a07ed9118f01)
12 |
13 | 4. [TypeScript基本知识点整理（看完绝对入门---真的！！）](https://juejin.im/post/5cd97938e51d456e39631999)
14 |
15 | 5. [[探索]怎么样的参数能让 JS - API 更灵活](https://juejin.im/post/5cc6cc21e51d456e31164a69)
16 |
17 | 6. [vue 路由 按需 keep-alive](https://juejin.im/post/5cdcbae9e51d454759351d84)
18 |
19 | 7. [【前端面试分享】- 寒冬求职上篇](https://juejin.im/post/5cdb7bc26fb9a0321557044d)
20 |
21 | 8. [16种方法实现水平居中垂直居中](https://juejin.im/post/58f818bbb123db006233ab2a)
22 |
--------------------------------------------------------------------------------
/source/_posts/20190418.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-04-18'
3 | date: 2019-04-18 09:11:23
4 | tags:
5 | ---
6 |
7 | 1. [前端性能监控：你了解 Performance Timeline Level 2 吗？](https://juejin.im/post/5cb19aece51d456e4037727e)
8 |
9 |
10 | 2. [【译】JavaScript 的内存模型](https://juejin.im/post/5cb3ceb5f265da03a54c0f88)
11 |
12 | 3. [《HTTP/2 基础教程》 读书笔记](https://juejin.im/post/5cb54286e51d456e235d9be6)
13 |
14 | 4. [开发Vue组件系列之模态框](https://juejin.im/post/5cb719ac6fb9a0689173a76f)
15 |
16 | 5. [「Vue进阶」5分钟撸一个Vue CLI 插件](https://juejin.im/post/5cb59c4bf265da03a743e979)
17 |
18 | 6. [人生不过一场绚烂循环](https://juejin.im/post/5cb422646fb9a068973ed129)
19 |
20 | 7. [基于 HTML5 WebGL 智能城市的模拟运行](https://juejin.im/post/5cb66d98518825401f79a731)
21 |
22 | 8. [给localStorage加上过期时间](https://juejin.im/post/5cb6f656f265da036c5780ae)
--------------------------------------------------------------------------------
/source/_posts/20190423.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-04-23'
3 | date: 2019-04-23 09:13:21
4 | tags:
5 | ---
6 |
7 | 1. [浏览器中的垃圾回收与内存泄漏](https://juejin.im/post/5cbae494f265da03502b36b3)
8 |
9 | 2. [#!/usr/bin/env node 到底是什么？](https://juejin.im/post/5cb93cd651882578b148c637)
10 |
11 | 3. [【面试篇】寒冬求职季之你必须要懂的原生JS(中)](https://juejin.im/post/5cbd1e33e51d45789161d053)
12 |
13 | 4. [一份还热乎的蚂蚁金服面经（已拿Offer）！附答案！！](https://mp.weixin.qq.com/s/-MzmdxqukOZ6rUta9nkGGw)
14 |
15 | 5. [这次我要上SSR](https://juejin.im/post/5cbc7700e51d456e8c1d3c52)
16 |
17 | 6. [JavaScript中十个一步拷贝数组的方法](https://juejin.im/post/5cbd6052e51d456e845b421a)
18 |
19 | 7. [“寒冬中”三年前端社招面试经验](https://juejin.im/post/5cb99067f265da038860b239)
20 |
21 | 8. [居中为什么用transform，而不是margin top/left](https://juejin.im/post/5c32b0fb6fb9a049ac7950d9)
--------------------------------------------------------------------------------
/source/_posts/20190425.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-04-25'
3 | date: 2019-04-25 08:21:01
4 | tags:
5 | ---
6 |
7 | 1. [我们或许不需要 React 的 Form 组件](https://juejin.im/post/5cbda50e6fb9a03212505511)
8 |
9 | 2. [CSS——CSS 给文本加样式：② 文本属性](https://juejin.im/post/5cb85ee05188251b1457a2d9)
10 |
11 | 3. [这次我要上SSR](https://juejin.im/post/5cbc7700e51d456e8c1d3c52)
12 |
13 | 4. [带你从0开发图表库系列-初具雏形](https://juejin.im/post/5cbfdd356fb9a031fe3bc80b)
14 |
15 | 5. [如何选择正确的Node框架：Express，Koa还是Hapi？](https://juejin.im/post/5cbf192de51d456e27504bdb)
16 |
17 | 6. [用vue2.6实现一个抖音很火的【时间轮盘】屏保小DEMO](https://juejin.im/post/5cbdbea3f265da037875967f)
18 |
19 | 7. [Node 12 值得关注的新特性](https://juejin.im/post/5cbfdeca6fb9a032514baf0c)
20 |
21 | 8. [egg+vue 管理后台系统的权限认证与控制](https://juejin.im/post/5cb895d4e51d456e4e08864b)
22 |
--------------------------------------------------------------------------------
/source/_posts/20190429.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-04-29'
3 | date: 2019-04-29 09:14:48
4 | tags:
5 | ---
6 |
7 | 1. [从0到1完成一个Babel插件](https://juejin.im/post/5cbe76d8f265da036d79bbe5)
8 |
9 | 2. [3D应用开发中的欧拉角和旋转矩阵](https://juejin.im/post/5cc2c24ae51d456e6d1334ef)
10 |
11 | 3. [5G到来，App的未来，是JavaScript，Flutter还是Native ？](https://juejin.im/post/5cc52fdff265da038c021d08)
12 |
13 | 4. [JS无形装逼，最为致命](https://juejin.im/post/5cc55eb5e51d456e577f93f0)
14 |
15 | 5. 实现页面截图
16 | - [canvas](https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial)
17 | 创建一个包含XML的SVG图像涉及到的元素为
4 | <%= theme.donation.btn_text %>
5 |
19 |
6 |
18 | <%= theme.donation.tip %>
7 | -
8 | <% theme.donation.items.forEach(function(item, i){ %>
9 |
-
10 | <% if(item.text!=undefined){ %>
11 | <%= item.text %>
12 | <% } %>
13 |
14 |
15 | <% }) %>
16 |
3 | {% if theme.disqus_shortname %}
4 |
19 | {% endif %}
20 |
--------------------------------------------------------------------------------
/source/_posts/20190315.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-03-15'
3 | date: 2019-03-15 09:32:47
4 | tags:
5 | ---
6 |
7 | 1. [Linaria 1.0 Released: CSS-in-JS with No Runtime](https://www.infoq.com/news/2019/02/linaria-1-release)
8 |
9 | 2. [Node 和 JS 基金会宣布合并为 OpenJS 基金会](https://www.infoq.cn/article/WpjjZSh3qsbdRPPkC*AW)
10 |
11 | 3. [JavaScript 到底是面向对象还是基于对象？](https://www.infoq.cn/article/3*8POPcRSClQh1Cp9Sqg)
12 |
13 | 4. [京东 Vue 组件库 NutUI 2.0 发布：将支持跨平台！](https://www.infoq.cn/article/c8ElIDINZ6v*o9dHw545)
14 |
15 | 5. [Using Artificial Intelligence to Generate Alt Text on Images](https://css-tricks.com/using-artificial-intelligence-to-generate-alt-text-on-images/)
16 |
17 | 6. [京东风格的轻量级移动端Vue组件库 (A Vue.js 2.0 UI Toolkit for Mobile Web)](https://github.com/jdf2e/nutui/)
18 |
19 | 7. [svg.js](https://svgjs.com/docs/2.7/)
20 |
--------------------------------------------------------------------------------
/source/_posts/20190424.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-04-24'
3 | date: 2019-04-24 09:58:03
4 | tags:
5 | ---
6 |
7 | 1. [Gitlab自动部署之一：阿里云安装Gitlab笔记](https://juejin.im/post/5cb9204be51d456e541b4ccd)
8 |
9 | 2. [TypeScript - 一种思维方式](https://zhuanlan.zhihu.com/p/63346965)
10 |
11 | 3. [解析 CSS 格式化上下文](https://juejin.im/post/5cb527aee51d456e671c7da7)
12 |
13 | 4. [从 IIFE 聊到 Babel 带你深入了解前端模块化发展体系](https://juejin.im/post/5cb9e563f265da03712999e8)
14 |
15 | 5. [前端适配：移动端/web端适配方案](https://juejin.im/post/5cbdee71f265da03b57b5866)
16 |
17 | 6. [基于vue-cli3.0构建功能完善的移动端架子](https://segmentfault.com/a/1190000018964794)
18 |
19 | 7. [前端必懂之Sticky Footer(粘性页脚)](https://segmentfault.com/a/1190000018961782)
20 |
21 | 8. [Vue页面骨架屏注入实践](https://segmentfault.com/a/1190000014832185)
22 |
23 | 9. [常用JavaScript正则表达式汇编与示例](http://30ke.cn/doc/js-regexp)
--------------------------------------------------------------------------------
/themes/calamus/source/css/_partial/_pagination.scss:
--------------------------------------------------------------------------------
1 | // ==============================
2 | // Pagination
3 | // ==============================
4 |
5 | .pagination {
6 | padding-bottom: $pagination-padding;
7 | @include clearfix;
8 |
9 | .prev,
10 | .next {
11 | font-weight: 400;
12 | font-size: $pagination-font-size;
13 | font-family: $global-font-family;
14 | transition-property: transform;
15 | transition-timing-function: ease-out;
16 | transition-duration: 0.3s;
17 | }
18 |
19 | .prev {
20 | float: left;
21 |
22 | &:hover {
23 | color: $theme-color;
24 | transform: translateX(-4px);
25 | }
26 | }
27 |
28 | .next {
29 | float: right;
30 |
31 | &:hover {
32 | color: $theme-color;
33 | transform: translateX(4px);
34 | }
35 | }
36 | }
37 |
--------------------------------------------------------------------------------
/source/_posts/20190725.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-07-25'
3 | date: 2019-07-25 09:20:30
4 | tags:
5 | ---
6 |
7 | 1. [WebAssembly 不完全指北](https://juejin.im/post/5d367656f265da1b904c2126)
8 |
9 | 2. [使用 Cypress 进行 React 应用的端到端测试](https://juejin.im/post/5d3702dcf265da1b961345d1)
10 |
11 | 3. [又被钓鱼网站盯上了？](https://mp.weixin.qq.com/s/uzMxfAMS1I6WfP_CMjLM2A)
12 |
13 | 4. [工程师最容易搞错的域名知识](https://juejin.im/post/5d37cf70e51d4510664d17d3)
14 |
15 | 5. [想学Node.js，stream先有必要搞清楚](https://juejin.im/post/5d25ce36f265da1ba84ab97a)
16 |
17 | 6. [一个合格的前端都应该阅读这些文章](https://juejin.im/post/5d387f696fb9a07eeb13ea60)
18 |
19 | 7. [【中高级前端必备】手摸手教你撸一个脚手架](https://juejin.im/post/5d37d982e51d45108c59a635)
20 |
21 | 8. [5 分钟撸一个前端性能监控工具](https://juejin.im/post/5b7a50c0e51d4538af60d995)
22 |
23 | 9. [打造属于自己的cnpm/npm安装，生成自定义项目架构](https://juejin.im/post/5a28aead6fb9a0450c494bc6)
--------------------------------------------------------------------------------
/source/_posts/20190603.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-06-03'
3 | date: 2019-06-03 09:33:22
4 | tags:
5 | ---
6 |
7 | 1. [细谈 vue - transition 篇](https://juejin.im/post/5cf411d8e51d4550a629b222)
8 |
9 | 2. [重构文档库，120 多篇原创汇总](https://juejin.im/post/5cf4727bf265da1ba915666e)
10 |
11 | 3. [毕设开源了，126个star，39个fork](https://juejin.im/post/5cf3bc756fb9a07eb94f7444)
12 |
13 | 4. [关于裸辞，关于前端面试](https://juejin.im/post/5cf3365ff265da1b9612ec78)
14 |
15 | 5. [【切图仔日常】浅谈CSS3动画之凌波微步--steps()](https://juejin.im/post/5cf3dfc0f265da1b9612ed07)
16 |
17 | 6. [Angular v8 发布！来看看有什么新功能](https://segmentfault.com/a/1190000019364516)
18 |
19 | 7. [使用React、Electron、Dva、Webpack、Node.js、Websocket快速构建跨平台应用](https://segmentfault.com/a/1190000019367175)
20 |
21 | 8. [8 个你不知道的 DOM 功能](https://segmentfault.com/a/1190000019364550)
22 |
23 | 9. [六种组织CSS的方式](https://segmentfault.com/a/1190000019368091)
--------------------------------------------------------------------------------
/themes/calamus/layout/_layout.swig:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {% include '_partial/head.swig' %}
5 |
5 |
6 |
7 |
8 |
12 |
13 | {% elif theme.duoshuo_shortname %}
14 |
16 |
17 | {% endif %}
18 |
10 |
11 | {%- include '_partial/header.swig' %}
12 |
13 |
25 | {% include '_script/comments.swig' %}
26 | {% include '_script/libs.swig' %}
27 | {% include '_script/theme.swig' %}
28 |
29 |
30 |
--------------------------------------------------------------------------------
/source/_posts/20190515.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-05-15'
3 | date: 2019-05-15 09:15:45
4 | tags:
5 | ---
6 |
7 | 1. [图片防盗链的爱恨情仇](https://mp.weixin.qq.com/s/sVgX-YqucglgTX8oc9JjtA)
8 |
9 | 2. [窥探数据结构的世界](https://mp.weixin.qq.com/s/R9YrdH0QyGrYvqarCnPhvA)
10 |
11 | 3. [flutter music player application （仿网易云音乐）](https://github.com/boyan01/flutter-netease-music.git)
12 |
13 | 4. [少女风vue组件库制作全攻略~~](https://juejin.im/post/5cd8b450e51d453a580fa8e1)
14 |
15 | 5. [【周刊-3】三年大厂面试官-十道前端面试题（欢迎挑战）](https://juejin.im/post/5cd82463518825692330d440)
16 |
17 | 6. [三招让你成为vue.js大师](https://mp.weixin.qq.com/s/_jMmznzt8rRph1aEO0yAdQ)
18 |
19 | 7. [如何写好一个vue组件,老夫的一年经验全在这了](https://juejin.im/post/5cdacf96e51d453ae110543b)
20 |
21 | 8. [你真的了解 Cookie 和 Session 吗](https://juejin.im/post/5cd9037ee51d456e5c5babca)
22 |
23 | 9. [面试篇】寒冬求职之你必须要懂的Web安全](https://juejin.im/post/5cd6ad7a51882568d3670a8e)
--------------------------------------------------------------------------------
/source/_posts/20190604.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-06-04'
3 | date: 2019-06-04 09:30:39
4 | tags:
5 | ---
6 |
7 | 1. [苹果 WWDC 2019 最全记录：iPad 支持鼠标！系统独立，最强电脑亮相](https://mp.weixin.qq.com/s/RIX1W7zvZCSNgOQLOCHO-Q)
8 |
9 | 2. [滴滴小程序框架Mpx发布2.0，支持小程序跨平台开发，可直接转换已有微信小程序](https://juejin.im/post/5cf4c1d25188256ca602f3ed)
10 |
11 |
12 | 3. [我从来不理解JavaScript闭包，直到有人这样向我解释它](https://juejin.im/post/5cf468a9f265da1bb77652aa)
13 |
14 | 4. [公司要求会使用框架vue，面试题会被问及哪些？](https://juejin.im/post/5cf495e96fb9a07ef5622025)
15 |
16 |
17 | 5. [跳起来：你不知道的CSS Animation新的Steps()值](https://segmentfault.com/a/1190000019371312)
18 |
19 |
20 | 6. [Web 前端测试指南](https://www.jackpu.com/web-qian-duan-ce-shi-zhi-nan/)
21 |
22 |
23 | 7. [将函数式进行到底，用 Hooks 武装组件 - TXD 前端月刊 201905 期](https://segmentfault.com/a/1190000019376225)
24 |
25 |
26 | 8. [有趣的交互系列 - 文字遮罩入场效果](https://segmentfault.com/a/1190000019376991)
27 |
--------------------------------------------------------------------------------
/source/_posts/20190618.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-06-18'
3 | date: 2019-06-18 09:26:22
4 | tags:
5 | ---
6 |
7 | 1. [如何在JavaScript中访问暂未存在的嵌套对象](https://juejin.im/post/5d0824c0f265da1bd04ee1bb)
8 |
9 | 2. [5种处理Vue异常的方法](https://juejin.im/post/5d06f152f265da1bb564f7e4)
10 |
11 | 3. [说说 JavaScript 中函数的防抖 (Debounce) 与节流 (Throttle)](https://juejin.im/post/5d07a51b5188254dd63c21ce)
12 |
13 | 4. [中高级前端必须要了解的--JS中的内存管理](https://juejin.im/post/5d0706a6f265da1bc23f77a9)
14 |
15 | 5. [面试必考--ES6中Promise全解析](https://juejin.im/post/5d06e9c76fb9a07ee4636235)
16 |
17 | 6. [从渲染原理谈前端性能优化](https://segmentfault.com/a/1190000019504744)
18 |
19 | 7. [【译】2019年，如何设计Web页面](https://segmentfault.com/a/1190000019506178)
20 |
21 | 8. [通过json用canvas生成分享海报,支持微信小程序和web](https://segmentfault.com/a/1190000019507684)
22 |
23 | 9. [MongoDB凭什么跻身数据库排行前五？](https://mp.weixin.qq.com/s/NxNzo45pe1z7PqQHXt4wmQ)
--------------------------------------------------------------------------------
/source/_posts/20190617.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-06-17'
3 | date: 2019-06-17 09:17:54
4 | tags:
5 | ---
6 |
7 | 1. [摩拜前端周刊第12期](https://juejin.im/post/5d0355d4f265da1bca51d7b2)
8 |
9 | 2. [xss和csrf攻击的那些事儿](https://juejin.im/post/5d04ab0b518825166f36ba62)
10 |
11 | 3. [快速定位NodeJs线上问题 - 之火焰图篇](https://juejin.im/post/5d0346266fb9a07ead59f7a6)
12 |
13 | 4. [Jenkins + Github + Nginx搭建前端项目自动部署](https://juejin.im/post/5d011b4ff265da1bbb03d446)
14 |
15 | 5. [[译]送你43道JavaScript面试题](https://juejin.im/post/5d0644976fb9a07ed064b0ca)
16 |
17 | 6. [js基本搜索算法实现与170万条数据下的性能测试](https://juejin.im/post/5d05adf75188257152111648)
18 |
19 | 7. [面试官（9）：可能是全网最全的http面试答案](https://juejin.im/post/5d032b77e51d45777a126183)
20 |
21 | 8. [前端必知必会--操作URL的黑科技](https://juejin.im/post/5d038c9051882548ac439933)
22 |
23 | 9. [【Step-By-Step】高频面试题深入解析 / 周刊04](https://juejin.im/post/5d064ab851882510715e37ad)
24 |
--------------------------------------------------------------------------------
/themes/memory/layout/layout.ejs:
--------------------------------------------------------------------------------
1 |
2 |
3 | <%- partial('_partial/head') %>
4 |
5 |
6 | <%- partial('_partial/loading') %>
7 |
8 |
9 |
14 | {% block content %}{% endblock %}
15 |
16 |
17 |
20 |
21 |
22 |
23 |
24 |
10 |
11 | <%- partial('_partial/header', null, {cache: !config.relative_link}) %>
12 |
13 |
14 |
15 | <%- body %>
16 |
17 |
18 |
19 | <%- partial('_partial/footer', null, {cache: !config.relative_link}) %>
20 |
21 |
22 |
23 |
24 | <%- partial('_partial/sidebar', {post: page}) %>
25 | <%- partial('_partial/scripts') %>
26 |
27 |
28 |
29 |
30 |
--------------------------------------------------------------------------------
/source/_posts/20190522.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-05-22'
3 | date: 2019-05-22 09:56:31
4 | tags:
5 | ---
6 |
7 | 1. [面试官(6): 写过『通用前端组件』吗?](https://juejin.im/post/5c02142fe51d4511be77aad7)
8 |
9 | 2. [优雅的提交你的 Git Commit Message](https://juejin.im/post/5afc5242f265da0b7f44bee4)
10 |
11 | 3. [CSS3动画那么强，requestAnimationFrame还有毛线用？](https://www.zhangxinxu.com/wordpress/2013/09/css3-animation-requestanimationframe-tween-%E5%8A%A8%E7%94%BB%E7%AE%97%E6%B3%95/)
12 |
13 | 4. [7个有用的Vue开发技巧](https://juejin.im/post/5ce3b519f265da1bb31c0d5f)
14 |
15 | 5. [purgecss](https://www.purgecss.com/)
16 |
17 | 6. [VUE防抖与节流的最佳解决方案——函数式组件](https://juejin.im/post/5ce3e400f265da1bab298359)
18 |
19 | 7. [jQuery老矣，尚能饭否](https://juejin.im/post/5ce3b267f265da1bd260c0d7)
20 |
21 | 8. [前端必备自定义滚动库——iScroll](https://juejin.im/post/5bc57e616fb9a05d396f3fc9)
22 |
23 | 9. [better-scroll](https://www.npmjs.com/package/better-scroll)
24 |
25 |
--------------------------------------------------------------------------------
/source/_posts/20190507.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-05-07'
3 | date: 2019-05-07 09:17:32
4 | tags:
5 | ---
6 |
7 | 1. [CSS3 Patterns Gallery](https://leaverou.github.io/css3patterns/#)
8 |
9 | 2. [Bennett Feely Blog](https://bennettfeely.com/)
10 |
11 | 3. [vue的列表交错过渡](https://juejin.im/post/5cccf5b0e51d453a907b4af1)
12 |
13 | 4. [灵活运用JavaScript开发技巧](https://juejin.im/post/5cc7afdde51d456e671c7e48)
14 |
15 | 5. [这几个概念你可能还是没搞清require、import和export](https://juejin.im/post/5ccf98eae51d453a4a357e4a)
16 |
17 | 6. [高级前端工程师面试必备（持续更新中）](https://juejin.im/post/5cd0bdfc6fb9a031f10ca08c)
18 |
19 | 7. [利用babel(AST)优雅地解决0.1+0.2！=0.3的问题](https://juejin.im/post/5ccfa5be51882540407a1bbc)
20 |
21 | 8. [Chameleon跨端框架——一个理想主义团队的开源作品](https://juejin.im/post/5ccfa5aae51d45368c317c83)
22 |
23 | 9. [抖音去水印详细原理步骤](https://chenyeah.com/posts/458fb5c9/)
24 |
25 | 10. [Echarts实现俄罗斯方块](https://gallery.echartsjs.com/editor.html?c=xrkJZ2pfeZ)
--------------------------------------------------------------------------------
/source/_posts/20190410.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-04-10'
3 | date: 2019-04-10 09:06:42
4 | tags:
5 | ---
6 |
7 | 1. [在阿里云做前端](https://mp.weixin.qq.com/s/16ZPRN2iDVfvgd8hjh7lvQ)
8 |
9 | 2. [细谈 vue 核心- vdom 篇](https://juejin.im/post/5cab347fe51d456e7a303b3d)
10 |
11 | 3. [【译】理解 CSS 布局和 BFC](https://juejin.im/post/5cad30465188251b154300f8)
12 |
13 | 4. [【面试篇】寒冬求职季之你必须要懂的原生JS(上)](https://juejin.im/post/5cab0c45f265da2513734390)
14 |
15 | 5. [【前端词典】4 种滚动吸顶实现方式的比较](https://juejin.im/post/5caa0c2d51882543fa41e478)
16 |
17 | 6. [「Vue实践」武装你的前端项目](https://juejin.im/post/5cab64ce5188251b19486041)
18 |
19 | 7. [程序媛面试之高频题型汇总（二）](https://juejin.im/post/5ca4a835518825381f7da889)
20 |
21 | 8. [【周刊-1】三年大厂面试官-面试题精选及答案](https://juejin.im/post/5ca9de22e51d452b5372ed90)
22 |
23 | 9. [Three.js实现太阳系八大行星的自转公转](https://juejin.im/post/5caafd9151882543f96de14d)
24 |
25 | 10. [小程序分享模块超级详解](https://juejin.im/post/5ca9b058e51d452b0f3346d0)
26 |
--------------------------------------------------------------------------------
/source/_posts/20190611.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-06-11'
3 | date: 2019-06-11 09:39:51
4 | tags:
5 | ---
6 |
7 | 1. [【进阶 6-4 期】深入浅出防抖函数 debounce](https://juejin.im/post/5cfe66fa6fb9a07ee1691ddb)
8 |
9 | 2. [我还没搞懂 JS 中 this 指向及继承，直到有人向我这样解释它](https://juejin.im/post/5cfd9d30f265da1b94213d28)
10 |
11 |
12 | 3. [我写小程序像菜虚鲲——1、唱，跳，rap，篮球](https://juejin.im/post/5cfdd89ef265da1b9253cf24)
13 |
14 |
15 | 4. [一些使用的 git 小技巧](https://juejin.im/post/5cfe63f4f265da1bd522c437)
16 |
17 |
18 | 5. [Vue Function-based API RFC](https://zhuanlan.zhihu.com/p/68477600)
19 |
20 |
21 | 6. [JavaScript 的简洁之道](https://juejin.im/post/5cfe34f4f265da1b5d57a09b)
22 |
23 |
24 | 7. [leetcode题解](https://github.com/azl397985856/leetcode/blob/master/thanksGiving.md)
25 |
26 | 8. [前端答疑-对象引用-vue共享数据源的三种方式](https://segmentfault.com/a/1190000019432855)
27 |
28 | 9. [package.json 中 你还不清楚的 browser，module，main 字段优先级](https://segmentfault.com/a/1190000019438150)
--------------------------------------------------------------------------------
/themes/memory/source/style/button.scss:
--------------------------------------------------------------------------------
1 | @import "variables";
2 |
3 | .dark-btn {
4 | display: inline-block;
5 | background: rgba(0, 0, 0, 0.3);
6 | border: 1px solid $black;
7 | padding: 0 15px;
8 | font-size: 13px;
9 | font-family: $base-font-family;
10 | text-align: center;
11 | color: lighten(#8f8f8f, 20%);
12 |
13 | @media (prefers-color-scheme: dark) {
14 | color: $dark-mode-text-color;
15 | }
16 |
17 | &:hover {
18 | color: darken($text-color, 10%);
19 | background-color: $brand-color;
20 |
21 | @media (prefers-color-scheme: dark) {
22 | color: darken($dark-mode-text-color, 60%);
23 | background-color: $dark-mode-brand-color;
24 | }
25 | }
26 | .icon {
27 | margin-right: 5px;
28 | font-size: 16px;
29 | vertical-align: middle;
30 | line-height: 40px;
31 | }
32 | .text {
33 | vertical-align: middle;
34 | line-height: 40px;
35 | }
36 | }
--------------------------------------------------------------------------------
/public/images/quote-r.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
13 |
--------------------------------------------------------------------------------
/source/_posts/20190311.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-03-11'
3 | date: 2019-03-11 09:09:56
4 | tags:
5 | ---
6 |
7 | 1. [从“快稳省安全”看Chromium——Chromium学习系列](https://juejin.im/post/5c7f3e16518825409f76388b)
8 | 2. [ ⚛️React.js Resume App ]()
9 | 3. [前端技术周刊 前端代码保护](https://juejin.im/post/5c7d35666fb9a049b13ef089)
10 | 4. [「译」用 Proxy 追踪 JavaScript 类](https://juejin.im/post/5c8533e6e51d4561a0778a4c)
11 | 5. [从图形到像素：前端图形编程技术概览](https://www.infoq.cn/article/ib-HZAC40FIytaqdUerU)
12 | 6. [Vue 性能优化：如何实现延迟加载和代码拆分？](https://www.infoq.cn/article/9ihyy7HW00ij8suTh*zN)
13 | 7. [GitHub Draft Pull Requests Enable New Collaboration Workflows](https://www.infoq.com/news/2019/02/github-draft-pull-requests)
14 | 8. [Overcoming RESTlessness](https://www.infoq.com/articles/overcoming-restlessness)
15 | 9. [测一测你的算法阶段学习成果](https://www.infoq.cn/article/Jzc5_Q3rHaiiZt0NO1M6)
16 | 10. [九大最热门的 IT 岗位，机器学习竟然不是第一](https://www.infoq.cn/article/PiD*6OXUiyNM1icN0YWu)
17 |
--------------------------------------------------------------------------------
/source/_posts/20190506.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-05-06'
3 | date: 2019-05-06 09:31:37
4 | tags:
5 | ---
6 |
7 | 1. [【译】10 个你不知道你需要的 HTML 元素](https://juejin.im/post/5cce2a4651882541992d447c)
8 |
9 | 2. [小程序之蓝牙的使用](https://juejin.im/post/5cc5b7516fb9a032086dd7a1)
10 |
11 | 3. [Map与WeakMap](https://mp.weixin.qq.com/s/Se8zSslA4duRzjmgXOP8Ig)
12 |
13 | 4. [[手把手系列之]Docker 部署 vue 项目](https://juejin.im/post/5cce4b1cf265da0373719819)
14 |
15 | 5. [细谈 vue - slot 篇](https://juejin.im/post/5cced0096fb9a032426510ad)
16 |
17 | 6. [透过Keep-Alive实现防抖&节流组件](https://juejin.im/post/5cceb99fe51d453a59418b75)
18 |
19 | 7. [彻底揭秘keep-alive原理](https://juejin.im/post/5cce49036fb9a031eb58a8f9)
20 |
21 | 8. [[译] 使用 VS Code 调试 Node.js 的超简单方法](https://juejin.im/post/5cce9b976fb9a0322415aba4)
22 |
23 | 9. [InteractiveGraph 实现酷炫关系图谱之前瞻](https://juejin.im/post/5cbc8b38e51d456e6b5d7dbe)
24 |
25 | 10. [InteractiveGraph](https://github.com/grapheco/InteractiveGraph)
--------------------------------------------------------------------------------
/public/images/quote-l.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
14 |
--------------------------------------------------------------------------------
/source/_posts/20190530.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '20190530'
3 | date: 2019-05-30 10:09:24
4 | tags:
5 | ---
6 |
7 |
8 | 1. [uni-app官方教程学习手记](https://segmentfault.com/a/1190000017020710)
9 |
10 | 2. [https://u.nu/fmtq](blibli封面提取器)
11 |
12 | 3. [前端进阶之什么是BFC？BFC的原理是什么？如何创建BFC？](https://juejin.im/post/5cee1b38e51d4556be5b39e1)
13 |
14 | 4. [【前端词典】学习 Vue 源码的必要知识储备](https://juejin.im/post/5ce5565d6fb9a07ed2244513)
15 |
16 | 5. [从原型聊到原型继承，深入理解 JavaScript 面向对象精髓](https://juejin.im/post/5cee3c69e51d45108b2cae03)
17 |
18 | 6. [详解vue组件三大核心概念](https://juejin.im/post/5cef2f5e6fb9a07ea712f41a)
19 |
20 | 7. [面试必备！webpack 中那些最易混淆的 5 个知识点](https://segmentfault.com/a/1190000019325169)
21 |
22 | 8. [Leetcode：刷完31道链表题的一点总结](https://segmentfault.com/a/1190000019331129)
23 |
24 | 9. [阿里云CDN技术掌舵人文景：相爱相杀一路狂奔的这十年](https://segmentfault.com/a/1190000019327228)
25 |
26 | 10. [使用 JavaScript 探测网络状态](https://www.jackpu.com/shi-yong-javascript-tan-ce-wang-luo-zhuang-tai/)
--------------------------------------------------------------------------------
/source/_posts/20190319.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-03-19'
3 | date: 2019-03-19 09:05:46
4 | tags:
5 | ---
6 |
7 | 1. [内网穿透工具原理](https://mp.weixin.qq.com/s/areoQX6grL6-XXZ5XYOmhA)
8 |
9 | 2. [逐行分析Koa v1 中间件原理](https://juejin.im/post/5c8f0c6af265da67e20a3b0e)
10 |
11 | 3. [PNG图片压缩原理解析--屌丝的眼泪](https://juejin.im/post/5c8e4feb6fb9a070aa5ce200)
12 |
13 | 4. [Javascript 中最长的关键字序列长什么样子](https://juejin.im/post/5c8efaf951882545e85c20e2)
14 |
15 | 5. [从头到脚撸一个多人视频聊天 — 前端 WebRTC 实战（一)](https://juejin.im/post/5c3acfa56fb9a049f36254be)
16 |
17 | 6. [go-echarts](https://github.com/chenjiandongx/go-echarts)
18 |
19 | 7. [laravel扩展,通过简单的配置构建出一套极具描述性,可读性,且没有任何冗余的高性能API.](https://github.com/weiwenhao/tree-ql/blob/master/README-CN.md)
20 |
21 | 8. [做一个好看的红白机模拟器](https://segmentfault.com/a/1190000018553128)
22 |
23 | 9. [没有 JS 的前端：体积更小、速度更快！](https://www.infoq.cn/article/QQyWDIemKtChvbq_rCPl)
24 |
25 | 10. [HTTP Cache 浅析](https://juejin.im/post/5c8f47255188252dac6d261b)
26 |
--------------------------------------------------------------------------------
/themes/calamus/source/css/_partial/_tags.scss:
--------------------------------------------------------------------------------
1 | // ==============================
2 | // Tags
3 | // =============================
4 |
5 | .tag-cloud {
6 | margin: 2em 0 3em;
7 | text-align: center;
8 | font-family: $global-font-family;
9 |
10 | .tag-cloud-title {
11 | display: inline-block;
12 | font-size: $tag-cloud-title-size;
13 | color: $theme-color;
14 | border-bottom: $tag-cloud-title-border-bottom;
15 | }
16 |
17 | .tag-cloud-tags {
18 | margin: 10px 0;
19 |
20 | a {
21 | display: inline-block;
22 | position: relative;
23 | margin: $tag-cloud-tags-link-margin;
24 | word-wrap: break-word;
25 | transition-duration: 0.2s;
26 | transition-property: transform;
27 | transition-timing-function: ease-out;
28 |
29 | &:active,
30 | &:focus,
31 | &:hover {
32 | color: $theme-color;
33 | transform: scale(1.1);
34 | }
35 | }
36 | }
37 | }
--------------------------------------------------------------------------------
/source/_posts/20190509.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: 20190509
3 | date: 2019-05-09 09:33:30
4 | tags:
5 | ---
6 |
7 | 1. [阿里巴巴程序员常用的 15 款开发者工具](https://mp.weixin.qq.com/s/D7TpMYgcpZh5FA2qzv-vTA)
8 |
9 | 2. [使用这些 CSS 属性选择器来提高前端开发效率！](https://segmentfault.com/a/1190000019026756?name=css&description=&isPrivate=1)
10 |
11 | 3. [学会JavaScript测试你就是同行中最亮的仔（妹）](https://segmentfault.com/a/1190000019105262)
12 |
13 | 4. [栅格GRID: 未来可期 更便捷的布局方式](https://segmentfault.com/a/1190000019110488)
14 |
15 | 5. [VueCli+Node+mongodb打造个人博客（含前台展示及后台管理系统）（上）](https://segmentfault.com/a/1190000019111452)
16 | [VueCli+Node+mongodb打造个人博客（含前台展示及后台管理系统）（中）](https://segmentfault.com/a/1190000019116519)
17 | [VueCli+Node+mongodb打造个人博客（含前台展示及后台管理系统）（下）](https://segmentfault.com/a/1190000019117165)
18 |
19 | 6. [js数字计算丢失精度问题解决方案](https://segmentfault.com/a/1190000019114128)
20 |
21 | 7. [基于 Github API 的图床 Chrome 插件开发全纪录](https://segmentfault.com/a/1190000019116373)
22 |
23 | 8. [可缩放矢量图（SVG）不完全教程](http://topic.30ke.cn/svg)
--------------------------------------------------------------------------------
/source/_posts/20190531.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-05-31'
3 | date: 2019-05-31 09:38:28
4 | tags:
5 | ---
6 |
7 | 1. [『前端技术』相比后端是否只能打辅助?](https://juejin.im/post/5cf01c0251882503050edec9) 👍👍👍👍👍👍
8 |
9 | 2. [你要的 React 面试知识点，都在这了](https://juejin.im/post/5cf0733de51d4510803ce34e)
10 |
11 | 3. [业内首个 React Native转微信小程序引擎 Alita 正式发布](https://juejin.im/post/5cf07db1e51d4577407b1ccb)
12 |
13 | 4. [一个合格的中级前端工程师必须要掌握的 28 个 JavaScript 技巧](https://juejin.im/post/5cef46226fb9a07eaf2b7516)👍👍👍
14 |
15 | 5. [Vue底层架构及其应用](https://juejin.im/post/5cef749451882530810e0626)
16 |
17 | 6. [GitLab CI/CD 在 Node.js 项目中的实践](https://segmentfault.com/a/1190000019341766)
18 |
19 | 7. [使用 apiDoc 为你的Node.js API 生成文档](https://segmentfault.com/a/1190000019329984)
20 |
21 | 8. [借助CSS来管理js事件](https://segmentfault.com/a/1190000019342789)👍👍👍
22 |
23 | 9. [Vue微信公众号兼容微信JS-SDK，使用分享等功能](https://segmentfault.com/a/1190000019342737)
24 |
25 | 10. [Gatsby极速入门—添加博客内容页（4）](https://segmentfault.com/a/1190000019339543)
--------------------------------------------------------------------------------
/themes/calamus/layout/_partial/header.swig:
--------------------------------------------------------------------------------
1 |
2 |
25 |
--------------------------------------------------------------------------------
/public/lib/pace/pace-theme-center-radar.min.css:
--------------------------------------------------------------------------------
1 | .pace,.pace .pace-activity{z-index:2000;height:90px;width:90px}.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:fixed;margin:auto;top:0;left:0;right:0;bottom:0}.pace.pace-inactive .pace-activity{display:none}.pace .pace-activity,.pace .pace-activity:before{position:absolute;display:block;border-color:#29d transparent transparent;border-radius:50%}.pace .pace-activity{left:-30px;top:-30px;border-width:30px;border-style:double;-webkit-animation:spin 1s linear infinite;-moz-animation:spin 1s linear infinite;-o-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.pace .pace-activity:before{content:' ';top:10px;left:10px;height:50px;width:50px;border-width:10px;border-style:solid}@-webkit-keyframes spin{100%{-webkit-transform:rotate(359deg)}}@-moz-keyframes spin{100%{-moz-transform:rotate(359deg)}}@-o-keyframes spin{100%{-moz-transform:rotate(359deg)}}@keyframes spin{100%{transform:rotate(359deg)}}
--------------------------------------------------------------------------------
/source/_posts/20190225.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-02-25'
3 | date: 2019-02-25 10:36:55
4 | tags:
5 | ---
6 |
7 | 1. [如何在浏览器中编写一款蓝牙应用](https://juejin.im/post/5c7221e26fb9a04a0441a67e)
8 |
9 | 2. [前端开发者应该明白的浏览器工作原理](https://banggan.github.io/2019/02/20/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E8%80%85%E5%BA%94%E8%AF%A5%E6%98%8E%E7%99%BD%E7%9A%84%E6%B5%8F%E8%A7%88%E5%99%A8%E5%B7%A5%E4%BD%9C%E5%8E%9F%E7%90%86/)
10 |
11 | 3. [Http Host头攻击原理和防御](https://mp.weixin.qq.com/s/g9FANLiJ93JCVdRk3gunGQ)
12 |
13 | 4. [Gitter：高颜值 GitHub 小程序客户端诞生记](https://www.infoq.cn/article/c-cA0H0QIDMFjYoPBpUY)
14 |
15 | 5. [蚂蚁金服如何把前端性能监控做到极致?](https://www.infoq.cn/article/Dxa8aM44oz*Lukk5Ufhy)
16 |
17 | 6. [每秒解析千兆字节的 JSON 解析器开源，秒杀一大波解析器](https://www.infoq.cn/article/U5UMbHYrzYW3_0GmMIIc)
18 |
19 | 7. [JS Foundation Releases Dojo 5](https://www.infoq.com/news/2019/02/dojo-5-release)
20 |
21 | 8. [deeplyAssign，深度 Object.Assign](https://github.com/Tommy-White/deeplyAssign)
22 |
23 | 9. [基于 hooks 和 suspense 的 react 路由](https://github.com/frontarm/navi)
--------------------------------------------------------------------------------
/source/_posts/20190521.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-05-21'
3 | date: 2019-05-21 09:21:26
4 | tags:
5 | ---
6 |
7 | 1. [【进阶 6-2 期】深入高阶函数应用之柯里化](https://juejin.im/post/5ce288eee51d454f72302450)
8 |
9 | 2. [❤520，就用CSS给你的她（他）送颗心❤](https://juejin.im/post/5ce20e0f51882545555eaa95)
10 |
11 | 3. [9012 年了，Array 数组的方法赶紧用起来！](https://juejin.im/post/5ce21064f265da1ba647bdce)
12 |
13 | 4. [UI组件库从1到N开发心得-组件篇](https://juejin.im/post/5ce21c8ee51d45109725fdbe)
14 |
15 | 5. [时间切片（Time Slicing）](https://juejin.im/post/5ce249896fb9a07ea712e26e)
16 |
17 | 6. [提升网站页面速度的14条最佳实践（二）](https://segmentfault.com/a/1190000019235155)
18 |
19 | 7. [前端工作流中的hooks](https://segmentfault.com/a/1190000019239162)
20 |
21 | 8. [如何在Canvas中添加事件](https://segmentfault.com/a/1190000019239594)
22 |
23 | 9. [使用service worker做缓存来加快首屏速度，可行么？](https://segmentfault.com/a/1190000019239906)
24 |
25 | 10. [怎样阅读 ECMAScript 规范？](https://segmentfault.com/a/1190000019240609)
26 |
27 | 11. [Serverless💖Node.js Puppeteer 渗透测试爬虫实践](https://segmentfault.com/a/1190000019241148)
28 |
--------------------------------------------------------------------------------
/themes/calamus/layout/_partial/_head/meta.swig:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | {# Disable transformation #}
6 |
7 |
8 |
9 | {# Website description #}
10 | {% if page.description %}
11 |
12 | {% elif page.title %}
13 |
14 | {% elif config.description %}
15 |
16 | {% endif %}
17 |
18 | {# Website keywords #}
19 | {% if page.keywords %}
20 |
21 | {% elif page.tags and page.tags.length %}
22 |
23 | {% endif %}
24 |
--------------------------------------------------------------------------------
/public/lib/fancybox/source/helpers/jquery.fancybox-thumbs.css:
--------------------------------------------------------------------------------
1 | #fancybox-thumbs {
2 | position: fixed;
3 | left: 0;
4 | width: 100%;
5 | overflow: hidden;
6 | z-index: 8050;
7 | }
8 |
9 | #fancybox-thumbs.bottom {
10 | bottom: 2px;
11 | }
12 |
13 | #fancybox-thumbs.top {
14 | top: 2px;
15 | }
16 |
17 | #fancybox-thumbs ul {
18 | position: relative;
19 | list-style: none;
20 | margin: 0;
21 | padding: 0;
22 | }
23 |
24 | #fancybox-thumbs ul li {
25 | float: left;
26 | padding: 1px;
27 | opacity: 0.5;
28 | }
29 |
30 | #fancybox-thumbs ul li.active {
31 | opacity: 0.75;
32 | padding: 0;
33 | border: 1px solid #fff;
34 | }
35 |
36 | #fancybox-thumbs ul li:hover {
37 | opacity: 1;
38 | }
39 |
40 | #fancybox-thumbs ul li a {
41 | display: block;
42 | position: relative;
43 | overflow: hidden;
44 | border: 1px solid #222;
45 | background: #111;
46 | outline: none;
47 | }
48 |
49 | #fancybox-thumbs ul li img {
50 | display: block;
51 | position: relative;
52 | border: 0;
53 | padding: 0;
54 | max-width: none;
55 | }
--------------------------------------------------------------------------------
/source/_posts/20190528.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-05-28'
3 | date: 2019-05-28 09:37:45
4 | tags:
5 | ---
6 |
7 | 1. [代码神注释鉴赏，喜欢拿去用](https://mp.weixin.qq.com/s/jlYUzsyUb76RExsoFz4S2w)
8 |
9 | 2. [21个奇葩注释，程序员看了都点赞](https://mp.weixin.qq.com/s?__biz=MjM5NDAwOTUzNA==&mid=2247485242&idx=1&sn=25aaa79c673c49e4ac6fabc08d1d5668&chksm=a68f1feb91f896fd3d56b110ada05bcf2062b4469d335e423c50321555d746c8bd28efc9a959&scene=21#wechat_redirect)
10 |
11 | 3. [大型项目前端架构浅谈（8000字原创）](https://juejin.im/post/5cea1f705188250640005472)
12 |
13 | 4. [《阿里云前端技术周刊》第六期](https://juejin.im/post/5ceb5b4b6fb9a07ea803a87e)
14 |
15 | 5. [基于vue做一个禅道主页拖拽效果](https://juejin.im/post/5cea9ba86fb9a07eda02f496)
16 |
17 | 6. [vue全家桶+Echarts+百度地图，搭建数据可视化系统（【续】接口篇）](https://juejin.im/post/5ceb490451882532b93019df)
18 |
19 | 7. [你本可以少写些if-else](https://juejin.im/post/5cead18df265da1bc552405b)
20 |
21 | 8. [你的网站或许不需要前端构建](https://juejin.im/post/5ceacf09e51d454f73356cc4)
22 |
23 | 9. [browsersync](https://www.browsersync.io/)
24 |
25 | 10. [表驱动编程总结](https://www.jianshu.com/p/868b97794224)
--------------------------------------------------------------------------------
/themes/memory/layout/_partial/post.ejs:
--------------------------------------------------------------------------------
1 | 3 | {{ config.title }} 4 |
5 | 6 | 24 |5 | 6 | <%= post.title %> 7 | 8 |
9 | <% } %> 10 | 13 |
18 | Read More
19 |
20 | <% } %>
21 |
22 | <% if (post.tags && post.tags.length) { %>
23 |
30 | <% } %>
31 |
32 | - <%= page.tag %> -
4 |- <%= page.year %><%= page.month ? '.' + page.month : '' %> -
10 |- <%= page.category %> -
16 |5 | 6 | <%= post.title %> 7 | 8 |
9 | 12 |
14 | <%- post.content %>
15 |
16 |
25 |
36 |
37 |
38 |
39 | <% } %>
40 |
--------------------------------------------------------------------------------
/themes/memory/layout/_partial/footer.ejs:
--------------------------------------------------------------------------------
1 |
32 |
33 |
--------------------------------------------------------------------------------
/source/_posts/20190227.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: '2019-02-27'
3 | date: 2019-02-27 09:05:25
4 | tags:
5 | ---
6 |
7 | 1. [前端资源加载重试](https://segmentfault.com/a/1190000018275641?_ea=7437891)
8 | 2. [已经 2019 年了，我依然赤手空拳制作网站](https://juejin.im/post/5c74ad81f265da2da00ebaf6)
9 | 3. [马蹄疾 | 聊聊你可能并没有完全掌握的 Flex 布局：从概念入手，丝丝入扣](https://juejin.im/post/5c748debf265da2da408134e)
10 | 4. [React + Koa 实现服务端渲染(SSR) Part II ](https://juejin.im/post/5c73ad30f265da2db66de010)
11 | 5. [Web前端开发标准规范](https://segmentfault.com/a/1190000018194697?utm_source=weekly&utm_medium=email&utm_campaign=email_weekly)
12 | 6. [web前端性能优化总结](https://segmentfault.com/a/1190000018263418)
13 | 7. [React 性能优化技巧总结](https://segmentfault.com/a/1190000018257360)
14 | 8. [工作中99%能用到的git命令](https://segmentfault.com/a/1190000018273794)
15 | 9. [弹性布局（display:flex;）属性详解](https://segmentfault.com/a/1190000018233450)
16 | 10. [简述vue-router实现原理](https://segmentfault.com/a/1190000018227116)
17 | 11. [前端js实现字符串/图片/excel文件下载](https://segmentfault.com/a/1190000018143902)
18 | 12. [ES6、7、8常用新特性总结(超实用)](https://segmentfault.com/a/1190000018128788)
19 | 13. [前端设计模式](https://segmentfault.com/a/1190000018127390)
20 | 14. [七个你没用过的炫酷开发工具推荐](https://segmentfault.com/a/1190000018142584)
21 | 15. [CSS粘性定位是怎样工作的](https://segmentfault.com/a/1190000018113832)
22 | 16. [你可能不熟悉的JS总结](https://segmentfault.com/a/1190000018113011)
23 | 17. [vue移动端小说阅读器vue全家桶项目，已部署到服务器可访问预览](https://segmentfault.com/a/1190000018103601)
24 | 18. [前端js实现字符串/图片/excel文件下载](https://segmentfault.com/a/1190000018143902)
25 |
--------------------------------------------------------------------------------
/source/_posts/hexo.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Hexo入门
3 | date: 2019-02-20 16:42:24
4 | tags: hexo
5 | categories:
6 | - 其他
7 | - others
8 | ---
9 |
10 |
11 | Welcome to [Calamus](https://www.calamus.xyz/)! This is my very first post. Check [documentation](https://hexo.io/docs/) for more info. If you get any problems when using Hexomd, you can find the answer in [troubleshooting](https://hexo.io/docs/troubleshooting.html) or you can ask me on [GitHub](https://github.com/hexojs/hexo/issues).
12 |
13 | ## Quick Start
14 |
15 | ### Create a new post
16 |
17 | ``` bash
18 | $ hexo new "My New Post"
19 | ```
20 |
21 | More info: [Writing](https://hexo.io/docs/writing.html)
22 |
23 | ### Run server
24 |
25 | ``` bash
26 | $ hexo server
27 | ```
28 |
29 | More info: [Server](https://hexo.io/docs/server.html)
30 |
31 | ### Generate static files
32 |
33 | ``` bash
34 | $ hexo generate
35 | ```
36 |
37 | More info: [Generating](https://hexo.io/docs/generating.html)
38 |
39 | ### Deploy to remote sites
40 |
41 | ``` bash
42 | $ hexo deploy
43 | ```
44 |
45 | More info: [Deployment](https://hexo.io/docs/deployment.html)
46 |
47 |
48 | ## 发布
49 | ```bash
50 | hexo generate -d
51 | ```
52 |
53 | ## 发布到GitHub上出现404等问题
54 | 1.clean后再重新发布
55 | ```bash
56 | hexo clean
57 | ```
58 | 2.更改url地址
59 | ```bash
60 | url: http://www.nideyuming.com/blog/
61 | root: /blog
62 | ```
63 |
64 | ## 增加搜索功能
65 | https://www.cnblogs.com/doublezcc/p/6140788.html
66 | https://www.jianshu.com/p/5973c05d7100
67 | http://www.qingpingshan.com/m/view.php?aid=386198
--------------------------------------------------------------------------------
/themes/calamus/layout/_macro/archive.swig:
--------------------------------------------------------------------------------
1 | {% macro render() %}
2 |
3 |
4 | {% if not page.prev %}
5 | {% if page.tag %}
6 |
45 |
46 |
47 | {% include '../_partial/pagination.swig' %}
48 | {% endmacro %}
49 |
--------------------------------------------------------------------------------
/public/lib/pace/pace-theme-corner-indicator.min.css:
--------------------------------------------------------------------------------
1 | .pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pace .pace-activity{display:block;position:fixed;z-index:2000;top:0;right:0;width:300px;height:300px;background:#29d;-webkit-transition:-webkit-transform .3s;transition:transform .3s;-webkit-transform:translateX(100%) translateY(-100%) rotate(45deg);transform:translateX(100%) translateY(-100%) rotate(45deg);pointer-events:none}.pace.pace-active .pace-activity{-webkit-transform:translateX(50%) translateY(-50%) rotate(45deg);transform:translateX(50%) translateY(-50%) rotate(45deg)}.pace .pace-activity::after,.pace .pace-activity::before{-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;bottom:30px;left:50%;display:block;border:5px solid #fff;border-radius:50%;content:''}.pace .pace-activity::before{margin-left:-40px;width:80px;height:80px;border-right-color:rgba(0,0,0,.2);border-left-color:rgba(0,0,0,.2);-webkit-animation:pace-theme-corner-indicator-spin 3s linear infinite;animation:pace-theme-corner-indicator-spin 3s linear infinite}.pace .pace-activity::after{bottom:50px;margin-left:-20px;width:40px;height:40px;border-top-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.2);-webkit-animation:pace-theme-corner-indicator-spin 1s linear infinite;animation:pace-theme-corner-indicator-spin 1s linear infinite}@-webkit-keyframes pace-theme-corner-indicator-spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(359deg)}}@keyframes pace-theme-corner-indicator-spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}
--------------------------------------------------------------------------------
/themes/calamus/source/css/_partial/_post/_footer.scss:
--------------------------------------------------------------------------------
1 | // ==============================
2 | // Post footer
3 | // ==============================
4 |
5 | .post-footer {
6 | margin-top: $post-footer-margin-top;
7 | border-top: $post-footer-border-top;
8 | font-family: $global-font-family;
9 |
10 | .post-tags {
11 | padding: $post-tags-padding;
12 |
13 | a {
14 | margin-right: 5px;
15 | color: $theme-color;
16 | word-break: break-all;
17 |
18 | &::before {
19 | content: '#';
20 | }
21 | }
22 | }
23 |
24 | .post-nav {
25 | margin: 1em 0;
26 | @include clearfix;
27 |
28 | .prev,
29 | .next {
30 | font-weight: 400;
31 | font-size: 16px;
32 | color: $global-font-color;
33 | font-family: $global-font-family;
34 | transition-property: transform;
35 | transition-timing-function: ease-out;
36 | transition-duration: 0.3s;
37 | }
38 |
39 | .prev {
40 | float: left;
41 |
42 | &:hover {
43 | color: $theme-color;
44 | transform: translateX(-4px);
45 | }
46 | }
47 |
48 | .next {
49 | float: right;
50 |
51 | &:hover {
52 | color: $theme-color;
53 | transform: translateX(4px);
54 | }
55 | }
56 |
57 | .nav-mobile {
58 | display: none;
59 | }
60 | }
61 | }
62 |
63 | @include max-screen() {
64 | .post-footer {
65 | .post-nav {
66 | .nav-default {
67 | display: none;
68 | }
69 |
70 | .nav-mobile {
71 | display: inline;
72 | }
73 | }
74 | }
75 | }
76 |
--------------------------------------------------------------------------------
/themes/calamus/layout/_macro/post.swig:
--------------------------------------------------------------------------------
1 | {% macro render(post) %}
2 |
7 |
9 | {% elif page.category %}
10 | {{ page.tag }}
8 |
11 |
13 | {% endif %}
14 | {% endif %}
15 |
16 | {% for post in page.posts %}
17 | {% if page.archive %}
18 | {% set year %}
19 | {% set post.year = date(post.date, 'YYYY') %}
20 |
21 | {% if post.year !== year %}
22 | {% set year = post.year %}
23 | {{ page.category }}
12 |
24 |
26 | {% endif %}
27 | {% endif %}
28 |
29 | {{ year }}
25 |
30 |
31 | {% if page.archive %}
32 | {{ date(post.date, 'MMM DD') }}
33 | {% else %}
34 | {{ date(post.date, 'YYYY-MM-DD') }}
35 | {% endif %}
36 |
37 |
38 |
39 | {{ post.title }}
40 |
41 |
42 |
43 | {% endfor %}
44 | 5 | {% if is_home() %} 6 | {{ post.title }} 7 | {% else %} 8 | {{ post.title }} 9 | {% endif %} 10 |
11 | 12 | 15 |
21 | {% set excerpt = "" %}
22 | {% if post.description %}
23 | {% set excerpt = post.description %}
24 | {% elif post.excerpt %}
25 | {% set excerpt = post.excerpt %}
26 | {% endif %}
27 |
28 | {% if excerpt %}
29 | {{ excerpt }}
30 |
31 | {% endif %}
32 | {% else %}
33 |
34 | {{ post.content }}
35 |
36 | {% endif %}
37 |
38 | {% if not is_home() %}
39 |
52 | {% endif %}
53 |