![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
thystar
这个作者很懒,什么都没留下…
展开
-
jQuery学习笔记--jQuery Ajax
1. 简介: 参考:http://www.runoob.com/jquery/jquery-ajax-intro.html AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。 简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。 jQuery 提供多个与 AJAX 有关的方法原创 2015-08-24 15:13:16 · 382 阅读 · 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 · 1850 阅读 · 0 评论 -
React学习笔记(6)---组件协同使用介绍
1. 介绍: 对组件的组织和管理方式 目的: 逻辑信息代码模块化封装细节提高代码的复用性 实现: 组件嵌套(实现代码封装)Mixin(实现代码的复用) 2. 组件嵌套 组件嵌套本质是父子关系: 父组件通过属性向子组件通信, 子组件向父组件通信 : 子组件调用父组件的的通信: 委托; 实例:原创 2015-08-29 22:52:45 · 654 阅读 · 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 · 1727 阅读 · 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 · 465 阅读 · 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 · 505 阅读 · 0 评论 -
CSS学习笔记(2)
CSS:样式: http://www.w3school.com.cn/css/css_background.asp CSS 背景属性 属性 描述 background 简写属性,作用是将背景属性设置在一个声明中。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动。 b原创 2015-08-14 02:38:01 · 384 阅读 · 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 · 446 阅读 · 0 评论 -
html学习笔记(15)
indexedDB数据库索引:原创 2015-08-13 23:29:07 · 393 阅读 · 0 评论 -
React学习笔记(5)--事件
1.事件处理函数的使用 组件: React 自有方法用户定义方法 事件处理函数可以接受event参数; 如之前用过的: //监听内容的变化并且记录在状态中 handleChange: function(event){ this.setState({inputText: event.target.value});原创 2015-08-29 08:42:38 · 13268 阅读 · 0 评论 -
react学习笔记(2)---组件的生命周期
1 组件:本质上是状态机,输入确定,输出一定确定。状态发生转换时会触发不同的钩子函数,从而让开发者有机会做出相应。 组件的生命周期: 初始化 getDefaultProps //获取实例的默认属性, 第一次调用getInitialState //获取实例的默认属性componentWillMount // 组件即将装载render // 组件在rander函数中生成虚拟的DOM节点,最原创 2015-08-27 16:26:15 · 751 阅读 · 0 评论 -
CSS学习笔记(3)
CSS边框: http://www.w3school.com.cn/css/css_boxmodel.asp 盒子模型的应用: 设计出一个网页的框架: .html: 盒子模型的应用原创 2015-08-14 14:42:53 · 325 阅读 · 0 评论 -
jQuery学习笔记--标签切换
实现标签切换的代码 .html 标签1 标签2 标签3 内容1 内容2 内容3 装载完整页面原创 2015-08-24 21:04:55 · 362 阅读 · 0 评论 -
AngularJS学习笔记(1)
1. 简介: 参考:http://www.runoob.com/angularjs/angularjs-intro.html AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。 AngularJS 通过 ng-directives 扩展了 HTML。 ng-app 指令定义一个 AngularJS 应用程序。 ng-model 指令把原创 2015-08-25 23:03:01 · 449 阅读 · 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 · 508 阅读 · 0 评论 -
CSS学习笔记(6)
CSS动画实例: html THYSTAR 首页 课程原创 2015-08-15 16:00:47 · 370 阅读 · 0 评论 -
CSS学习笔记(5)
CSS动画 2D和3D的转换: css div{ width: 100px; height: 100px; background-color: blue; } /*/!*平移*!/*/ /*.div2{*/ /*transform: translate(200px, 100px);*/ /*/!*选择支持的浏览器*!/*/ /*-webkit原创 2015-08-15 11:27:53 · 317 阅读 · 0 评论 -
React学习笔记(1)--第一个程序
React.js(React)是 Facebook 推出的一个用来构建用户界面的 JavaScript 库。 React基于在数据模型之上声明式指定用户界面的理念,用户界面会自动与底层数据保持同步。与前面提及的框架不同,出于灵活性考虑,React使用JavaScript来构建用户界面,没有选择HTML。 react的下载地址:http://facebook.github.io/reac原创 2015-08-26 23:30:52 · 701 阅读 · 0 评论 -
React学习笔记(3)-- JSX语法及特点介绍
<!-- 1. JSX=JavaScript XML JSX是一种基于ECMAScript的一种新特性 是一种定义带属性树结构的语法 不是XML或HTML 不是一种限制 JSX的特定: 1).类XML语法容易接受 2).增强JS语义 3).结构清晰 4).抽象程度高 5).代码模块化 2.使用JSX--直接编写html代码 在下面的例子中; HelloWorld 是一个元素名, this.pr原创 2015-08-27 17:08:14 · 1033 阅读 · 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 · 409 阅读 · 0 评论