2018年06月_@Demi

原创 flex弹性布局学习

对于前端开发人员来说，网页布局是css的一个重点应用，一个完美的网页布局会给人一种和平舒畅的心情~ but传统的布局方案是基于盒模型，依赖display属性 + position属性 + float属性来进行布局，它对于那些特殊布局非常不方便。直到我学习了css3的flex布局属性，立马就喜欢上了这种简洁、方便、快速的布局方式Flex布局的介绍Flex是（Flexible Box 弹性...

2018-06-27 20:25:06 4670

原创 html语义化标签

很多面试官会问：谈谈你对 HTML5语义化标签的理解。那么本篇博客专门解答一下这个问题。什么是语义元素？语义是指对一个词或者句子含义的正确解释。很多html标签也具有语义的意义，也就是说元素本身传达了关于标签所包含内容类型的一些信息。例如，当浏览器解析到<h1></h1>标签时，它将该标签解释为包含这一块内容的最重要的标题。h1标签的语义就是用它来标识特定网页...

2018-06-26 17:49:13 38874 6

原创 display:none和visibility:hidden两者的区别

使用css让元素不可见的方法有很多种，裁剪、定位到屏幕外边、透明度变换等都是可以的。但是最常用两种方式就是设置元素样式为display: none或者visibility: hidden。很多公司的面试官也常常会问面试者这两者之间的区别。display与元素的隐藏如果给一个元素设置了display: none，那么该元素以及它的所有后代元素都会隐藏，它是前端开发人员使用频率最高的一种隐藏方...

2018-06-24 23:01:01 121724 12

原创前端学习网站收藏

学渣一枚，一看书就犯困。深知互联网行业变化快速，需要不断学习。学习前端也有一年了，看过各种各样的学习网站，现将这些网站做一个整理HTML/CSS/JS菜鸟教程 W3C School MDN web docs CSS参考手册 JavaScript 标准参考教程 ECMAScript6 入门前端框架/库Sass Less Koa Express jQuery Re...

2018-06-22 19:06:44 815

原创 JavaScript数组常用方法集合

1.数组的定义数组（array）是按次序排列的一组值。每个值的位置都有编号（从0开始），整个数组用方括号表示 var arr = ['a', 'b', 'c'];2.创建数组的三种方法 // 常规方式var arr = new Array();arr[0] = 'a';arr[1] = 'b';arr[2] = 'c';...

2018-06-21 21:01:39 883 2

原创深入理解DOCTYPE的作用

现在的代码编辑器越来越人性化，各种插件、快捷键都能够帮助我们快速生成代码。比如：使用vscode编辑器在html文档中输入！再按tab键就能快速生成一个完整的html结构。如图所示今天我们要说的不是代码编辑器，我们将目光移到文档的顶部，会发现顶部有一个<!DOCTYPE html>声明，很多人不知道这个这个声明有何作用，甚至还想把它给删除。1...

2018-06-21 11:41:44 21665 4

原创 Node版本管理器NVM常用命令

NVM是什么？nvm (Node Version Manager) 是Nodejs版本管理器，可对不同的node版本快速进行切换。为什么要用NVM？基于node的工具和项目越来越多，但是每个项目使用的node版本可能不一致，就会出现一些奇怪的问题。比如：自己电脑安装的是最新版的node,接手的项目使用的是低版本的node。那么我只有切换到低版本的node再进行操作才不会报错。而NVM就...

2018-06-20 16:26:37 3966

心情激动的写下了人生中的第一篇博客，然而第一次总是不尽人意的，不确定因素很多，所以不能面面俱到。在写博客的时候，我发现上传的图片右下角被强制加上了丑丑的水印，对于完美主义者的我来说，简直不能忍！我理想中的效果图是这样的，没有水印，干净清爽为何自己选择的图片没有水印，上传到博客中就添加了水印呢？我按F12进入开发者工具，查看图片源码，发现图片的src链接属性多了？watermark/..........

2018-06-20 11:05:12 7194 2

原创 CSS样式使用规范

一，样式属性顺序1、布局位置（position，top，right，z-index，display，float等）2、尺寸大小（宽度，高度，填充，边距）3、文字系列（字体，行高，字母间距，颜色文字对齐等）4、视觉效果（background，border等）5、其他（动画，转换等）二，缩写属性和属性值1、CSS有些属性是可以缩写的，比如填充，边缘，字体，背景，边框等等。缩写代码可以提高用户的阅读体验...

2018-06-19 16:34:39 6402 3

越努力，越幸运！