Eshare分享

React 原理揭秘和路由基础

组件生命周期（★★★）目标说出组件生命周期对应的钩子函数钩子函数调用的时机概述意义：组件的生命周期有助于理解组件的运行方式，完成更复杂的组件功能、分析组件错误原因等组件的生命周期： 组件从被创建到挂载到页面中运行，再到组件不在时卸载的过程生命周期的每个阶段总是伴随着一些方法调用，这些方法就是生命周期的钩子函数构造函数的作用：为开发人员在不同阶段操作组件提供了实际生命周期阶段创建时（挂载阶段）执行时机：组件创建时（页面加载时）执行顺序更新时执行时机：setState(

React组件目标能够知道受控组件是什么能够写出受控组件了解非受控组件表单处理受控组件（★★★）HTML中的表单元素是可输入的，也就是有自己的可变状态而React中可变状态通常保存在state中，并且只能通过setState() 方法来修改React讲state与表单元素值value绑定在一起，有state的值来控制表单元素的值受控组件：值受到react控制的表单元素使用步骤在state中添加一个状态，作为表单元素的value值给表单元素绑定change事件，将表单元素

React快速入门

自用实用CSS样式1.清除DIV浮动clear: both;原效果：对下面移位的标签加入该CSS后效果如下：element.style {clear: both;}

基本页面布局本教程带着大家做一个简单的页面布局最重效果如下:1.第一部，先创建上下左右4个DIV 顶部 左边 右边 底部 页面效果如下：2.设置body的margin属性我们从下图可以看到，页面Body离浏览器边缘有8px的

案例今天有一个需求就是点击按钮时，使用ajax方式提交表单，而且不是直接用form表单下的submit按钮提交，表单中用的校验是dwz 自带的校验方式，表单模板如下： 办公电话：

CSS样式

1.DIV与SPAN1.1介绍1.DIV和SPAN在整个HTML标记中，没有任何意义，他们的存在就是为了应用CSS样式2.DIV和span的区别在与，span是内联元素，div是块级元素1.2实例 .div1 { background-color: green; } .div2 { b

常用规范• s：表示字符串。例如：sName，sHtml；n：表示数字。例如：nPage，nTotal；b：表示逻辑。例如：bChecked，bHasLogin；a：表示数组。例如：aList，aGroup；r：表示正则表达式。例如：rDomain，rEmail；f：表示函数。例如：fGetHtml，fInit；o：表示以上未涉及到的其他对象

案例因为公司业务需要频繁调用接口，后端返回的都是json树对象，需要有些特殊的方法做大量判断和数据处理，显然目前简单语法已经不能满足业务需要了，需要自己定制一些方法来处理业务逻辑。例如后台返回的的json对象结构如下：//数据var data = { time: 1408536771253, queryRecord:{ que

CSS入门应用01-结合方式01Insert title here<!-- 结合方式01: 在标签上加入style属性. 属性的值就是css代码. -->我的入门CSS02-结合方式02Insert title here p { color:blue; }<!-- 结合方式02: 在页面的head标签中, 书写

案例今天在使用artTemplate做开发时，遇到一个比较奇葩的问题，就是使用json对象去获取值得时候，报如下错误：后台返回的json字符串格式如下： "queryLoan": { "crediteaseId": 1, "data": "{"overdue":{"180overdueTimes":0,"overdueTimes"

JQuery源码片段分析(function(window){ /** * jQuery是一个函数 是一个对象 是一个构造器函数 */ var jQuery = function( selector, context ) { return new j

情景目前有个需求是在文本框填入内容，自动触发keyup事件，下拉列表会自动过滤相应的选项，但是使用了$,ajax后发现，每次触发事件时，都导致整个网页闪烁，触发了全局ajax事件代码片段$.ajax({ type: "POST", url: root + "/xxx, data: requestData, dataType: "j

案例今天在用DWZ框架做添加功能时，发现在对话框保存成功后，后端返回正确的json格式，但对话框不能自动关闭窗口，而且保存后自动跳回主页，没有停留在当前用户列表页面，具体错误过程重现如下：1.打开用户列表2.点击添加按钮3.在打开的添加对话窗口填入信息后，点击保存4.添加成功后，对话框并没有自动关闭，而且用户列表也不见了5.重新打开用

案例今天我导入DWZ框架demo时，发现主页面样式丢失，出现了如下图那鬼样：正常情况应该是有表格显示，并且用chrome开发者模式调试，可以看到有对应的样式，如下图所示：先简单介绍下dwz框架的页面布局，dwz框架页面主要分为header、leftside、container和footer四部分，如下所示：解决方案经过一番排查，发现是重复

原文出处：http://my.oschina.net/chengjiansunboy/blog/55496?p=2#comments1. 如何修改jQuery默认编码（例如默认UTF-8改成改GB2312）：$.ajaxSetup({ ajaxSettings:{ contentType:"application/x-www-form-urlencoded;chartset=GB2

我的常用自定义函数 helper-demo 辅助方法 {{if hasEmptyProperties(testData)}} 查询成功，无该用户 {{else}} 查询该成功：xxx {{/if}} {{if isBlank(testData.queryHistory,'o

HTML常用标签及其用法