筱夕-CSDN博客

原创 React学习之图片画廊项目《一》

本项目是使用Yeoman生成项目文件目录，使用Webpack打包，react开发的。第一部分是Yeoman生成项目文件1>第一步，安装Yeoman（在安装Yeoman之前需要先安装node，请自行搜索安装），使用如下命令：npm install -g yo使用yo --version 命令查看版本信息，若正确显示版本信息即表示安装成功。2>安装generator，因为本项目是基

2017-05-02 12:50:41 1282

转载 js时间函数大全

原文地址：http://blog.csdn.net/jcx5083761/article/details/101510431. 取得当前时间：var date=new Date(); 2. 比较两日期相差的天数是否大于5：parseInt((date1-date2) / (1000 * 60 * 60 * 24)) > 5 3. 比较两个时间：if(date1.

2017-03-04 18:00:25 436

原创安装phantomjs、使用phantomjs以及时遇到问题时的解决方法

一、下载安装和环境配置 1）下载地址 http://phantomjs.org/download.html，然后解压到你的某个文件夹中； 2）为了使用方便，可为phantomjs配置环境变量，方法：计算机->属性->高级系统设置->环境变量->高级，然后在系统变量中照跑Path变量，将你的phantomjs.exe文件的路径添加到Path变量中（例如我的：;D:/Progra

2017-02-26 15:36:50 4823

原创 Sublime中编译Sass的方法

1）在sublime中安装插件：Sass和SASS Build；2）创建sass文件并保存为.scss格式；3）Ctrl+B，选择SASS编译，如果显示类似：则表示编译成功，此时你会发现你的文件夹中会多出一个同名的css文件，表示sass文件已经被编译成了css文件，然后在html文件中引用这个css文件就好啦。

2017-02-09 23:07:21 2360

原创 windows下安装sass和compass

1）先安装ruby打开命令行，输入ruby -v，如果没有安装ruby，则会显示 ’ruby’ is not recognized as an internal or external command, operable program or batch file若没有安装，在windows环境下，可以使用rubyinstaller一键安装ruby，下载R

2017-02-09 14:46:47 3501

原创 css3文字渐变和阴影、图片边框和边框阴影

文字渐变效果使用background-image+ background-clip + text-fill-color来实现，具体介绍请看点击打开链接文字阴影使用text-shadow来实现，具体介绍请看点击打开链接图片边框使用border+border-image来实现，具体介绍请看点击打开链接边框阴影使用box-shadow来实现，具体介绍请看点击打开链接下面是一个

2017-02-08 17:10:36 4989

转载 bash编程中的经典错误

原帖地址感谢fcicq，他的new 30 days系列为我们带来了不少好文章。今天想分析的是这篇Bash Pitfalls, 介绍了一些bash编程中的经典错误。fcicq说可能不适合初学者，而我认为，正是bash编程的初学者才应该好好阅读一下这篇文章。下面就逐个分析一下这篇文章中提到的错误。不是完全的翻译，有些没用的话就略过了，有些地方则加了些注释。 1. for i

2016-12-21 10:18:36 505

原创 flex布局

（根据阮一峰的flex布局教程整理而来，更详细的讲解请戳http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html）任何一个容器都可以指定为flex布局。通过将容器的display属性设置为：flex|inline-flex来设定flex布局。注意，webkit内核的浏览器必须加上-webkit前缀。设为flex布局后，

2016-12-03 19:41:01 211

原创给元素标签设置样式方法

例如给id为Div的元素的高度设置为200px；原生js设置方法：var Div = document.getElementById("Div")方法一：Div.style.height = "200px";方法二：Div.style["height] = "200px";方法三：Div.style.cssText = "height:200px;"（可设置多个样式）方

2016-11-13 21:25:15 3636 1

转载 jquery.fn.extend与jquery.extend

jQuery为开发插件提拱了两个方法，分别是：JavaScript代码jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。jQuery.fn.extend(object);给jQuery对象添加方法。fn 是什么东西呢。查看

2016-10-28 17:47:10 214

转载 jQuery中.bind() .live() .delegate() .on()的区别

bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数$("a").bind("click",function(){alert("ok");});live(type,[data],fn) 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的$("a").live("click",function(){alert("ok");});

2016-10-12 13:47:01 208

转载 web中常用的20种字体（share）

web中常用的20种字体转自：http://www.jb51.net/css/23416.html1, Arial微软公司的网页核心字体之一，最常用的sans serif字体，当字号很小时不容易阅读。但是，大写的“I”和小写的“l”是无法区别的，你可以考虑用Tahoma字体来替代。（苹果系统没有这种字体，但有一种对应于Arial的字体叫Helvetica，它是MAC机上与

2016-09-20 20:37:06 10783

Della的前端学习笔记