小小书屋

摘要： git进行管理时，.gitignore是必不可少的，可以指定不需要提交到仓库的资源。最好在git init之后就创建 .gitignore文件，这是个好习惯，常用的配置及说明如下： 阅读全文

摘要： 前言 早就听过爬虫，这几天开始学习nodejs，写了个爬虫 demo ，爬取 博客园首页的文章标题、用户名、阅读数、推荐数和用户头像，现做个小总结。 使用到这几个点： 1、node的核心模块-- 文件系统 2、用于http请求的第三方模块 -- superagent 3、用于解析DOM的第三方模块 阅读全文

摘要： 目标 减少资源加载可以明显的优化页面加载的速度，所以可以减少页面载入时立即下载的图片的数量，以提高页面加载速度，其他的图片在需要的时候再进行加载。 思路 想要实现以上的目标，有几个地方需要思考。 1、如何判断哪些图片需要立即加载，哪些可以晚些再加载？ 2、如何控制图片在指定的时候加载？ 对于第一个问 阅读全文

摘要： 一般元素在页面所占的空间包括：magin border padding content。以前一直以为子元素设置百分比宽高都是以父元素的content值为基准计算的。但是当子元素的position不同时，却是不同的结果。 demo 用如下小demo测试： 效果如下： 子元素以父元素的content宽度 阅读全文

摘要： 前言 除了浏览器提供的原生事件外，有时我们还需要自定义事件以满足特定的需求，比如小模块之间的通信，传递信息等。JavaScript提供了几种自定义事件的方式： 1. Event() 构造函数, 创建一个新的事件对象 Event 2. CustomEvent() 创建一个自定义事件 3. docume 阅读全文

摘要： 前言 在 上一篇 已经实现了图片预览，那么如何上传图片呢？有两种思路： 1、将图片转化为dataURL(base64)，这样就成为了一串字符串，再传到服务端。不过这样缺点很多，数据量比转换之前增加1/3，而且会增加了存储开销（如果存在数据库，就多了访问数据库；如果解析成图片再存储，就多了解析的开销） 阅读全文

摘要： 前言 上传图片是常见的需求，多使用input标签。本文主要介绍 input标签的样式美化 和 实现图片预览。 用到的知识点有： 1、input标签的使用 2、filelist对象 和 file对象 3、fileReader对象 样式美化 原生的input标签样式单一，且在不同浏览器下的表现还不一致。 阅读全文

摘要： 前言 这是我封装的第一个Vue插件，实现的功能是滑动选择省市区，虽然只是一个简单的插件，但还是挺开心的，记录一下步骤。 插件地址：https://github.com/leichangchun/vue-area-select 欢迎指正 准备 Vue官网插件部分 的介绍虽然很简单，但是还是好好刷一遍的 阅读全文

摘要： 前言 今天遇到一个问题，用正则表达式去检查同一个字符串时，交替返回true和false。无奈之下，重新翻了翻权威指南，发现罪魁祸首原来是lastIndex。可在控制台尝试下 lastIndex lastIndex在权威指南中是如下解释：它是一个可读/写的整数。如果匹配模式带有g修饰符，这个属性存储在 阅读全文

摘要： 前言 最近在看《高性能网站建设》，记录一下所学。 现在很多网站都是图片形式的导航，点击图片跳转到对应的链接。如果导航项目很多的话，图片的数量就会很多，每需要加载一张图片就会多一个HTTP请求。优化的方式之一就是使用图片地图 标签 图片地图要用到map和area标签 map标签用于客户端的图片映射；a 阅读全文