- 博客(17)
- 收藏
- 关注
RSS订阅原创 ESlint基础
lint-staged可以在git staged阶段的文件上执行linters，简单点来说就是当我们运行eslint或stylelint的命令时，只会检查我们通过git add添加到暂存区的文件，可以避免我们每次检查都把整个项目的代码都检查一遍。...
2019-05-30 00:28:24
148
转载 css书写顺序
1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color, text-align等)4.背景(background, border等)5.其他(animation, tra...
2019-05-20 20:28:51
414
原创 linux常用命令
找文件rpm -qc nginx // 找nginx配置文件find / -name nginx // 或者这么执行重启nginx -c /usr/local/nginx/conf/nginx.conf // 直接重启，例如这个路径启动、重启、关闭nginxstart nginx // 启动nginx -s reload // 重启taskkill /f /t /im n...
2019-05-19 11:06:32
172
原创 js作用域
在js中，函数嵌套是非常普遍的，对变量是如何寻找的？答：首先在函数内寻找，若找不到，则往外层寻找，直到全局window。var a = 1;function test1() { var b = 2; function test2() { var c = 3; console.log(a + b + c); } t...
2019-05-18 01:23:56
115
原创 面试题：html
一：html什么是语义化的html?用有一定语义的英文字母（标签）标记，因为HTML本身就是标记语言，以前的html结构都是一堆没有语义的冷冰冰的标签。为什么要做到语义化？①利于SEO，语义化能和搜索引擎建立良好的联系，搜索引擎爬虫依赖于标签来确定上下文和各个关键字的权重，有利于抓取更多的有效信息。②让页面的内容结构化，便于对浏览器、搜索引擎解析。③在没有CSS的时候...
2019-05-18 01:23:41
751
原创 面试题：css
CSS属性是否区分大小写？不区分。（HTML, CSS都不区分，但为了更好的可读性和团队协作，一般都小写，而在XHTML 中元素名称和属性是必须小写的。）css中单位px和em，rem的区别？px是像素，设置字体大小时，比较稳定和精确。但是如果改变了浏览器的缩放，页面布局会被打破。因此，这时就提出了使用“em”来定义Web页面的字体。em是根据基准来缩放字体的大小。em实质是一个...
2019-05-18 01:03:38
322
原创 git常用命令
设置Git的user name和email//打开git.exe，输入命令：$ git config --global user.name "name"$ git config --global user.email "[email protected]"//生成SSH密钥过程：//查看是否已经有了ssh密钥：cd ~/.ssh//如果没有密钥则不会有此文件夹，有则备份删除//生成密钥：$...
2019-05-18 00:15:49
174
原创 面试题：js
Generator 函数:一，function关键字与函数名之间有一个星号；二，函数体内部使用yield表达式，定义不同的内部状态（yield在英语里的意思就是“产出”）。function* helloWorldGenerator() { yield 'hello'; yield 'world'; return 'ending';}var hw = helloWorl...
2017-07-08 19:30:36
258
原创 面试题：react
combineReducersfunction visibilityFilter(){}function todos(){}import { combineReducers, createStore } from 'redux';let reducer = combineReducers({ visibilityFilter, todos });let store = createSt...
2017-04-17 10:24:44
252
原创 css3 flex弹性布局
//让第二个元素的宽度为其他元素的三倍：div:nth-of-type(1) {flex-grow: 1;}div:nth-of-type(2) {flex-grow: 3;}div:nth-of-type(3) {flex-grow: 1;}//让第二个元素收缩到其他元素的三分之一：div:nth-of-type(2) {flex-shrink: 3;}//设置...
2016-07-29 16:52:05
245
原创 css初始化+移动端初始化
/* reset */html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}header,footer,section...
2016-07-26 18:40:15
383
原创 $.extend和$.fn.extend的区别
jQuery插件开发分为两种：①类级别、②对象级别。 一、类级别$.extend 主要用来拓展全局函数，可以理解为静态方法，不需要实例jQuery就可以使用，例如$.ajax(…)。(function($){ $.extend({ test:function(){ alert('OK'); } })})(jQue
2016-03-14 15:26:14
461
原创 DOM对象和jQuery对象互相转换
1、DOM对象，用传统的方法(javascript)获得的对象：var a = document.getElementById("china"); //a是DOM对象var b = document.getElementsByName("city"); //b是DOM对象var c = document.getElementsByTagName("input"); //
2016-03-14 14:54:12
447
原创 css文本换行
不换行white-space:normal; //默认white-space:nowrap; //强制在同一行内显示所有文本，直到遇到 <br> 标签为止换行word-wrap:break-word;用作单词内断句，首先起一个新行来放置长单词，新的行还是放不下这个长单词则会对长单词进行强制断句。word-break:break-all; 不会...
2016-03-14 14:48:36
394
原创 javascript的date()和getTime()区别
一、date() 返回当天的日期和时间。document.write(Date()); //输出：Fri Jun 05 2015 09:33:35 GMT+0800 二、getTime() 返回距 1970 年 1 月 1 日之间的毫秒数（最好先实例化date()再使用该方法）。var d = new Date();document.write(d.getTime()); //输出：
2016-03-14 14:35:02
1320
原创 javaScript和jQuery自动加载方法
一、JavaScript自动加载①在文本中用onload： 页面中所有内容（包括图片）加载完成才执行。 //当有一个onload //当有多个onload用分号隔开,依次弹出 2 3 4②在脚本中用window.onload： 页面中所有内容（包括图片）加载完成才执行window.onload，如果有多个window.onload方法，
2016-03-14 14:12:04
7847
原创 IE8以下的attachEvent()和其他浏览器的addEventListener()区别
addEventListener()和attachEvent()为某个元素绑定多个事件，功能一样，写法不同。 一、attachEvent() 添加事件到对象，只有IE浏览器支持attachEvent()，先看个例子：document.getElementById("btn").onclick = method1;document.getElementById("btn").onclick = m...
2016-03-14 13:40:14
10188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人