- 博客(33)
- 收藏
- 关注
原创 笔记18
起步 Bootstrap 概述 2010 年 6 月,Twitter 内部的工程师为了解决前端开发任务中的协作统一问题。经历各种方案后,Bootstrap 最终被确定下来,并于 2011 年 8 月发布。经过很长时间的迭代升级,由最初的 CSS 驱动项目发展成为内置很多 JavaScript 插件和图标的多功能 Web 前端的开源框架。 Bootstrap 最为重要的部分就是它的响应式布局,通过这
2017-12-05 09:17:02 241
原创 心得
学会了ajax的使用$.ajax({ url:url, type:'GET', dataType:'JSONP',//JSONP可能不支持同步 内容处理得放到AJAX内 async:false,//异步失效 success:function(data){
2017-12-05 09:15:50 201
原创 笔记17
Ajax简介 在过去,我们在网页中刷新页面内容,需要重新从服务器获取新的页面。Ajax的出现,揭开了无刷新更新页面的新时代。Ajax优势 优秀的用户体验:Ajax最大的有点是能在不刷新整个页面的前提下更新数据,这使得Web应用能迅速的回应用户的操作。 提高Web程序的性能:在传统模式中,数据提交是通过表单来实现的,而数据的获取则需要全页面刷新来获取整页内容。Ajax可以
2017-12-05 08:49:10 182
原创 笔记16
validation 插件 Validation 是一个优秀的表单验证插件。1.快速上手 首先引入Validation库。script src="./js/jquery.validate.js" type="text/javascript">script>p> label for="cusername">姓名label> em>*em>input cla
2017-12-05 08:46:29 206
原创 笔记15
遍历节点 1.children方法 用于去的匹配的子元素集合。children()方法只考虑子元素而不考虑后代元素。 $lis = $('ul').children(); lg($lis); var len = $lis.length; for(var i=0;i<len;i++){
2017-11-23 17:06:20 184
原创 笔记14
查找节点和创建节点 1.查找节点 1.查找元素节点 查找元素节点非常简单,用 jQuery 择器即可完成。 var $li = $('ul li:eq(1)'); var li_txt = $li.text(); alert(li_txt);1232.查找属性节点 利用选择器查找到需要的元素之后,就可以使用attr()方法来获取它的各种属性值。var $p
2017-11-23 17:04:40 1058
原创 笔记13
认识jQueryjQuery 的理念是:write less,do more。jQuery 极大的简化了 javascript 开发人员遍历HTML文档、操作 DOM 、处理事件、执行动画和开发 Ajax 的操作。1.jQuery优势轻量级。压缩后可以保持在30kb左右。强大的选择器。可以使用CSS1-CSS3几乎所有选择器。出色的DOM操作的封装。
2017-11-21 08:27:47 153
原创 笔记12
Error 对象和try..catch语句1.Error 对象 Javascript解析或者执行时,一旦发生错误,JavaScript引擎就会抛出一个错误对象。JavaScript原生的提供一个Error构造函数,所有抛出的错误都是这个构造函数的实例。 根据语言标准,Error对象示例必须具有message属性,表示错误出现时的提示信息。对于大部分的Javascript引擎,对Er
2017-11-17 08:22:23 175
原创 作业
CODING COFFEE h1{ color: blue; font-size: 60px; } hr{ width: 60%; borde
2017-11-16 08:18:24 167
原创 心得
今天学习了JSON对象、this的用法以及Storage接口的方法 JSON 格式(Javascript Object Notation),是一种用于数据交换的文本格式。 Storage接口用于在浏览器客户端中存储用户自定义的信息。 通过今天所学的内容,完成check页面的三种选择功能的实现,包括了全选、全部选以及反选,使用for遍历循环用法。这部分相对容易一些。
2017-11-15 17:00:28 160
原创 笔记11
JSON对象JSON 格式(Javascript Object Notation),是一种用于数据交换的文本格式。简单的说,每个 JSON 对象就是一个值。要么是简单类型的值,要么是复合类型的值。JSON 对值的类型和格式是有严格要求的。1.复合类型的值只能是数组或对象,不能是函数、日期对象、正则表达式等。2.简单类型的值包括:字符串、数值、布尔值和null(不能使用NaN/u
2017-11-15 16:55:01 320
原创 作业
Document姓名:联系方式:年龄: 姓名 联系方式 年龄 操作 测试 sn@dwd 18 function addUser(){ var name = document.getElem
2017-11-15 08:25:11 158
原创 笔记10
Text 节点可以通过nodeValue属性或者data属性访问节点中包含的文本,这两个属性中包含的值相同。对nodeValue 的修改也会通过data反应出来,反之亦然。hello//获得文本节点var text = document.getElementById('dd').firstChild;//获得nodeValueconsole.log(text.nodeV
2017-11-14 15:00:20 174
原创 作业
CODING COFFEE h1{ color: blue; font-size: 60px; } hr{ width: 60%; borde
2017-11-14 14:54:58 167
原创 笔记9
节点对象的方法Node.appendChild()接收一个对象节点作为参数,将其作为最后一个节点,插入当前节点。var addCountry = function() { var cinput = document.getElementById("country"); var cvalue = cinput.value; var cli = "" + c
2017-11-14 14:42:55 145
原创 作业
CODING COFFEE h1{ /*margin:0 auto; width:50%; border:2px dashed red;*/ text-align:center; } .wrapper{
2017-11-13 08:26:55 243
原创 笔记8
加法运算符加法运算符“+”是最常用的运算符之一,但是使用却相对复杂。因为在Javascript中,加法运算符可以完成两种含义的操作,一种是算术的加法,一种是做字符串拼接。console.log(1 + 1); // 2console.log(true + true); // 2console.log(1 + true); // 2console.log('1' + 1)
2017-11-10 15:19:32 161
原创 笔记7
属性的操作有两种方式读取对象的属性,一种使用点运算符,还有一种是使用方括号运算符。var obj = { name : "Tom", age : 27, sex : true, 3:"333"};console.log(obj.name); // Tomconsole.log(obj["name"]); // Tomconsole.l
2017-11-09 16:13:45 266
原创 笔记6
一切皆对象1.什么是对象世间任何一个我们需要进行研究的事物都是一个对象。对象具有状态,一个对象用数据值来描述它的状态。对象还有操作,用于改变对象的状态,对象及其操作就是对象的行为。2.怎样构造对象 var person={ "name":"小明", "age":"18", "like":function(){
2017-11-08 17:15:14 163
原创 心得
通过今天的学习,我知道了元素的居中对齐,圆角边框,边框的阴影,渐变动画,Animation动画。在今天学习中,对页面上的一些小元素有了一定的了解。
2017-11-07 16:24:00 159
原创 笔记5
CSS position属性CSS 有三种基本的定位机制:普通流、浮动和绝对定位。我们已经学习了普通流和浮动的相关内容,本节我们介绍定位相关内容。position属性设置元素定位类型,可以通过top,bottom,right,left属性,控制元素的定位位置。position属性值有static,relative,absolute,fixed四个值。1.static静态定位
2017-11-07 16:08:51 141
原创 作业3
.navigator ul{list-style-type:none;margin:0;padding: 0;background-color: #333;}.navigator li a{text-decoration: none;display: block;padding:15px 18px;color: #ffffff;}.navig
2017-11-07 16:06:11 143
原创 作业2
百度一下,你就知道 .right{ float:right; font-size:15px } .lg{ text-aligh:center; padding:100px 600px; } .bri{ background-color:#38f; color:#
2017-11-06 19:10:30 330
原创 笔记4
1.边框用 border 属性给元素四周指定统一的边框。在属性值中指定边框的宽度(通常是以显示到屏幕上的像素为单位), 样式, 还有颜色。你也可以通过设置样式为 none 或 hidden 来明确地移除边框。如果一次只指定某一个方向的边框,就用属性:border-top,border-right, border-bottom,border-left。下面的规则设置了一个标题元素的背
2017-11-06 18:55:58 184
原创 笔记3
引入外部文件HTML文档中使用元素引入外部样式文件,引入外部样式文件应在元素中增加子元素。导入外部样式单@import "../outer.css";@import url('outer.css');导入外部样式表单需要在元素中执行@import进行导入。区块元素总是在新的一行上显示。高度、行高、宽度、内边距、外边距等都是可控制的。内联元素内
2017-11-03 16:02:19 160
原创 笔记2
1、相对路径使用的特殊符号./代表目前所在的目录../代表上一层目录以“/”开头代表根目录2、优点及缺点1绝对路径的优点 如果网页位置改变里面的链接还是指向正确的URL2绝对路径的缺点 网页中资源容易被盗用3相对路径的优点 容易移动内容,可以整个目录移动4相对路径的缺点 部分内容换位置时链接容易失效表格
2017-11-02 16:46:40 609
原创 笔记1
计算机软件概论计算机学科分类:计算机硬件、软件、网络计算机硬件:认识计算机的组成:控制器、运算器、存储器、输入输出设备存储器:内存是在运行时短暂存储数据的,输入输出效率高 硬盘是持久化存储。断电之后数据依旧存在。 U盘、光盘、软盘。cpu:控制器和运算器输入设备:键盘鼠标,写字板,话筒。输出设备:显示器,打印机。
2017-11-01 16:32:32 148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人