cc
cc copied to clipboard
ccforward
Code & Blog
# 无线开发的积累 ### Tips - 调用chrome打开链接 - iOS: `taobao` - Android: `taobao` 若没有安装chrome浏览器，Android会弹出对话框，自行选择浏览器；iOS会显示网址无效 - 未安装chrome时，Android下会有友好的提示，iOS暂时没有好的解决办法 ### meta标签 这些meta标签在开发无线页面尤其是webAPP时作用很大 ``` html safari私有的标签，表示允许全屏 忽略将页面的数字识别为电话号码 强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0 并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览 埋点 ``` PS：content里的属性要用分号+空格来分开 ### link标签(主要针对iOS) 保存网页到桌面上时使用的图标，没有设置则显示网页截图...
# Mac下给SD卡安装 Raspbian 系统 ## 1、安装 #### 系统下载地址 插入SD卡，使用 `df` 查看当前已经挂载的卷 ``` $ df Filesystem 512-blocks Used Available Capacity iused ifree %iused Mounted on /dev/disk1 233269248 218788512 13968736 94% 27412562...
## 开篇 ### 之前误删了仓库，所有的issue全没了 ### 把能记住的全都重新补上 
# Node.js 事件循环一: 浅析 > 理解事件循环系列第一步 浅析和总览 多数的网站不需要大量计算，程序花费的时间主要集中在磁盘 I/O 和网络 I/O 上面 SSD读取很快，但和CPU处理指令的速度比起来也不在一个数量级上，而且网络上一个数据包来回的时间更慢：  一个数据包来回的延迟平均320ms(我网速慢，ping国内网站会更快)，这段时间内一个普通 cpu 执行几千万个周期应该没问题 因此异步IO就要发挥作用了，比如用多线程，如果用 Java 去读一个文件，这是一个阻塞的操作，在等待数据返回的过程中什么也干不了，因此就开一个新的线程来处理文件读取，读取操作结束后再去通知主线程。 这样虽然行得通，但是代码写起来比较麻烦。像 Node.js V8 这种无法开一个线程的怎么办？ 先看下面函数执行过程 ## 栈 Stack 当我们调用一个函数，它的地址、参数、局部变量都会压入到一个 stack...
Vue.js 中使用内置的 `v-model` 指令通过绑定值和捕获 `input` 事件来模拟双向绑定。 在[官方文档](https://vuejs.org/v2/guide/components.html#Form-Input-Components-using-Custom-Events)中也只是对 `input` 输入框做了自定义的组件，并没有 `radio` 和 `checkbox` 的举例。 ## 关于 `v-model` 表单的处理在[官方文档](https://vuejs.org/v2/guide/forms.html)已经说的很细了,这里再深入一番。 ### input 输入框 input输入框上的 `v-model` 只是一个简化的指令，它的双向绑定原理很简单，如下： ```html Msg: {{ msg }} Msg: {{...
# Vue.js 项目使用 Karma 做自动化UI测试 > 内部测试代码不宜公开,因此以开源项目 Rubik UI 的测试代码为例子 > 只是阶段小结，暂没有面面俱到 ## 环境 安装完 Karma 并自动生成 `karma.conf.js` 后 选用 `mocha` 作为测试框架 `chai` 作为断言库（添加 `sino-chai` 做扩展） 用 Chrome 和 Phantom.js...
# 一个Node.js的知乎日报爬虫 爬取了从 20150519 以来所有的文章、点赞数、评论数和部分评论内容 感觉数据挺多，简单的[统计](http://zhihu.ccforward.net/statistics)了下，还挺有趣的。 具体的数据统计和分析移步到我在[知乎上的回答](https://www.zhihu.com/question/27621722/answer/128272747) ## 线上地址 - GitHub仓库: [https://github.com/ccforward/zhihu](https://github.com/ccforward/zhihu) - 日报首页: [http://zhihu.ccforward.net](http://zhihu.ccforward.net) - 数据统计: [http://zhihu.ccforward.net/statistics](http://zhihu.ccforward.net/statistics) ## 技术栈 Node.js + Vue.js + MongoDB - Node.js做爬虫、express搭建web框架 - MongoDB 存储所有爬取的历史数据和定时任务爬取的新数据...
# 渐进式图片加载 progressive-image [知乎](https://www.zhihu.com/)和 [Medium](https://medium.com/) 都用了 progressive image （渐进式图片加载），用低分辨率的模糊图片来做预览图，代替以前懒加载图片时用的 logo 占位图。预览图大小也在平均 2KB~3KB 之间，虽然 cdn 流量上有所增加，但用户体验却非常好。  知乎和 Medium 使用的是动态绘制 canvas 这种比较复杂的方式来展现模糊效果，所以来实现一个只需要 HTML、CSS、JS 就能实现的渐进式图片加载。 代码已经封装 * [GitHub 地址](https://github.com/ccforward/progressive-image) * [NPM 地址](https://www.npmjs.com/package/progressive-image)...
# 图解 Flexbox 2 - 深入理解 本文图片、部分翻译来自原文 [Even more about how Flexbox works — explained in big, colorful, animated gifs](https://medium.freecodecamp.com/even-more-about-how-flexbox-works-explained-in-big-colorful-animated-gifs-a5a74812b053) 上一篇 [53.图解 Flexbox](https://github.com/ccforward/cc/issues/57) 介绍了 Flexbox 的基本属性，这次来深入理解下。 ## 属性 #1 `flex-basis`...
# 关于 macrotask 和 microtask 上一篇 [理解事件循环一(浅析)](https://github.com/ccforward/cc/issues/47) 用例子简单理解了下 macrotask 和 microtask 这里再详细的总结下两者的区别和使用 ## 简介 一个事件循环(EventLoop)中会有一个正在执行的任务(Task)，而这个任务就是从 macrotask 队列中来的。在[whatwg规范](https://html.spec.whatwg.org/multipage/webappapis.html#task-queue)中有 queue 就是任务队列。当这个 macrotask 执行结束后所有可用的 microtask 将会在同一个事件循环中执行，当这些 microtask 执行结束后还能继续添加 microtask 一直到真个 microtask 队列执行结束。 ###...