小虫巨蟹

旧文新发一下，webSocket 的使用场景之一

一、污染是如何产生的？ 得益于 Vue-loader，在 Vue 中可以使用类似于 Web Component 的组件化写法,<template></template><style></style><script></script>，在大多数情况下，我们希望组件间定义的样式是相互…

之前发刺破 vue 的心脏之——详解 render function code的时候，承诺过会对 Vue 的核心过程的各个部分通过源码解析的方式进行抽丝剥茧的探索，今天就来进入第二部分响应式原理部分的源码解析，承诺兑现得有些晚，求轻拍 一、先分析工作原理 还是之前的套路，在读源…

上一篇文章说的是如何阅读框架源代码，收到了“如果更详细一点就好了”的反馈，不如就以 Vuex 为切入点进行一次实践吧，不矫揉不造作，说走咱就走~~ 一、前提 本文假定你已经对 Vue 的使用上有一定的概念，不要求轻车熟路（使用过 Vuex 当然是最好的），但至少要了解基本的事件…

不管对于那个段位的 Developer 来说，读源码都是一件好处颇多的事情，特别于初学者而言，这能迅速的吸纳优秀框架精华代码营养，迅速成长。不巧的是，晦涩难懂的源码，很容易让人心生怯意。今天分享就来谈一谈读源码的方法，希望能帮到一些有心读源码的朋友 一、了解框架解决了什么问题 …

或许跟手拖拽已经足够普遍，可是跟手沿着圆弧转动的罗盘指针，却依然足够挑战，先来看看我们要实现的小目标，查看效果(请用手机打开，或者用chrome的手机模式打开) 任务分解、分析 一、 跟手拖拽的一般套路 touchstart 的时候记录初始位置：ox，oy touchmove …

”js 是一门单线程的语言，js 最大的特性是异步 “，这些说法已经见惯不怪了，然而不了解 js 的解释执行始末，这些概念也就只是听听，真正遇到问题的时候，也只能一脸懵逼而已~ 一、Event Loop 机制 / 异步原理 eventLoop.png 由于 Js 是一门单线程的语言，为了实现…

在 Viewport 等比适配始末 说过使用 Viewport 来实现等比适配的例子，本文详解等比适配的另一种方式 推导 拿到一个宽度为 vWidth 的视觉稿设设备屏幕宽度为 dWidth 在视觉稿上量得一个元素的宽度为 eleVWidth 那么要实现按照宽度等比适配，在各种设备…

viewport的大小决定了，css中的设置多少像素能刚好占满屏幕。例如，viewport=320,那么设置div的宽度为320px,则div刚好能占满屏幕 移动设备中1px不等于1个物理像素 现如今，移动设备多已经采用高倍屏，像素分辨率（物理分辨率）要比逻辑分辨率高，下表为i…