CntChen
如果你的项目使用 alloy-Worker 并觉得它不错, 方便的话请留下公司名或网站信息, 以及应用到的场景, 愉快地交流. 示例: 腾讯文档 + https://docs.qq.com/ + 在线表格函数计算
# 页面可视化搭建工具前生今世 ## 背景 ### 引子 页面可视化搭建, 是一个历久弥新的话题. 更广义上讲, 页面是 [GUI ](https://en.wikipedia.org/wiki/Graphical_user_interface) 的一部分, GUI 的拖拉生成在各种开发工具上很常见, 如 Android Studio, Xcode, Visual Studio 等. 前端页面早在十几年前就能用 Dreamweaver, Frontpage 等工具可视化搭建出来. Dreamweaver 操作页面示例:  但是现在已经很少人使用...
# 页面可视化搭建工具技术要点 ## 背景 [页面可视化搭建工具][页面可视化搭建工具], 是互联网公司中常见的运营工具, 实现了运营人员快速生成和发布页面, 提升页面上线效率; 且无需开发人员介入, 节省开发人力. 页面可视化搭建工具搭建出的页面示例:  但从零开始设计和开发出这种工具并不简单. 笔者维护的[页面可视化搭建框架 pipeline][pipeline], 提供了页面可视化搭建的核心功能, 免去从零实现页面可视化搭建工具的困难. 本文主要包含以下内容: * 活动页面重复开发的痛点. * 开发可视化搭建工具的技术要点. * 理想的运营页面可视化搭建工具. * 开源页面搭建框架 pipeline 介绍. ## 活动页面开发之痛...
tags: `Linux` `OS` `GRUB` `硬盘分区` --- ## 背景 2016年双十一入手了一块500G的 SSD（Solid State Drive，固态硬盘），打算安装到自己的笔记本上。笔记本的 HDD（Hard Disk Drive，机械硬盘）已经跑了 Ubuntu16.10 + Win10 双系统。光驱位的硬盘支架也装好了，一直虚位以待。工作忙一直拖到了2017年。 公司的 PC 机器也是 Ubuntu16.10，并且安装的软件比较齐全，所以计划将 PC 的 Ubuntu16.10 迁移到 SSD 上，然后在笔记本上运行。 ##...
# IE9 跨域请求兼容 ``` Chrome: You will die! IE9: Not today! ``` ## 背景 搭建公司官网的框架时采用了 vuejs, 使用 history router mode 来做 SEO 优化, 使用 fetch 做网络请求, fetch 用 whatwg-fetch 做...
 # Web Worker 文献综述 > [Web Worker][Web Worker] 作为浏览器多线程技术, 在页面内容不断丰富, 功能日趋复杂的当下, 成为缓解页面卡顿, 提升应用性能的可选方案. 但她的容颜, 隐藏在边缘试探的科普文章和不知深浅的兼容性背后; 对 JS 单线程面试题倒背如流的前端工程师, 对多线程开发有着天然的陌生感. *⇈[图片来源](https://www.freecodecamp.org/news/how-web-workers-can-help-with-consistent-asynchronous-tasks-in-javascript-cd6d728fa4ee/)* ## 背景 ### 文献综述 `文献综述`(Literature Review)是学术研究领域一个常见概念, 写过毕业论文的同学应该还有印象. 它向读者介绍与主题有关的详细资料、动态、进展、展望以及对以上方面的评述....
tags: `前后端分离` `mock` `AJAX` `工作流` `前端` --- ## 引入 *mock（模拟）: 是在项目测试中，对项目外部或不容易获取的对象/接口，**用一个虚拟的对象/接口来模拟**，以便测试。* ## 背景 ### 前后端分离 * 前后端仅仅通过异步接口(AJAX/JSONP)来编程 * 前后端都各自有自己的开发流程，构建工具，测试集合 * 关注点分离，前后端变得相对独立并松耦合  ### 开发流程 * 后台编写和维护接口文档，在 API 变化时更新接口文档 * 后台根据接口文档进行接口开发...
## 背景 现在信息太碎片化了，还是要回归书本。 这是我读书的记录，督促自己持续学习。 ## 读过的书 ### 《Linux私房菜》 2016.05 ~ 2017.05.04 读了好久好久，**效率非常低**，这是需要反省的地方。 这本书让我收获很多，在工作中解决了许多实际问题，也非常推荐软件工程师阅读，前端工程师也合适。 ### 《CSS权威指南》 2017.05.4 ~ 未知的未来(2017.08.25) 提高效率看书。 更新： 效率还是比较低，110 天。这本书非常不错，对 CSS 的一些理念有了基本了解。 现在大量使用 flex 布局，以后遇到问题 google 文章应该可以搞定。 ###...
# 浏览器的全屏功能小结 ## 背景 浏览器页面在视频播放, 图片浏览, 编辑文本等场景, 会遇到增大页面的可查看和可交互区域的需求. 对于这种场景, 一般做法是提供一个全屏按钮, 用户可以选择点击按钮触发全屏.   本文对实现浏览器全屏进行简单总结: * 伪全屏, 浏览器全屏和元素全屏 * 全屏相关快捷键 * 元素全屏的兼容性和浏览器差异 ## 伪全屏, 浏览器全屏和元素全屏 在了解全屏功能之前, 先了解三个全屏相关概念: `伪全屏`, `浏览器全屏` 和 `元素全屏`....
# Burn Again ## prepare for the future ### 元素居中 `done` * Centering in CSS: A Complete Guide > https://css-tricks.com/centering-css-complete-guide/ ### flex `done` * Flex 布局教程：语法篇 > http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html vue 原理...