jiyan1234-优快云博客

原创米家有品网页

部分代码<body> <div class="main"> <div class="site-top"> <div class="center"> <div class="download"> <a href="https://youpin.

2017-12-05 21:18:18 2151

原创 11.27第17节课

一、validation 插件1.快速上手首先引入Validation库。<script src="./js/jquery.validate.js" type="text/javascript"></script><p> <label for="cusername">姓名</label> <em>*</em><input class="required" minlength

2017-11-27 15:05:51 233

原创 11.23第16节课

jQuery动画1. show() 方法和 hide() 方法调用hide()方法会将元素的display样式改为’ none ‘。 show()方法将元素的display样式设置为先前的显示状态。 show()方法和hide()方法的参数可以指定毫秒值，缓慢的隐藏和展示。$('p').toggle(function(){ $(this).hide(2000);

2017-11-23 13:47:33 220

今天第一节课仍继续学习了JQuery的知识，其中遍历节点的方法有children（）、next（）、prev()方法、siblings()方法、closet()方法，也可以直接利用css在（）方法来获取和设置元素的样式属性，不过对于css中书写有一点的规范，若值是数字就会转化为像素值，若设置属性时不带引号，则需要使用驼峰命名法。第二、三节课老师开始带我们进行一个小项目，实现备忘录的增删改功能以及提醒

2017-11-22 14:06:48 377

原创 11.22第15节课

一、遍历节点1.children方法用于去的匹配的子元素集合。children()方法只考虑子元素而不考虑后代元素。 $lis = $('ul').children(); lg($lis); var len = $lis.length; for(var i=0;i<len;i++){

2017-11-22 13:53:42 226

原创 11.21学习心得

今天学习jQuery 中Dom操作的几种操作方法，包括查找节点、创建节点、插入节点、删除节点、复制节点、替换节点、包裹节点。一般使用class属性添加样式，addClass()方法来追加样式，removeClass()方法来删除 class 的某个值，toggleClass()方法控制样式上的重复切换，hasClass()可以用来判断元素中是否含有某个 class。html方法适用于读取和设置元素中

2017-11-21 17:18:50 185

原创 11.21第14节课

一、查找节点和创建节点1、查找节点 1.查找元素节点查找元素节点非常简单，用 jQuery 择器即可完成。var $li = $('ul li:eq(1)'); var li_txt = $li.text(); alert(li_txt);2.查找属性节点利用选择器查找到需要的元素之后，就可以使用attr()方法来获取它的各种属性值。 var $para = $('p');

2017-11-21 15:19:55 351

原创 11.20学习心得

今天结束了前面JavaScript的学习开始接触JQery的学习领域，它的理念是：write less,do more，有较多的优势：轻量级、强大的选择器、出色的DOM操作的封装、可靠的事件处理机制、完善的Ajax、不污染顶级变量。它是通过选取HTML元素，并对选取的元素执行某些操作。它有多种选择器，分为基本选择器、层次选择器和过滤选择器，允许对HTML元素组或某个元素进行操作，是通过基于元素名选取

2017-11-20 21:45:43 229

原创 11.20第13节课

一、jQuery基础jQuery 的理念是：write less,do more。 jQuery 极大的简化了 javascript 开发人员遍历HTML文档、操作 DOM 、处理事件、执行动画和开发 Ajax 的操作。 1.jQuery优势 1. 轻量级。压缩后可以保持在30kb左右。 2. 强大的选择器。可以使用CSS1-CSS3几乎所有选择器。 3. 出色的DOM操作的封装。

2017-11-20 14:52:53 201

原创 11.16学习心得

今天学习了js中错误处理的几种语句，包括Error对象，当有错误出现时会给提示信息；try…catch语句表示不管是否出现错误，都必须要在后面运行的语句。BOM模型是浏览器对象模型，包括window对象、location对象、navigator对象、screen对象和history对象。我们还可以通过使用IavaScript，能够做到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行，

2017-11-16 14:10:46 147

原创 11.16第12节课

一、Error 对象和try..catch语句1.Error 对象 Javascript解析或者执行时，一旦发生错误，JavaScript引擎就会抛出一个错误对象。JavaScript原生的提供一个Error构造函数，所有抛出的错误都是这个构造函数的实例。根据语言标准，Error对象示例必须具有message属性，表示错误出现时的提示信息。对于大部分的Javascript引擎，对Error对象

2017-11-16 13:48:24 177

原创 11.15学习心得

今天学习了有关JSON对象，它是一种用于数据交换的文本格式；面向对象编程中的this它是个非常重要的语法点，返回属性或者方法当前所在的对象，在网页编程和函数中都普遍应用；Storage接口用于在浏览器客户端中存储用户自定义的信息。今天课后作业需要完成点击按钮实现全选、全不选以及反选的功能，需要通过for循环，通过返回结果是true或false来输出结果，相对而言这部分还算是笔记容易。另一个作业是需要

2017-11-15 16:16:17 1307

原创 11.15第十一节课

一、JSON对象JSON 格式（Javascript Object Notation），是一种用于数据交换的文本格式。简单的说，每个 JSON 对象就是一个值。要么是简单类型的值，要么是复合类型的值。 JSON 对值的类型和格式是有严格要求的。 1.复合类型的值只能是数组或对象，不能是函数、日期对象、正则表达式等。 2.简单类型的值包括：字符串、数值、布尔值和null（不能使用NaN/un

2017-11-15 15:57:30 261

原创 11.14学习心得

今天学习了text节点以及CSS操作，其中text节点能够通过nodeValue属性或者data属性访问节点中包含的文本，操作CSS样式可以通过style属性、cssText属性等其他多种方式来进行操作。同事驼峰命名方式也需要进行，很多大小写是有区分的，否则网页无法读取。学习了标准库中的几种对象，包括number对象、string对象和array对象。Number对象是数值类型对应的包装对象(引用类

2017-11-14 17:11:21 207

原创 11.13学习心得

今天学习了定义节点对象的几种方式，其中包括appendchild(增加节点）、hasChildNodes（判断当前节点是否有子节点）、insertBefore（将某个节点插入当前节点的指定位置）、removeChild（删除某个子节点）、replaceChild（替换节点）。这几种方法单看概念有些复杂比较容易混淆，需要多对照笔记自己动手练习代码，加以区分及理解。还学习了element和attribu

2017-11-13 23:19:39 216

原创 11.13第九节课

一、节点对象的方法1、Node.appendChild() 接收一个对象节点作为参数，将其作为最后一个节点，插入当前节点。var addCountry = function() { var cinput = document.getElementById("country"); var cvalue = cinput.value; var cli = "<li id='" + c

2017-11-13 13:48:02 177

原创 11.10学习心得

今天是本周学习的最后一天，最近讲解的都是有关javascript的基础概念。今天讲了javascript的几种运算符，其中包括加法运算符、算是运算符、赋值比较运算符以及布尔运算符。每一种运算符的用法和表达方式都不同，需要自己实际操作练习来加以区分，以便加深印象。还学习了DOM和DOM节点，以及相关的特征属性。其中DOM是js操作网页的接口，将网页能够转化为一个js对象，从而能够进行各种操作，而DOM

2017-11-10 15:34:21 196

原创 11.10第八节课

一、运算符1、加法运算符加法运算符“+”是最常用的运算符之一，但是使用却相对复杂。因为在Javascript中，加法运算符可以完成两种含义的操作，一种是算术的加法，一种是做字符串拼接。 console.log(1 + 1); // 2 console.log(true + true); // 2 console.log(1 + true); // 2 console.log

2017-11-10 14:55:03 150

原创 11.9学习心得

今天上课仍是继续学习Javascript的知识，更加进一步讲解了对象和属性的操作，以及多种数据类型，其中包括循环语句、条件语句，条件语句中if结构、if-elase结构及switch结构，循环语句中while循环和for循环，这些语句都需要我们对照着笔记自己操作一遍以便加深印象。后面开始学习数据类型，其中分为好几个模块，较为复杂。尤其函数一块较为重点，包括函数的声明、属性、方法、作用域等方法，

2017-11-09 16:58:51 256

原创 11.9第7节课

一、循环语句1.for循环 for循环可以指定循环的起点、终点和终止条件。语法：for (initialize ; test; increment) { statement; }initialize 初始化表达式：确定循环的开始条件，只在循环开始的时候执行一次。test 测试表达式：检查循环条件，只要为真就执行循环体的内容。increment 递增表达式：完成后续操作，

2017-11-09 13:52:26 175

原创 11.8学习心得

前几天的学习我们已经对html和css有了大概的认识与了解，今天开始接触Javascript的学习，也是我们正式开始接触编程语言的学习。JS有区别于css，他可以在html页面中的任何位置。首先要对其中对象做主要了解，明白对象的含义以及如何去构建对象。在javascript中语句是完成特定任务的代码，每句需要以“；”进行结尾。学习了变量的应用，变量是对“值”的引用。在其他的场合中，我们有的时候把引用

2017-11-08 14:23:20 204

原创 11.8第6节课

JavaScript基础一、语句和变量1.语句语句是完成某种特定任务的代码，在Javascript中每条语句要以”;”结束；语句在定义的时候可以出现在一行中，也可以一行出现多条语句，都是允许的；表达式可以单独出现在JS代码中，但是没有任何意思；var _div = ""; var _div = ""; // 没有任何的意思 1 + 2;2.变量变量是对“值”的引用。在其他的

2017-11-08 13:53:49 123

原创 11.7学习心得

今天学习了css中几种关于居中和对齐的多种标签，其中包括margin、position、float、padding、line-height以及tansform，方法较多需要能够学会灵活应用。CSS3中学习了边框的应用，包括圆角边框（boder-radius）用来指定圆角边框的圆角半径；边框阴影（box-shadow）用于增加盒模型原色的边框阴影。CSS3中动画的学习使整个页面更加有动态效果。渐变动画

2017-11-07 17:01:29 129

原创 11.7第五节课

一、CSS1、margin设置区块元素水平居中 margin:0 auto;设置左右外边距的大小，控制元素的水平居中。 2、position属性设置元素的左右对齐3、loat属性设置左右对齐 4、padding属性设置水平垂直居中<style> .padCenter{ padding: 70px 0; bor

2017-11-07 16:31:19 182

原创 11.6学习心得

从11.1来青鸟开始上课学习到今天也有一周了，这与我而言是一个新的开始，新的挑战。学习时间短暂，但是知识却非常丰富，因此在这边的时间需要好好把控。在这一周的学习时间里，我们掌握了html的基本用法，主要用来定义网页的用法，掌握其标签、格局、语法，需要灵活的应用。之后开始接触CSS，主要用来描述网页，比HTML复杂一些，需要多进行网页的操作来加深印象。今天课后作业要去按照百度网页自己模仿做

2017-11-06 22:19:57 158

原创 11.6第四节课

一、DIV+CSS布局（1）盒子模型内外边距和边框介绍当你的浏览器展现一个元素时，这个元素会占据一定的空间。这个空间由四部分组成。 - 1.边框用 border 属性给元素四周指定统一的边框。在属性值中指定边框的宽度（通常是以显示到屏幕上的像素为单位），样式，还有颜色。样式包括：也可以通过设置样式为 none 或 hidden 来明确地移除边框。如果一次只指定某一个方向

2017-11-06 22:00:45 177

原创 11、3第三节课

一、CSS的加载方式1、引入外部文件<link href="outer.css" rel="stylesheet" type="text/css"></link>HTML文档中使用link元素引入外部样式文件，引入外部样式文件应在元素中增加link子元素。 2、导入外部样式单导入外部样式表单需要在二、DIV和SPAN标签样式1、div区块元素 - 区块元素总是在新的一行上

2017-11-03 17:24:04 333

原创 11.2第二节课

一、路径概念相对路径：相对于当前文件的路径。绝对路径：你的主页上的文件或目录在硬盘上真正的路径 “./”:代表目前所在的目录 “../”:代表上一层目录以“/”开头：代表根目录二、表格标签（1）表格三部分： thead—-表格的页眉 tbody—-表格的主体 tfoot—–表格的页脚（2）colgroup的使用 colgroup标签标签用于对表格中的列进行组合，以便对

2017-11-02 16:51:28 207

原创 11.1第一课

一、计算机软件概论1、计算机学科的分类a、计算机硬件计算机组成控制器、运算器、存储器、输入输出设备存储器：硬盘、内存、U盘、光盘、软盘。内存：一般是指运行中程序进行进行数据存储的介质。CPU：控制器和运算器。输入设备：键盘、鼠标、写字板、话筒。输出设备：打印机、显示器。b、计算机网络（信息高速公路：要致富、先修路）网络的发展孕育出了开源和分享的精神。IP地址:计

2017-11-01 16:28:01 179

jiyan1234的博客