摘要: 背景 对于一个程序猿来说。女朋友可以(暂时)没有,但是不能没有一个很好的记笔记的应用。因为记笔记可以帮助自己积累学习提升自己。每一次回头看自己记得笔记,你都会有新的理解。 也许有人会说,用有道云啊,有道云就很好啊,你还纠结啥呢? 我是一个对产品需求要求很苛刻的人,也是一个追求性价比的人,所以这里我想阅读全文
posted @ 2018-05-16 23:46 落花落雨不落叶 阅读(870) 评论(9) 编辑
摘要: 前言 First paint 直译过来的意思就是浏览器第一次渲染(paint),在First paint之前是白屏,在这个时间点之后用户就能看到(部分)页面内容。 所以研究这个First Paint的触发时机对于优化浏览器页面的首屏渲染时间有很重要的作用。 在正题开始之前,先说下浏览器的页面的加载流阅读全文
posted @ 2018-04-24 13:14 落花落雨不落叶 阅读(445) 评论(5) 编辑
摘要: 背景:感觉自己正则学的不是很好,所以想再学习下,于是就去翻各大框架里的正则,想看看他们是怎么使用正则的,但是一个一个看源代码太长又太麻烦了,所以就想把框架里的所有正则都匹配出来,然后再来集中学习。 这里推荐一个学习正则网站:https://regexr.com/ 先看看整个流程: 下面简单讲讲怎么匹阅读全文
posted @ 2018-01-29 13:35 落花落雨不落叶 阅读(169) 评论(0) 编辑
摘要: 最近抽空学了学canvas,然后用canvas做了个小球运动的demo,大致的效果如下: 虽然网上已经有很多这样的demo,但是还是想根据自己的思路来写一个,下面先跟大家讲解一下源代码,先看html代码: html很简单,没啥讲的,就是css那块兼容性你们注意下就好(我懒,没写兼容),再看看canv阅读全文
posted @ 2017-11-18 12:43 落花落雨不落叶 阅读(964) 评论(2) 编辑
摘要: Document 主要使用label+input来实现改变left的值,下面是核心代码,意思就是选中的input的兄弟节点.box下的.switch-btn元素的left会变成0px(原来是-37px); 当然要配合transition来实现 下面是效果 ON OFF ON OFF ON OFF 全阅读全文
posted @ 2017-08-16 23:24 落花落雨不落叶 阅读(103) 评论(0) 编辑