loose-heart - 博客园

[置顶] 使用vue2.x+webpack+vuex+sass+axios+elementUI等快速搭建前端项目框架

摘要：一、本文将分享如何快速搭起基于webpack+vue的前端项目框架，利用vue的自己的脚手架工具vue-cli搭建起基本的环境配置，再通过npm包管理工具引入相应的依赖来完善项目的各种依赖框架。下面是具体实操。二、基本命令操作。 1.在开发之前需要首先安装node.js，直接百度搜索或者在其中文官阅读全文

posted @ 2017-11-29 16:16 loose-heart 阅读(2777) 评论(0) 推荐(0) 编辑

2017年12月10日

函数表达式和闭包

摘要：一、介绍本次博客主要介绍函数表达式的内容，主要是闭包。二、函数表达式定义函数的两种方式：一个是函数声明，另一个就是函数表达式。区别：1.函数声明是用function后面有函数名，函数表达式是赋值形式给一个变量。2.函数声明可以提升函数，而函数表达式不会提升函数提升就是函数会被自动提升到最前阅读全文

posted @ 2017-12-10 10:34 loose-heart 阅读(363) 评论(0) 推荐(0) 编辑

2017年12月2日

webpack之前端性能优化

摘要：最近在用webpack优化首屏加载性能，通过几种插件之后我们上线前后的速度快了一倍，在此就简单的分享下吧，先上个优化前后首屏渲染的对比图。可以看到总下载时间从3800ms缩短到1600ms。我们在用webpack时一般都会选择多入口文件吧，为的就是将自己的源码跟第三方库代码分离。这是之前的代码，阅读全文

posted @ 2017-12-02 16:01 loose-heart 阅读(225) 评论(0) 推荐(0) 编辑

2017年9月12日

【css]盒子的浮动

摘要：在标准流中，一个块级元素在水平方向会自动伸展，直到包含它的元素的边界；而在竖直方向和兄弟元素依次排列，不能并排。使用“浮动”方式后，块级元素的表现就会有所不同。 CSS中有一个float属性，默认为none，也就是标准流通常的情况。如果将float属性的值设置为left或right，元素就会向其父元阅读全文

posted @ 2017-09-12 14:09 loose-heart 阅读(893) 评论(0) 推荐(0) 编辑

2017年9月11日

【css/js]文本溢出解决方法

摘要：【目录】单行文本溢出的省略从单行文本溢出省略到多行文本溢出省略多行文本溢出的省略（...）方案一简单方便的解决方案多行文本溢出的省略（...）方案二简单粗暴的解决方案多行文本溢出的省略（...）方案三 --简洁优雅的解决方案多行文本溢出的省略（...）方案一简单方便的解决方案多行阅读全文

posted @ 2017-09-11 13:44 loose-heart 阅读(1346) 评论(0) 推荐(0) 编辑

2017年9月8日

【css】浮动和定位对元素的宽度-外边距或其他元素的影响

摘要：一.width:auto和width:100%的区别 1.width:100%的作用是占满它的参考元素的宽度。（一般情况下参考元素 == 父级元素，这里写成参考元素而不是父级元素，在下面我会再细说） 2.width:auto也是以“占满参考元素宽度”为目标。但不同的地方在于，它能根据margin和p 阅读全文

posted @ 2017-09-08 09:50 loose-heart 阅读(906) 评论(0) 推荐(0) 编辑

2017年9月7日

【HTML】基础模板

摘要： HTML，超文本标记语言（HyperText Markup Language）超文本：指页面内可以包含图片、链接、音乐、程序等非文字元素标记：页面的由各种标签（标记）组成，文本有隐藏的文本标签 HTML 使用标记标签来描述网页，以<html>开头，</html>结尾 sublime 使用快捷方式阅读全文

posted @ 2017-09-07 15:40 loose-heart 阅读(667) 评论(2) 推荐(0) 编辑