2016年12月_躺屋顶看月亮

原创 reactjs(二):三元运算

一.三元运算//在js中定义一个style属性，可参见reactjs(一)var style = { background-color:"green";}var Message = React.createClass({ render:function(){ return{ //三元运算要被包裹在花括号中。因为花括号不能写在return的

2016-12-31 18:02:45 7423

原创 react.js学习(1)

1.react.js框架运用必须引用3个文件react.jsreact-dom.jsbrowser.min.js 2、react.js应用的基本结构<script type="text/babel"></script>//创建组件messagevar Message = React.createClass({ //告诉react要渲染的内容 render:functio

2016-12-31 12:27:20 418

原创 -save-dev 与 -save的区别

-save-dev是指将包信息添加到devDependencies，表示你开发时依赖的包裹。 -save是指将包信息添加到dependencies，表示你发布时依赖的包裹。例如，我们在开发时会用到gulp来压缩我们的文件。这是我们的gulp包信息就会添加到devDependencies，我们在发布时发布压缩文件，并不要用到gulp。利用nodejs构建的服务器在发布后会经常被访问用到，ht

2016-12-30 01:28:30 12396 1

原创快速理解掌握gulp用法

行文步骤： 1、怎么安装 2、怎么使用一、怎么安装首先你得在自己的电脑中安装nodejs，应为gulp的运行是基于nodejs环境的。安装完成后，直接npm install gulp -g.(如果不能理解这句代码请百度吧)安装完成后你可以直接在cmd窗口调用gulp功能。二、怎么使用 gulp的作用？我们构建一个项目，名称叫app，里面有css文件夹、js文件夹、image文件

2016-12-30 01:20:05 3641 1

原创 react 应用实例1 setState触发重绘

<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title> React应用实例1 </title> <script src="https://static.runoob.com/assets/react/react-0.14.7/build/react.js"></script> <script s

2016-12-27 03:37:46 2801

转载 nodejs的事件驱动模型

Node.Js是基于javascript语言，建构在google V8 engine以及Linux上的一个非阻塞事件驱动IO框架。nodejs是单进程单线程，但是基于V8的强大驱动力，以及事件驱动模型，nodejs的性能非常高，而且想达到多核或者多进程也不是很难（现在已经有大量的第三方module来实现这个功能）。这里介绍一下事件驱动编程。以下两种典型的事件驱动实例。第一个例子是关于医生看病

2016-12-21 15:55:39 2308

原创 html5 viewport之我见

总结下来无非围绕三个问题: 1、为什么要设置虚拟窗口起初是为了使得虚拟窗口的分辨率和pc端接近，这样虚拟窗口依然能够完整显示页面内容，只是页面内容比较小，需要通过手动缩放的方式来看清楚页面。 2、添加viewport有什么用添加viewport是为了方便移动端的优化。设置虚拟窗口宽度为device-width，与设备的物理像素相同，这样我们就可以通过media来控制页面移动界面的显示方

2016-12-16 23:33:21 519

原创页面搜索框--在页面内实现导航

写这个功能的时候，细节方面比较讲究，稍微不注意点页面就会出现各种不适. 先看一看效果: 当我在输入框中输入一个字符，后面就会出现相应的内容。直接点击我们就可以链接到相应的文档区域非常适合站内搜索和导航。下面我摆出完整的测试代码.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Doc

2016-12-08 08:54:36 10201 1

转载 indexOf()在字符串进行检索

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现，则该方法返回 -1。<script type="text/javascript">var str="Hello world!"document.write(str.indexOf("Hello") + "<br />")document.write(str.indexOf("World") +

2016-12-08 04:02:56 2121

原创 javascript数组和字符串的常见用法

js中数组和字符串理解起来很简单，但是一些常见用法由于比较杂乱，记起来并不容易而且也容易混淆。我把这些用法总结了一下，并且道明了其中的差别。不足的地方也请大家多多指教。1、数组和字符串的转换 join（）；首先，我们得知道字符串和数组之间可以相互转换。数组转换成字符串输入效果如下图：　　这个时候的输出跟直接用alert输出数组arr效果一样。如果我们想要它们组成类似于英文单词的格式要怎

2016-12-08 03:58:13 350

原创 css优先级问题

我们都知道css属性优先级一般情况下是id>class>标签选择器。内联样式>内部样式表>外部样式但是还有一种特殊情况:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">.wrap>.div1{ background-

2016-12-07 04:56:48 395

原创弹性盒模型的实际应用

现在是凌晨4.45分，刚才解决了一个棘手的问题，乘着这股余劲，我要把刚才查阅的、测试的以及平时不怎么关注的知识点再理一遍。今天收获真的大。 1、css清除浮动。父元素如果没有设置高度，将默认由子元素撑开父元素的高度。如果子元素设置了浮动，也不能撑开父元素的高度。 2、使用@media only screen为不同屏幕大小的设备写样式其实是一件非常繁杂的事，所有构建的页面结构最好一样，然后

2016-12-06 07:04:31 2515 1

简单是书的博客