
web前端
thystar
这个作者很懒,什么都没留下…
展开
-
jQuery学习笔记--jQuery Ajax
1. 简介: 参考:http://www.runoob.com/jquery/jquery-ajax-intro.htmlAJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。jQuery 提供多个与 AJAX 有关的方法原创 2015-08-24 15:13:16 · 412 阅读 · 0 评论 -
React学习笔记(4)---react属性与状态
1. 属性的含义和用法用this.props引用属性用法:1》. 键值对式: ?可以是{。。。}或字符串“ ”,数组{[...]}, 或变量{val}2》. 展开对象式: var props = { one:"123", two:333}3》. 调用setProps式 ; 很少用到var i =React.render(, d原创 2015-08-27 19:25:19 · 1899 阅读 · 0 评论 -
React学习笔记(6)---组件协同使用介绍
1. 介绍:对组件的组织和管理方式目的:逻辑信息代码模块化封装细节提高代码的复用性实现:组件嵌套(实现代码封装)Mixin(实现代码的复用)2. 组件嵌套组件嵌套本质是父子关系:父组件通过属性向子组件通信, 子组件向父组件通信 : 子组件调用父组件的的通信: 委托;实例:原创 2015-08-29 22:52:45 · 681 阅读 · 0 评论 -
React学习笔记(7)---动画效果实现
1. 网页动画在react中使用CSS3动画效果: .example-enter{ opacity: 0.01; transition: opacity.5s ease-in; } .example-enter.example-enter-a原创 2015-08-30 00:37:11 · 1759 阅读 · 0 评论 -
jQuery UI 学习笔记
1.交互:$(document).ready(function(){ $("#a_btn").button().draggable(); //拖动 $("#div1").draggable(); //放置 $("#div2").droppable(); $("#div2").on("drop", function(event, ui){原创 2015-08-25 20:41:59 · 490 阅读 · 0 评论 -
Javascript学习笔记--瀑布流
js代码:/** * Created by Sindy on 2015/8/19. */window.onload=function(){ imagelocation("container", "box"); // 创建JSON结构,模拟加载的图像 var imgData = {"data":[{"src":"2.jpg"},{"src":"3.jpg"},{"s原创 2015-08-19 23:56:21 · 530 阅读 · 0 评论 -
CSS学习笔记(2)
CSS:样式:http://www.w3school.com.cn/css/css_background.aspCSS 背景属性属性描述background简写属性,作用是将背景属性设置在一个声明中。background-attachment背景图像是否固定或者随着页面的其余部分滚动。b原创 2015-08-14 02:38:01 · 407 阅读 · 0 评论 -
css学习笔记(1)
css: 层叠样式表:参考http://www.w3school.com.cn/css/css_syntax.asp 简单举例:/*选择器分组*/h1,a,h2{ color: blue; font-size: 50px;}/*对body中的内容给定样式,没有被定义的标签均为此样式*/body{ color: blueviolet;}在html原创 2015-08-14 01:29:07 · 472 阅读 · 0 评论 -
html学习笔记(15)
indexedDB数据库索引:原创 2015-08-13 23:29:07 · 419 阅读 · 0 评论 -
React学习笔记(5)--事件
1.事件处理函数的使用组件:React 自有方法用户定义方法事件处理函数可以接受event参数;如之前用过的: //监听内容的变化并且记录在状态中 handleChange: function(event){ this.setState({inputText: event.target.value});原创 2015-08-29 08:42:38 · 13329 阅读 · 0 评论 -
react学习笔记(2)---组件的生命周期
1 组件:本质上是状态机,输入确定,输出一定确定。状态发生转换时会触发不同的钩子函数,从而让开发者有机会做出相应。组件的生命周期:初始化 getDefaultProps //获取实例的默认属性, 第一次调用getInitialState //获取实例的默认属性componentWillMount // 组件即将装载render // 组件在rander函数中生成虚拟的DOM节点,最原创 2015-08-27 16:26:15 · 782 阅读 · 0 评论 -
CSS学习笔记(3)
CSS边框:http://www.w3school.com.cn/css/css_boxmodel.asp盒子模型的应用:设计出一个网页的框架:.html: 盒子模型的应用原创 2015-08-14 14:42:53 · 349 阅读 · 0 评论 -
jQuery学习笔记--标签切换
实现标签切换的代码.html 标签1 标签2 标签3 内容1 内容2 内容3 装载完整页面原创 2015-08-24 21:04:55 · 393 阅读 · 0 评论 -
AngularJS学习笔记(1)
1. 简介:参考:http://www.runoob.com/angularjs/angularjs-intro.htmlAngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。AngularJS 通过 ng-directives 扩展了 HTML。ng-app 指令定义一个 AngularJS 应用程序。ng-model 指令把原创 2015-08-25 23:03:01 · 469 阅读 · 0 评论 -
JQuery学习笔记(1)
jQuery是一个JavaScript函数库。JQuery的基本语法参考:http://www.runoob.com/jquery/jquery-syntax.html基础语法: $(selector).action()美元符号定义 jQuery选择符(selector)"查询"和"查找" HTML 元素jQuery 的 action() 执行对元素的操作实例:原创 2015-08-25 09:29:10 · 535 阅读 · 0 评论 -
CSS学习笔记(6)
CSS动画实例:html THYSTAR 首页 课程原创 2015-08-15 16:00:47 · 393 阅读 · 0 评论 -
CSS学习笔记(5)
CSS动画2D和3D的转换:cssdiv{ width: 100px; height: 100px; background-color: blue;}/*/!*平移*!/*//*.div2{*/ /*transform: translate(200px, 100px);*/ /*/!*选择支持的浏览器*!/*/ /*-webkit原创 2015-08-15 11:27:53 · 339 阅读 · 0 评论 -
React学习笔记(1)--第一个程序
React.js(React)是 Facebook 推出的一个用来构建用户界面的 JavaScript 库。React基于在数据模型之上声明式指定用户界面的理念,用户界面会自动与底层数据保持同步。与前面提及的框架不同,出于灵活性考虑,React使用JavaScript来构建用户界面,没有选择HTML。react的下载地址:http://facebook.github.io/reac原创 2015-08-26 23:30:52 · 737 阅读 · 0 评论 -
React学习笔记(3)-- JSX语法及特点介绍
<!--1. JSX=JavaScript XMLJSX是一种基于ECMAScript的一种新特性是一种定义带属性树结构的语法不是XML或HTML不是一种限制JSX的特定:1).类XML语法容易接受2).增强JS语义3).结构清晰4).抽象程度高5).代码模块化2.使用JSX--直接编写html代码在下面的例子中;HelloWorld 是一个元素名,this.pr原创 2015-08-27 17:08:14 · 1070 阅读 · 0 评论 -
css学习笔记(4)
CSS常用操作:导航栏:css:ul{ list-style-type: none; margin: 0px; padding: 0px; background-color: black; width: 400px; text-align: center;}a:link,a:visited{ text-decorat原创 2015-08-14 16:42:23 · 437 阅读 · 0 评论