- 博客(21)
- 收藏
- 关注
RSS订阅原创 省代码的方法- React Mixin
组件的原则就是模块化，彼此之间相互独立，但是有时候不同的组件之间可能会共用一些功能，共享一部分代码。所以 React 提供了 mixins 这种方式来处理这种问题。Mixin 就是用来定义一些方法，使用这个 mixin 的组件能够自由的使用这些方法（就像在组件中定义的一样），所以 mixin 相当于组件的一个扩展，在 mixin 中也能定义“生命周期”方法。 var DefaultN...
2016-02-21 20:38:58
158
原创 CSS布局
HTML是一种超文本语言，这种语言对于外观从不关心，它只是一种简洁的小型标记机制，而CSS支持更丰富的文档外观，CSS可以为任何元素的文本和背景设置颜色，允许在任何元素外围创建边框及许多其他的效果。CSS是对HTML的展现。如果HTML是糖心，那CSS是包裹的糖纸。 CSS大致可分为四种布局：上下，左右，左中右下，上下右。 1 》上下：<d...
2016-01-25 22:07:25
100
原创 css定位-position的用法详解
定义和用法position 属性规定元素的定位类型。定位类型static：无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用。relative：对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常文档流中偏移位置。而其层叠通过z-index属性定义。absolute：对象脱离正常文档流，使用top，righ...
2016-01-24 19:50:55
186
原创 router的实现跳转
Redirect Recirect 可以跳转到另外一个路由中。propsfrom你想开始redirect的地址，包括一些动态的地址。默认为* ,这样任何匹配不到路由规则的情况多回被重定向到另外一个地方。to你想要重定向到得路由名字。params默认情况下，这些参数将会自动传递到新的路由，你也可以指定他们，特别是你不需要的时候。query和params一样...
2016-01-18 20:14:27
260
原创 this.state与this.props的不同
React允许将代码封装成组件，然后像插入普通的HTML标签一样插入组件，在页面插入这个组件。React有个大的创新就是把组件看成一个状态机，一开始有个初始状态，然后用户互动，导致状态变化，从而触发渲染UI。getInitialState方法用于初始化，定义初始状态，也就是一个对象。这个对象可以通过this.state属性读取。当用户点击组件，导致状态变化，this.setState方法修改状态...
2016-01-17 20:39:40
708
原创 React加载事件的方法
onload事件onload时间会在页面或图像加载完成后立即发生。语法onload="SomeJavaScriptCode" SomeJavaScriptCode是规定该事件发生时执行的JavaScriptwindow.onload = function(){}页面加载完成触发窗口里加载事件window.onload =function(){ show_pe...
2016-01-11 20:35:12
8052
原创 最火的React框架
在IT行业现在最火的框架，毋庸置疑的是React框架。由于React设计独特，性能出众，代码逻辑却非常简单，被越来越多的人关注和学习，认为它将来可能成为Web开发的主要框架。React为了更高超的性能而使用虚拟DOM作为其不同的实现，它同时也可以由服务器Node.js渲染-而不需要过重的浏览器DOM支持。DOM是节点树的HTML，虚拟的DOM是存在于内存之中的一种数据结构。React...
2016-01-10 19:34:11
257
原创 HTML中DOM节点
在 HTML DOM 中，所有事物都是节点。DOM 是被视为节点树的 HTML。DOM 节点<html> <head> <title>DOM 教程</title> </head> <body> <h1>DOM 第一课</h1>
2016-01-04 20:19:59
165
原创 JSON.parse()与JSON.stringify()的用法
JSON.parse()方法可以将一个JSON字符串解析成为一个JavaScript值。在解析过程中，还可以选择性的篡改某些属性的原始解析值。语法JSON.parse(text[, reviver]) 参数text要解析的JSON字符串，可以查看JSON一文了解JSON的语法。reviver一个函数，用来转换解析出的属性值。返回值从text字符串解析出的一个...
2016-01-03 18:25:01
226
原创 js 在html中添加内容显示和改变样式
append()方法在被选元素结尾（仍然在内部）插入指定内容。appendTo()和append()方法执行的任务相同。不同之处在于：内容的位置和选择器，以及append()能够使用函数来附加内容。语法$(selector).append(content) content规定要插入的内容（可包含HTML标签）。例：<html><head>&...
2015-12-28 20:41:02
308
原创 Cookie与localStorage区别 HTTP的三种方法
Cookie最早是网景公司的前雇员Lou Montulli在1993年3月发明的。Cookie是由服务器生成，发送给User-Agent（一般是浏览器），浏览器会将Cookie的Key/Value保存到某个目录下的文本文件内，下次请求同一网站时就发送该Cookie给服务器（前提是浏览蓝其设置启用Cookie）。Cookie是储存在用户本地终端上的数据。Cookie与localStorag...
2015-12-27 20:50:27
357
原创 JSON的用法与在JS中引入JSON方法
JSON语法是JavaScript对象表示语法的子集。1）数据在键值对中2）数据由逗号分离3）花括号保存对象4）方括号保存数组JSON数据的书写格式是：名称/值对。 "firstName" : "John" { "firstName":"John" , "lastName":"Doe" } {"employees"
2015-12-21 21:47:25
2039
原创 在HTML存储数据的方法
HTML5提供了两种在客户端存储数据的新方法：1》localStorage：没有时间限制的数据存储2》sessionStorage：针对一个session的数据存储localStorage属性允许你访问一个Storage对象。localStorage与sessionStorage相似，不同之处在于，存储在localStorage里面的数据没有过期时间，而存储在sessionStora...
2015-12-20 14:46:14
249
原创 用floor（），ceil（），round（）教你如何向上，向下，四舍五入取整
Math对象用于执行数学任务。floor（）方法可对一个数向下取舍。语法Math.floor(x) floor（）方法执行的是向下取整计算，它返回的是小于或等于函数参数，并且与之最接近的整数。例如：<script type="text/javascript">document.write(Math.floor(0.60) + "<br />...
2015-12-13 14:15:10
768
原创 字符串的截取indexOf与substring（）
定义indexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置。语法stringObject.indexOf(searchvalue,fromindex) searchvalue规定需检索的字符串值。fromindex规定在字符串中开始检索的位置。合法取值是0到stringObject.length-1。<script type="text/javascri...
2015-12-10 21:57:56
662
原创 CSS中重要的三个选择器
HTML是一种超文本语言，这种语言对于外观从不关心，它只是一种简洁的小型标记机制，而CSS支持更丰富的文档外观，CSS可以为任何元素的文本和背景设置颜色，允许在任何元素外围创建边框及许多其他的效果。CSS是对HTML的展现，如果HTML是糖心，那CSS是包裹的糖纸。元素选择器元素选择器就是以HTML标签作为目标的选择器。CSS语言div { color: red;}...
2015-12-07 20:35:31
114
原创 function（）的应用
数据和过程是构成JavaScript世界的基本元素。函数的声明可以通过函数声明语句来定义一个函数，函数声明语句以关键字function开始，其后跟有函数名参数列表和函数体代码块。声明函数的格式：function 函数名(参数, 参数, ...){ 代码块} 例如：// 函数 sum 的声明function sum(a, b){ return a+b...
2015-12-05 20:47:04
90
原创 走进HTML的世界
HTML是用来描述网页内容的一种语音。HTML用来描述网页被称之为HTML标签。有如下标签：[1]HTML是由尖括号包围的关键词，比如<html>,<>,和关键字之间可以有空格，如< html >[2]HTML一般是成对出现，比如<p>和</p>[3]成对的标签里，第一个（不带/）叫开始标签，第二个叫结束标签。[4]...
2015-11-30 20:52:51
67
原创 JavaScript的forEach，简单的for循环
概述forEach()方法让数组的每一项都执行一次给定的函数。语法array.forEach(callback[,thisArg])参数callback在数组每一项上执行的函数，接收三个参数：currentValue当前项（指遍历时正在处理那个数组项）的值index当前项的索引（或下标）array数组本身thisArg可选参数。用来当作c...
2015-11-26 22:11:46
134
原创 JavaScript的作用域
在JavaScript中作用域占很重要的一部分，我们总是看到for，if，function后面跟着{}，所有{}包起来的代码称之为代码块。每个代码块都有自己的作用域，作用域决定了变量能否被访问（不论修改变量还是读取变量）。作用域就像在做数学题时有时要求xy的取值范围。[1]在最上层中没有任何{}的作用域为顶层作用域，声明变量是哪里都可以访问的。var numbers = {a : ...
2015-11-23 21:33:39
57
原创 我眼中的JavaScript与C 中的一些不同
我的专业是软件工程，我们学过C，C++，然而我却没有接触过Javascript，我发现它跟我之前学过的那些有点相似，也有点不同。字符串（string）存储字符的载体，字符串可以是带有引号的任意文本。 "Hello World"'世界，你好''Hello World,1946' 在C语言里的双引号里面的是字符串，而单引号里面的是字符。然而在Javascript中单引号和双...
2015-11-23 09:43:57
180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人