- 浏览: 19495 次
- 性别:
- 来自: 南京
最新评论
文章列表
<script type="text/javascript">
function settime(obj,countdown) {
if (countdown == 0) {
obj.removeAttribute("disabled");
obj.value="免费获取验证码";
countdown = 60;
return;
...
1.mixin的作用是抽离公共功能,不存在渲染dom的需要,所以它没有render方法。如果你定义了render方法,那么他会和组件的render方法冲突而报错。
2.mixin不应该污染state,所以他也没有 setState 方法。
3.mixin应该只提供接口(即方法),不应该提供任何属性。
TimerMixin
var TimerMixin = function() {
网上查了很多资料,都没有可以直接拿来用的,大多数是因为版本差异造成的。有时代码看起来没什么两样,偏偏不成功,有的函数这个版本没有,有的需要用另一种方式编写,过程中充满了各种不确定性。当准备放弃的时候居然发现配置成功了。
1.webpack.config.js
入口文件是hash-route.js(采用commonjs规范编写),通过webpack编译最后导出bundle.js(浏览器能识别的js),为了支持es6语法和采用类继承的方式写react 组件,在js的loader加载器后面添加了查询语句,
es2015是支持es6特性的,react 支持 class extends R ...
用react 组件实现列表的展示,增加,删除,位置的移动操作
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>列表操作</title>
<script src="js/react.js"></script>
< ...
综合概述:比较上一个例子,数据从实际接口获取的,首先调取接口获取一级类目,然后根据一级类目的id分别获取对应的二级类目
1.GoodsClassify 组件获取一级类目作为数据源初始化props,通过map循环组件<GoodsDl key={dlindex} obj={o} dlindex={dlindex} />,渲染出<dl><dt></dt></dl>列表,首次render之后,进入componentDidMount生命周期,获取实际dom节点的id,调用二级类目接口,将数组保存在ddArray中,再次渲染出二级类目。
2 ...
最近学习react,写了一个类目选择组件练练手。
注:1.this.state 和 this.setState的区别是前者改变状态值不引发render行为,后者相反。
2.父组件传值到自组件,子组件用props属性接收,props可以是父组件函数, ...
$.fn.letterLimit=function(num){
$(this).bind('keyup blur',function(){
var str=$(this).val();
var len=str.length;
var result = num-len;
if(result < 0){
var cutStr = str.substring(0,num);
...
function decimal(num,opt){//保留opt位小数,不四舍五入
var decimalCount=Math.pow(10,opt);
var num=Math.floor(num*decimalCount)/decimalCount;
if(num==0){
return num
}else{
var numstring=num.toString();
if(numstring.indexOf('.')!=-1){
if(numstring.split( ...
一.定义textarea模板
<textarea id="messagelist">
<tr id="{id}">
<td>{smsType}</td>
<td>{contentTemplate}</td>
<td>{noticeSwitch}</td>
<td><em class="edit">编辑</em>&l ...
jQuery开发插件方法
- 博客分类:
- 知识点总结
jQuery为开发插件提拱了两个方法,分别是:
jQuery.extend(object);为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象添加方法。
一. jQuery.extend(object); 为jQuery类添加添加类方法,可以理解为添加静态方法。如:
$.extend({ add:function(a,b){returna+b;} });
便为 jQuery 添加一个为add 的 “静态方法”,之后便可以在引入 jQuery 的地方,使用这个方法了, $ ...
1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 2.编写个数不同 window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个 $(document).ready()可以同时编写多个,并且都可以得到执行 $(window).load(function{ ... })能够编写多个3.简化写法 window.onload
gulp的安装和初级使用
- 博客分类:
- 技术文章类
1.淘宝镜像安装npm
cd:\文件夹名 $ npm install -g cnpm --registry=https://registry.npm.taobao.org
2.安装gulp
npm install -g gulp (全局安装gulp模块) npm install —-save-dev gulp(项目本地安装gulp模块)
-save-dev来更新package.json文件,更新devDependencies值,以表明项目需要依赖gulp Dependencies:指明项 ...
改良版的群星闪烁,更加活跃奔放,随机位置出现。只用了4颗星,却显示出十几颗星的效果,因为运用了眼睛视觉残留效应。任何banner图片,只要加上这个效果,就会显得非常活跃生动。代码量少,效果出众,展现出只有flash才能做出的风采。
jquery实现群星闪烁的效果。代码产生指定数量的星星,位置随机排布。可更换星星图片,修改星星的数量和密集程度。代码量少,兼容各浏览器,效果非常自然。
下载地址:
http://download.csdn.net/detail/crazyfeeling/4910938
想下载但又没有积分的朋友可以在csdn里给我留言并留下邮箱。我积累点人气,O(∩_∩)O~