SF
呆恋小喵的学习之旅
呆恋小喵的学习之旅
注册登录
关注博客
注册登录
主页
关于
RSS
npm 包发布经验分享
呆恋小喵
2018-12-18
阅读 2 分钟
6.2k
[blocked] The page at [链接] was not allowed to display insecure content from [链接]
前端埋点统计方案思考
呆恋小喵
2018-12-17
阅读 6 分钟
5k
埋点即监控用户在应用表现层的行为,于产品迭代而言至关重要。埋点数据分析是产品需求的 来源 ,检验功能是否达预期的 佐证 。前端较服务端更接近用户,本小白将在此对前端埋点统计方案述说一二。
论如何获取 2 个多边形相交关系
呆恋小喵
2018-08-31
阅读 6 分钟
3.4k
2 个多边形的关系无非: 相交(一处交集) 相交(多处交集) 相切(相交的一种,交集为线) 包含(相交的一种,交集为面积较小多边形) 相等(相交的一种,交集为 2 多边形本身) 相离(无交集) 先向大家阐述我的应用场景:需求方欲通过在地图上绘制蜂窝以分配员工所负责区域。纯手工绘制易将道路、楼、园林、水系等切...
探索 PM2 Cluster 模式下 Log4js 日志丢失
呆恋小喵
2018-08-23
阅读 4 分钟
7.1k
Node 应用为单线程应用,JS 虽可利用异步 I/O 避免线程阻塞,但无法利用多核 CPU 的优势提升运行效率,提高吞吐量仍需多线程。Node Cluster 可产生多个工作线程共享同一 TCP 连接,主线程通过 IPC 通道与工作线程通讯,并使用 Round-robin 负载均衡极好的处理线程间压力。
踩坑页面蒙层导致的双滚动条
呆恋小喵
2018-07-03
阅读 2 分钟
3.7k
习惯性记录日常工作所遇坑点,不仅仅是经验分享,真心希望走过路过的大神留言赐教! 场景如述:蒙层下一可滚动加载的 List,蒙层上一可滚动加载的 List。 目标为蒙层展现时下层滚动不触发,几种解决方案: 禁用下层 touch 事件 禁用下层滚动事件 裁切下层溢出屏幕元素曲线禁用下层滚动事件 禁用 touch 事件,你可分别禁...
应用于 Hybrid App 的 Vue 多页面构建
呆恋小喵
2018-03-21
阅读 9 分钟
9.2k
本文介绍一款基于 Vue 的使 App 支持离线缓存 Web 资源的混合开发框架。本人小白一枚,请将它视作一份我的学习总结,欢迎大神们赐教。本文多阐述思路,实现细节请阅读源码。
DOM 节点树遍历的 JS 实现
呆恋小喵
2018-03-02
阅读 2 分钟
2.5k
输出:[section.container, div.left, div.menu, div.right, div.box1, div.box2]
教你实现首行及首列固定 Table
呆恋小喵
2018-02-11
阅读 1 分钟
5.7k
Table 天然具备如此属性,我们可将 thead 剥离进行 fixed,但首列每一项分散在每一行,如何整体剥离?显然剥离较棘手,需转变思路。
通过 sass-resources-loader 全局注册 Sass 变量
呆恋小喵
2018-02-08
阅读 3 分钟
15.1k
其中 app.scss 在入口文件 entry.js 内 import,它定义了部分通用样式(但并未有使用 @mixin 或 % 定义的),引用方式即在组件元素上添加相应 class。请注意:
入坑微信小程序(项目搭建)
呆恋小喵
2018-01-13
阅读 10 分钟
5.6k
超荣幸能够参与我司【更美小程序】的搭建,在此分享些心得希望能够帮助到像我一样的前端界萌新。因【更美小程序】源码需保密,我仅向大家分享基础建设级别的非业务代码。点我~
Svg 路径动画实现旋转进度条
呆恋小喵
2017-11-16
阅读 3 分钟
7.5k
尝试使用 Svg 实现简易的动画效果。有关 Svg 的具体知识点不在此文赘述,仅就所举示例的需求点阐述实现思路。 先阐明具体需求:白色轨迹需自起始点旋转至由用户成长值决定的终点。 动画效果如下:若无效果请戳这里。 该动画可拆分为两部分实现:粉红圆环轨迹、粉红圆形尾巴。 绘制粉红圆环轨迹 相关代码: {代码...} 使...
纯 Css 绘制扇形
呆恋小喵
2017-11-13
阅读 3 分钟
13.2k
阅读此文需具备基本数学知识:圆心角、弧度制、三角函数。 为实现如下效果呕心沥血: 当然你可以拥抱 Svg...在此分享如何纯 Css 打造圆环进度条,只需三步! 此物乃 2 + 1 夹心饼干,蓝绿色部分为果酱。显而易见饼干为两个削成了圆形的 div ,我们重点演示果酱是怎么制作的: 如图所示,大扇形由 6 个小扇形构成,每一小...
NodeJS 小工具推荐
呆恋小喵
2017-10-23
阅读 3 分钟
4.3k
初尝 Node.js 开发,使用到了一些小工具,在此与大家分享。一篇小白出品的小白文,欢迎大神们慷慨指导! 首先介绍具体需求:使用 .html 模板根据配置内容生成定制的静态网页,这些静态网页被部署至 n 台服务器上供访问。 为何要生成大量相似度极高的静态文件,而非使用数据库并通过请求渲染模板呢?项目背景如此,不必纠...
我的 Mock Server - Meow Mock
呆恋小喵
2017-09-19
阅读 6 分钟
4k
业余时间基于 Node.js 搭建了 Mock Server 一枚,自娱自乐的产物。功能较简易,非常非常非常小白级,但可满足绝大多需求。 Meow Mock 源码 价值 便于自测:创建虚拟对象代替具备不确定性或不易构造的真实对象。 避免等待:前端与服务端的开发进度往往不同步。前端可使用 Mock Server 根据约定仿制假接口以不受服务端进度...
初尝微信小程序(浪漫调酒师)
呆恋小喵
2017-07-05
阅读 2 分钟
4.6k
业余时间开发了一枚调制鸡尾酒的小游戏,具体技术细节不在此赘述,谈些个人感受。 首先欢迎大家捧场: 源码 微信小程序文档 在调试时遇到的一些兼容问题: hover-class 属性部分不支持 open-type 属性部分不支持 css3 gradient 部分不支持 hover-class 可控制元素被点击时的瞬间状态,对此我大开脑洞:是不是设置 hover-...
谈谈 Git 代码回滚
呆恋小喵
2017-06-15
阅读 3 分钟
5.2k
为什么会写这样一篇文章?其实是有一段历史的:在一次迭代中并行开发着 n 个需求,到提测之时各需求的代码陆陆续续被合并到了测试分支。生活本来很平静,但两天后测试的头目说“我们组发生了点状况,本次迭代的需求在规定时间内无法测完,但老板又强制要求了上线时间,我们把优先级较低的需求的代码从测试分支抽出去吧!”...
分享我的前端学习之旅
呆恋小喵
2017-06-14
阅读 3 分钟
4.4k
从事前端开发近 2 年,积攒了一些学习资料与大家分享。在日常工作中极少应用到下述知识,示例代码完全因个人兴趣而生,不地道之处欢迎大家前来吐槽指导!
Sass 学习笔记
呆恋小喵
2017-05-18
阅读 11 分钟
3.5k
本文以 sass 语法点为主线展开,但语法细节不在此赘述,如有疑问请移驾至 [链接] 自行查阅。我所认为的 sass 的优势:结构化(层级关系更清晰)、组件化(公用模块的提取)、继承(公用样式的提取),希望读者能在浏览完此文后有所体会。
论低于 12px 字体处理方案
呆恋小喵
2017-03-01
阅读 2 分钟
3.5k
浏览器可渲染的最小字号为 12px,但设计图上经常出现小于该值的字体。对于 11px 我往往就按 12px 处理了,可 9px 这样的超小字号处理成 12px 绝对太不地道啊。大家可能都知道通过 transform: scale(n) 能达到缩小字体的效果,但你没有发现并非十分好用?
使用 Jekyll + Github Pages 搭建个人网站
呆恋小喵
2017-02-28
阅读 2 分钟
7.2k
前段时间,朋友问我如何高大上地展现个人作品。既然要求高大上,无外乎易传播、体验好、摒除纸媒,那就以线上的方式将自己的作品丢给面试官呗(朋友在求职)。我向她推荐了 github pages,一来无需购买服务器及域名,二则因为按照她的需求一个静态站点足矣。本文算是为朋友量身打造,比较适合小白食用,介绍了如何使用静...