less配合vscode使用的配置

使用场景:写jquery老项目懒得配置css预编译的情况下,安装即用,提升效率。

  1. 安装 easy less

  2. 安装Preview on web server

阅读全文

node版本切换工具的常用命令

使用场景:同时处理几个项目时,依赖的node版本不同,使用nvm工具,可以实现快速切换。

  • nvm install ## 安装指定版本,可模糊安装,如:安装v4.4.0,既可nvm install v4.4.0,又可nvm install 4.4

阅读全文

前端技能积累

CSS基础

  1. 如何实现一个三栏布局,要求两边固定宽度,中间宽度自适应?
  2. 圣杯布局 双飞翼布局 flex布局分别是什么?
  3. css的几种垂直居中的方法

阅读全文

复制知乎/简书的文本内容,为什么会自带版权声明?

实现思路:

  1. 答案区域监听copy事件,并阻止这个事件的默认行为。
  2. 获取选中的内容window.getSelection()后加上版权信息,然后设置到剪切板clipboardData.setData()

阅读全文

jquery源码解析01——总体架构

jquery1.7.1源码的总体结构:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
(function( window , undefined ){
//构造jQuery对象
var jQuery = (function(){
var jQuery = function ( selector, context ){
return new jQuery.fn.init(selector,context,rootjQuery);
}
return jQuery;
})();
//工具方法:Utilities
//回调函数列表:Callbacks Object
//异步队列:Deferred Object
//浏览器功能测试:Support
//数据缓存:DataS
//队列:Queue
//属性操作:Attributes
//事件系统:Events
//选择器:Sizzle
//DOM遍历:Traversing
//DOM操作:Manipulation
//样式操作 css (计算样式、内联样式)
//异步请求:Ajax
//动画: Effects
//坐标:Offset、尺寸 Dimensions
window.jQuery = window.$ = jQuery;
})(window);

阅读全文

Github+Hexo+Maupassant 搭建个人博客教程

阅读全文

git常用基本命令

必须记住的六条命令

  1. cd:用来切换工作目录,最常用的一个命令。简单来讲,cd A文件夹就是进入到A文件夹里面的意思。
  2. git status .:查看当前路径下的的状态。git下最最常用的一个命令。
  3. git add .: 把工作区的所有变化,(就是你的所有改动),都添加到 版本库/暂存区。
  4. git commit -m “提交时说明信息”: 更进一步提交,并说明提交log。
  5. git push: 把版本库的所有更新内容, 都推送到远程服务器。(就是推代码/推上去)
  6. git pull: 把代码从远程服务器拉取到本地。(俗称拉代码)

阅读全文