首页
学习
活动
专区
工具
TVP
发布

落花落雨不落叶

专栏作者
50
文章
125013
阅读量
25
订阅数
浏览器的performance API与页面首屏加载分析
现代浏览器提供了performance(性能)这个API来帮助我们分析页面的加载性能,从MDN上可以看到从IE9时代(约2011年)就开始支持了,所以目前来说兼容性还算可以,所以可以研究一下这个API具体有啥功能。
用户1749219
2021-04-09
2.1K0
JS字符串补全方法padStart()和padEnd()
背景: var t = new Date().getMonth() + 1; // t ===> 7,没有0,怎么展示成下面的样子? // 2018-07-23 解决上述问题的一个思路: // 补0函
用户1749219
2018-08-08
1.5K0
label+input实现开关切换效果
Document <!-- .ipt { display: none; } .box { width: 74px; height: 30px; line-height: 30px; overflow: hidden; border: 1px solid #eee; border-radius:
用户1749219
2018-07-05
4480
【被玩坏的博客园】之canvas装饰博客园侧边栏
最近抽空学了学canvas,然后用canvas做了个小球运动的demo,大致的效果如下: 虽然网上已经有很多这样的demo,但是还是想根据自己的思路来写一个,下面先跟大家讲解一下源代码,先看html代
用户1749219
2018-07-05
8340
写了个学习正则的小工具
背景:感觉自己正则学的不是很好,所以想再学习下,于是就去翻各大框架里的正则,想看看他们是怎么使用正则的,但是一个一个看源代码太长又太麻烦了,所以就想把框架里的所有正则都匹配出来,然后再来集中学习。
用户1749219
2018-07-05
3130
Chrome的First Paint触发的时机探究
前言 First paint 直译过来的意思就是浏览器第一次渲染(paint),在First paint之前是白屏,在这个时间点之后用户就能看到(部分)页面内容。 所以研究这个First Paint的触发时机对于优化浏览器页面的首屏渲染时间有很重要的作用。 在正题开始之前,先说下浏览器的页面的加载流程(大体过程是这样,并不精确,只是为了帮助理解后面内容): 浏览器输入url,浏览器发送请求到服务器,服务器将请求的HTML返回给浏览器。 浏览器下载完成HTML(Finish Loading HTML)之
用户1749219
2018-07-05
1.8K1
树莓派+花生棒+leanote搭建自己的笔记服务器
背景 对于一个程序猿来说。女朋友可以(暂时)没有,但是不能没有一个很好的记笔记的应用。因为记笔记可以帮助自己积累学习提升自己。每一次回头看自己记得笔记,你都会有新的理解。 也许有人会说,用有道云啊,有道云就很好啊,你还纠结啥呢? 我是一个对产品需求要求很苛刻的人,也是一个追求性价比的人,所以这里我想说说各个笔记产品的一些缺陷: 有道云: 有道云的优势是笔记预览演示/文件上传及预览。 但对我来说他的缺点: markdown不支持截图直接粘贴,所以我一般把截图传到github的issue里或者传到博客园,再
用户1749219
2018-07-05
23K0
树莓派+花生棒+leanote搭建自己的笔记服务器
背景 对于一个程序猿来说。女朋友可以(暂时)没有,但是不能没有一个很好的记笔记的应用。因为记笔记可以帮助自己积累学习提升自己。每一次回头看自己记得笔记,你都会有新的理解。 也许有人会说,用有道云啊,有道云就很好啊,你还纠结啥呢? 我是一个对产品需求要求很苛刻的人,也是一个追求性价比的人,所以这里我想说说各个笔记产品的一些缺陷: 有道云: 有道云的优势是笔记预览演示/文件上传及预览。 但对我来说他的缺点: markdown不支持截图直接粘贴,所以我一般把截图传到github的issue里或者传到博客园,再
用户1749219
2018-06-07
22K0
label+input实现开关切换效果
Document <!-- .ipt { display: none; } .box { width: 74px; height: 30px; line-height: 30px; overflow: hidden; border: 1px solid #eee; border-radius:
用户1749219
2018-05-16
6420
webpack模块机制浅析【一】
webpack模块机制浅析【一】 今天看了看webpack打包后的代码,所以就去分析了下代码的运行机制。 下面这段代码是webpack打包后的最基本的形式,可以说是【骨架】 (function(root,fn){ if(typeof exports ==='object'&&typeof module === 'object'){ module.exports = fn();//exports和module同时存在,说明时在node的CommonJs规范下,这个时候使用module.
用户1749219
2018-05-16
8550
写了个学习正则的小工具
背景:感觉自己正则学的不是很好,所以想再学习下,于是就去翻各大框架里的正则,想看看他们是怎么使用正则的,但是一个一个看源代码太长又太麻烦了,所以就想把框架里的所有正则都匹配出来,然后再来集中学习。
用户1749219
2018-05-16
5660
在web浏览器上显示室内温度(nodeJs+arduino+socket.io)
上次的nodejs操作arduino入门篇中实现了如何连接arduino。这次我们来实现通过arduino测量室内温度并在浏览器上显示出来。 【所需材料】 硬件:LM35温度传感器,arduino u
用户1749219
2018-05-16
2.1K0
树莓派连接二手液晶屏小记
本来是想把树莓派和我的坏掉的平板电脑屏幕连接起来的,无奈那屏幕分辨率太高,所以弄不了,于是在网上买了个二手液晶屏14寸的,75块钱; 以及一个HDMI转接板,用于将树莓派的HDMI输出信号转换成液晶屏
用户1749219
2018-05-16
5400
史上最“脑残”的“抢火车票”程序(node.js版)
【背景】 快过年了,我妈一个电话打过来叫我给他买火车票,我到12306一查,硬座和硬卧基本没有了,高铁又太贵. 最后只抢了3张无座票,但是我妈说能不能买有座位的啊,我说没有了啊,我妈:你过两天再帮我看看。我:... 为了帮老妈抢到有座的票,后来用了360抢票插件,还用了网上的一个别人用c#写的客户端来抢票,妈的,用了两三天都没用。 最后还是打算自己用node写一个,当时我的想法就是写个简单的,能用就行。 所以,思路如下: 用node写一个爬虫,每过一分钟就爬取12306,查询某一辆火车是否还有余票,有余票就
用户1749219
2018-05-16
1.5K0
怎样让树莓派接移动硬盘
树莓派的存储空间毕竟小了点,所以想看看怎么连移动硬盘 一开始直接插上去,硬盘咔咔咔的响,树莓派也识别不出来。后来发现树莓派的USB输出电流只有大概只有600mA左右,这么小的电流移动硬盘基本动不了。 后来发现解决方法: 方法1、买一个USB-HUB,相当于给移动硬盘提供一个电流源咯。 方法2、更改树莓派配置,路径是:boot/config.txt,这里面包含了一些树莓派的初始配置。只要在最后面加上max_usb_current=1就行了。怎么编辑这个文件:打开终端,进入到boot文件夹下,执行如下 sudo
用户1749219
2018-05-16
1.9K0
一些关于树莓派的教程整理
前一阵子入手了一台树莓派,价格200多点,但是加上买充电器,无线网卡,内存卡等等,算起来少说也有300; 买的树莓派2代B,配置上比之前的好了些。 由于是新手,所以一开始并没有买全东西(没买内存卡),后来又花了40买了一张16G金士顿内存卡(小卡,就是手机内存卡,并没有用相机内用的大卡),最好买同时买一个读卡器,我就是一开始不知道跑了好几趟。 这些都买好以后,首先就是要装系统,刚到手的树莓派应该是没有装系统的。先到树莓派官网上找树莓派系统镜像包,下载下来,然后用一个叫做win32diskImager的lin
用户1749219
2018-05-16
8920
一个解决跨域问题的代理小工具
【问题描述】 之前调用聚合数据的API的时候,前端不能直接请求聚合给的API,提示出现跨域问题,所以一开始就想怎么解决这个问题,一开始想用jsonp来解决,但是搞了半天仍然不行。查了原因发现要想使用jsonp还得后端支持,也就是说后端如果没有使用jsonp,前端是不管怎样都不能用。 【解决】 卧槽那咋办?后面我就想,写个代理吧,反正自己的网站要使用node,于是就用node+express写了个代理服务器,把前端的请求转发给聚合数据再把结果返回再整理成jsonp格式,然后前端再用jsonp请求,当时写的时候
用户1749219
2018-05-16
7010
vue+sass 下sass不能运行问题
好久没写博文了,今天抽空写一写,最近在用vue.js build 项目,今早想使用sass来编译css,可是安装好依赖包之后仍然显示一下错误: ERROR in ENOENT: no such file or directory, scandir '/Users/baidu/Documents/mydata/hfutoj/node_modules/.npminstall/node-sass/3.8.0/node-sass/vendor' @ ./~/vue-style-loader!./~/css-loa
用户1749219
2018-05-16
1.1K0
Js运动框架
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <div id="div1" style="width: 100px;height: 100px;background: red;position: absolute;top:0;left: 0;"></div> </body> <script type="text/javascript"> function animate(ele,attr,value){ var speed;
用户1749219
2018-05-16
5.3K0
单片机DA转换实现正弦波
使用的是查表法: 1.c文件: #include "reg52.h" #include <intrins.h> #include <i2c.h> #define PCF8591 0x90 #define uint unsigned int #define uchar unsigned char #define arr_length 720 //正弦波数组长度 code unsigned char sin1[720]={0x80,0x81,0x82,0x83,0x84,0x85,0x86,0x87,0x
用户1749219
2018-05-16
1.2K0
点击加载更多
社区活动
Python精品学习库
代码在线跑,知识轻松学
热点技术征文第五期
新风口Sora来袭,普通人该如何把握机会?
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·干货材料·成员作品·最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档