2018年05月_Super_LD

转载 SASS快速入门

Sass (Syntactically Awesome StyleSheets)Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库（如 Compass）有助于...

2018-05-30 23:45:38 234

原创 Less几种使用方式

在Vue中使用Less1、安装依赖处理普通的.css 文件，需要安装css-loader,style-loader 　　　　　.less 文件，需要安装 less-loader //.sass 文件，需安装 sass-loadernpminstall css-loader style-loader --save-devnpminstall less-load...

2018-05-30 23:29:05 10883 1

转载 Less入门介绍

心得在没接触less之前，CSS可能是我最头疼的部分了，因为它往往需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于重用。而且我还要思考怎样写出组织良好且易于维护的CSS代码。与JavaScript，java等语言不同的是，CSS是一门非程序设计语言，没有变量、函数、作用域等概念。所以这对习惯了OOP思想的我来说，看似没有逻辑的代码意味着繁重的体力劳动。直到我遇到了less，它在CSS的语...

2018-05-30 23:06:16 356

转载 Vue.js入门教程-过滤器

一、过滤器1.1 概述（1）过滤器（Filters）提供了一种执行文本转换的方法，比如说都转换成大写字母或者几乎做任何我们想做的事情。（2）过滤器既可以在双花括号插值中使用，也可以在 v-bind 指令的表达式中使用。1.2 注意（1）Vue 中的过滤器不能替代 methods、computed 或者 watch，因为过滤器不改变真正的 data，而只是改变渲染的结果，并返回过滤后的...

2018-05-29 23:42:23 282

转载 vuex最简单、最详细的入门文档

如果你在使用 vue.js , 那么我想你可能会对 vue 组件之间的通信感到崩溃。我在使用基于 vue.js 2.0 的UI框架 ElementUI 开发网站的时候 , 就遇到了这种问题 : 一个页面有很多表单 , 我试图将表单写成一个单文件组件 , 但是表单 ( 子组件 ) 里的数据和页面 ( 父组件 ) 按钮交互的时候 , 它们之间的通讯很麻烦 :<!--父组件中引入子组件--&gt...

2018-05-29 23:35:09 233

转载 JavaScript中defer和async的区别

一般情况按照惯例，所有script元素都应该放在页面的head元素中。这种做法的目的就是把所有外部文件(CSS文件和JavaScript文件)的引用都放在相同的地方。可是，在文档的head元素中包含所有JavaScript文件，意味着必须等到全部JavaScript代码都被下载、解析和执行完成以后，才能开始呈现页面的内容(浏览器在遇到body标签时才开始呈现内容)。对于那些需要很多JavaScr...

2018-05-28 23:01:55 181

转载 HTML-meta标签总结

<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head><meta charse

2018-05-28 22:49:23 198

转载 Flex布局看这篇就足够了！

Flex基本概念在 flex 容器中默认存在两条轴，水平主轴(main axis) 和垂直的交叉轴(cross axis)，这是默认的设置，当然你可以通过修改使垂直方向变为主轴，水平方向变为交叉轴，这个我们后面再说。在容器中的每个单元块被称之为 flex item，每个项目占据的主轴空间为 (main size), 占据的交叉轴的空间为 (cross size)。这里需要强调，不能先入为主认为宽度...

2018-05-28 22:23:15 1206

转载 jQuery图片延迟加载插件jQuery.lazyload

插件描述：jQuery图片延迟加载插件jQuery.lazyload,使用延迟加载在可提高网页下载速度。在某些情况下，它也能帮助减轻服务器负载。使用方法引用jquery和jquery.lazyload.js到你的页面12<script src="jquery-1.11.0.min.js"></script><script src="jquery.lazyload.js...

2018-05-28 22:15:36 223

转载三张图搞懂JavaScript的原型对象与原型链

三张图搞懂JavaScript的原型对象与原型链对于新人来说，JavaScript的原型是一个很让人头疼的事情，一来prototype容易与__proto__混淆，二来它们之间的各种指向实在有些复杂，其实市面上已经有非常多的文章在尝试说清楚，有一张所谓很经典的图，上面画了各种线条，一会连接这个一会连接那个，说实话我自己看得就非常头晕，更谈不上完全理解了。所以我自己也想尝试一下，看看能不能把原型中的...

2018-05-27 22:42:04 247

原创 Element-UI 安装

2018-05-27 22:29:30 1703

Super_LD的博客