前端基础
linyeban
这个作者很懒,什么都没留下…
展开
-
前端利器:SASS基础与Compass入门
SASS是Syntactically Awesome StylesheeteSass的缩写,它是css的一个开发工具,提供了很多便利和简单的语法,让css看起来更像是一门语言,这种特性也被称为“css预编译”。它的主要设计思想是让我们可以按照编程的思路编写自己的样式,然后通过“编译器”生成我们所需要的css文件。当然,SASS只是css预编译工具中的一种,类似的工具还有转载 2017-01-07 11:23:23 · 525 阅读 · 0 评论 -
BFC 神奇背后的原理
参考:http://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html原创 2017-02-26 16:05:45 · 511 阅读 · 0 评论 -
webpack如何全局引入jquery和插件?
之前试过把jQuery打包进vendor,虽然$好用了,但是jQuery下的一系列插件就叫苦了。你想直接从html中引入jQuery的第三方插件?有点不可能,既然$算是webpack中的一个变量,那么你只能通过require的方式引入jQuery的第三方插件。第三方插件的结果只有两个,要不你就被打包引入你的js文件里,要不你就被引入vendor里。 结果一:打包进引入的js文件里。如果多个原创 2017-02-03 13:32:38 · 12344 阅读 · 0 评论 -
sublime中有没有*.vue文件格式化插件?
HTML/CSS/JS Prettify 这个插件就行, 安装后 tools->HTML/CSS/JS Prettify->set prettify preference 在"allowed_file_extensions": ["htm", "html", "xhtml", "shtml", "xml", "svg","vue"] 加上vue就好了原创 2017-02-03 17:00:50 · 7975 阅读 · 1 评论 -
解决Error: ENOENT: no such file or directory, scandir 'D:\IdeaWork\code-front-jet\node_modules\.npmins
在使用npm安装node-sass的时候,可能会出现如下的报错:Error: ENOENT: no such file or directory, scandir 'D:\IdeaWork\code-front-jet\node_modules\.npminstall\node-sass\3.7.0\node-sass\vendor' at Error (native)原创 2017-02-02 10:55:26 · 32519 阅读 · 2 评论 -
vue+webpack+es6+sass
参考博客:用vue+webpack+es6+sass实现Cnode网站https://segmentfault.com/a/1190000006000118webpack配合vue.js实现完整的单页面demohttps://segmentfault.com/a/1190000005768273原创 2017-01-31 17:17:02 · 1095 阅读 · 0 评论 -
闭包的两个经典例子
1. 下面这段代码想要循环延时输出结果0 1 2 3 4,请问输出结果是否正确,如果不正确,请说明为什么,并修改循环内的代码使其输出正确结果for (var i = 0; i < 5; ++i) { setTimeout(function () { console.log(i + ' '); }, 100);}不能输出正确结果原创 2017-02-14 19:40:20 · 2356 阅读 · 0 评论 -
前端基础进阶
阅读了博客的一个内容,感觉挺不错的。链接如下:前端基础进阶(一):内存空间详细图解前端基础进阶(二):执行上下文详细图解前端基础进阶(三):变量对象详解前端基础进阶(四):详细图解作用域链与闭包其中一个问题的这里补充一下:利用闭包,修改下面的代码,让循环输出的结果依次为1, 2, 3, 4, 5for (var i=1; i<=5; i++) { setT原创 2017-02-14 18:57:58 · 974 阅读 · 0 评论 -
html5shiv.js让IE9以下浏览器支持html5
一、插件介绍用于解决IE9以下版本浏览器对HTML5新增标签不识别,并导致CSS不起作用的问题。所以我们在使用过程中,想要让低版本的浏览器,即IE9以下的浏览器支持,那么这款html5shiv.js是一个非常好的选择!上面这段代码仅会在IE浏览器下运行,还有一点需要注意,在页面中调用Html5.js文件必须添加在页面的head元素内,因为IE浏览器必须在元素解析前知道这个元素,原创 2017-01-25 15:55:35 · 880 阅读 · 0 评论 -
前端知识汇总文章
一、前端收藏夹第一篇:前端收藏夹 ,以及他们的github地址:GitHub - w3ctrain/w3ctrain.github.io: w3ctrian前端收藏夹以下是目录,更多信息请访问他们的主页:前端工具自动化: Gulp 百度Fis 、Ant、Yeoman、Codekit、Koala、Webpack预编译:Sass、BabelJs、Jade、Less、Stylus原创 2017-01-25 14:11:37 · 724 阅读 · 0 评论 -
汇总前端最最常用的JS代码片段-你值得收藏
html5选择器//参数均接收一个合法的css选择器element = document.querySelector('.foo,.bar');//返回带有foo或者bar样式类的首个元素elements = document.querySelectorAll('div.foo');//返回所有带foo类样式的nodeList集合鼠标滚轮事件$('#showPic').转载 2017-01-25 10:52:47 · 364 阅读 · 0 评论 -
transform(变形)和transform-origin(变形原点)
ransform(变形)和transform-origin(变形原点)的说明: 目前这两个属性得到了除去ie以外各个主流浏览器webkit,firefox,opera的支持,属性名分别为 -webkit-transform,-moz-transform,-o-transform;改变元素基点transform-origintransform-or原创 2017-02-13 14:09:04 · 1772 阅读 · 0 评论 -
使用webpack2和extract-text-webpack-plugin时遇到Chunk.entry was removed. Use hasRuntime()错误的解决方法
遇到的报错信息如下图:我使用了webpack的2.1.0-beta.25版本和webpack-dev-server的2.1.0-beta.0版本。在安装extract-text-webpack-plugin模块的时候,我使用了采用默认版本的npm安装命令:npm install --save-dev extract-text-webpack-plugin然而上面那个原创 2017-02-08 09:55:27 · 4275 阅读 · 0 评论 -
CSS3 3D transform变换的重要讲解
在学习3D变换的过程中,查了很多资料,但是感觉以下这篇文章写的不错(有点污)好吧,CSS3 3D transform变换,不过如此!http://www.zhangxinxu.com/wordpress/2012/09/css3-3d-transform-perspective-animate-transition/原创 2017-02-16 15:02:50 · 752 阅读 · 0 评论 -
前端集成解决方案(webpack、gulp)
前端集成解决方案前端集成解决方案一、什么是前端集成解决方案FIS(Front-end Integrated Solution)是专为解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题的工具框架。 二、解决了前端哪些问题 三、常用的前端构建集成1、Gulpgulp是工具链、构建工具,可以配合各种插件做js压缩,css压缩,less编原创 2017-01-10 23:46:57 · 7525 阅读 · 0 评论 -
前端工程目录
目前来说,按照概念,“前端工程”至少应该是要解决以下几个方面的问题:1、提供项目开发所需的一整套运行环境,这和IDE作用类似,由于前端开发的特殊性,这个“IDE”是一个集成了多种语言和工具的开发环境;2、资源管理,包括资源获取、依赖处理、实时更新、按需加载、公共模块管理等。这里也可以看成是组件化和模块化;3、打通研发链路的各个环节,debug、mock、proxy、test、build原创 2017-01-13 20:20:52 · 2111 阅读 · 0 评论 -
npm should be run outside of the node repl, in your normal shell
在node.js自带的界面运行出来的效果:在Windows中的cmd运行出来的效果:也就是说,想要运行node命令,需要在系统的shell中,比如windows的cmd。node自带的那个叫repl,不能在其中运行npm命令,只能运行js语句需要在其它的CMD文件命令行下运行npm install -g BrowserSync即可;原创 2017-01-07 17:38:16 · 6292 阅读 · 0 评论