紫色枫韵-CSDN博客

原创 jQuery基础

validation 插件Validation 是一个优秀的表单验证插件。1.快速上手首先引入Validation库。<script src="./js/jquery.validate.js" type="text/javascript"></script><p> <label for="cusername">姓名</label> <em>*</em><input class

2017-12-11 09:37:07 206

原创 11.21-11.24 jQuery基础

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

2017-11-27 08:16:47 207

原创 11.20 jQuery基础

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

2017-11-20 14:41:50 156

原创 11.16 学习心得

今天主要的学习内容是JS最后的一点知识点，错误处理机制和BOM模型。课堂做的作业学习了如何在网页上设置时钟，并且设计倒计时编程。这两个程序用到了date这个标准库中学习到的对象，用到了他的属性和方法。首先从思路讲起，如何去设置时钟，需要哪些对象，哪些属性，哪些方法，如何将这些方法设置到一起并且能够得到最后的结果。整个编程下来，最重要的就是思路，思路清晰的就能够很快准狠的码出代码，否则很难。现阶

2017-11-16 13:56:01 164

原创 11.16 WEB处理机制和BOM模型

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

2017-11-16 13:55:17 151

今天学习了标准库中的JSON对象，面向对象编程中的this，Web storage这三个知识点。其余的时间是练习了两个实例。个人来说还是比较喜欢看实例讲解的，因为这样才能够去了解对象各种方法属性的应用，才能够进步更大。今天的联系主要是选择功能键的编写和页面缓存、记录功能的编程。这两个编程使用到了节点对象属性的获取和方法使用，将之前学习到的知识点，融汇到了一起，虽然刚开始理解起来比较困难，但是多做这

2017-11-15 15:50:44 188

原创 11.15 作业

完成check.html中的功能<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <h1>请选择您的爱好：</h1><input type="checkbox" onchange="" />全选/全不选<br /><i

2017-11-15 15:48:26 181

原创 11.15 标准库

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

2017-11-15 13:57:36 213

原创 11.14 学习心得

昨天主要学习了DOM模型和标准库的基础内容，DOM模型中主要讲了Text节点和CSS操作，事件模型。标准库主要学习了Number对象，String对象，Array对象的属性和方法，自学了Date、Boolean、Math对象的属性和方法。并且在上午练习了排序的流程写法。这些学习的编码都需要我们自己去消化和理解，这样才能够在以后的学习工作中做到熟能生巧。暂时还没有对这些方法的理解和使用，需要自己慢慢

2017-11-15 13:39:59 254

原创 11.14 DOM模型和标准库

Text 节点可以通过nodeValue属性或者data属性访问节点中包含的文本，这两个属性中包含的值相同。对nodeValue 的修改也会通过data反应出来，反之亦然。 <div id="dd">hello</div> //获得文本节点 var text = document.getElementById('dd').firstChild;

2017-11-14 15:35:28 285

原创 11.13 学习心得

今天主要学习了DOM模型，提及了DOM模型节点对象的属性和方法。在课后练习也运用到了Node.appendChild()，Node.removeChild()，Node.replaceChild()。课堂上还学习了Element和Attribute两个对象的具体的属性和方法。课后的联系中也有所运用，但是我运用的还不够熟练，对这些属性和方法的定义也还了解的不够清晰，容易混淆，还需要在后面的学习中慢

2017-11-14 14:40:41 146

原创 11.13 DOM模型

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

2017-11-14 14:39:57 132

原创 11.10 作业

<html> <head> <title>coding coffee</title> <meta charset="UTF-8"> <style type="text/css"> h1{ text-align:center; } .a{

2017-11-13 08:27:58 135

原创 11.10 学习心得

今天的课程方面，主要学习了运算符和DOM模型。今天学习的也都属于基础性质的内容，一些简单的算数、赋值、运算。对于DOM这一块，特别是特征相关属性听得有点迷，还需要进一步的去了解学习，这应该就是我今天课后主要需要攻克的东西了。今天进行了周测，主要内容是近一周内学习的html和css的基础概念和应用的检查。测试下来，我发现我还对一些概念比较模糊，还需要巩固学习，并且一些语句的应用也不是很熟练，还需

2017-11-10 15:07:44 133

原创 11.10 JavaScript基础2

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

2017-11-10 15:02:27 114

原创 11.09 学习心得

今天，我们学习了很多细节性的知识点，比如继昨天之后的语句的类型、还有更重要的数据类型。语句类型的拓宽让我们了解到了更多的语句结构和语句使用环境。数据类型的学习就让我们对自己处理的数据有了更好的认识，能够分析出不一样的数据的作用和使用方法。函数的使用也让我们在编写JS时可以将冗杂的流程简单化、清晰化，但我们需要注意的是函数使用的正确性，不然很容易导致程序结果出错。然后就是数组的合理使用，我们也需要注

2017-11-09 15:16:30 119

原创 11.09 JavaScript基础

一切皆对象1.什么是对象世间任何一个我们需要进行研究的事物都是一个对象。对象具有状态，一个对象用数据值来描述它的状态。对象还有操作，用于改变对象的状态，对象及其操作就是对象的行为。2.怎样构造对象 var person={ "name":"小明", "age":"18", "like":function(){ return "喜欢打篮球,

2017-11-09 15:03:24 156

原创 11.08 学习心得

今天，我们开始了Javescript 变成语言的基础学习，主要学习了一些相关的基础概念和语句。基本概念的学习，让我们知道了js的基本使用方法和形式。我自己的理解，就是定义变量，然后赋值变量，给变量定义方法，最后再执行方法，是变量进行变化得到结果。后面学习的if语句和循环语句，之前有接触过，所以理解起来不是很难，主要就是需要想通这两个语句的逻辑关系，这样就可以运用到我们的js编程实践中，并且不会

2017-11-08 14:26:52 137

原创 11.08 JaveScript基础

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

2017-11-08 14:05:04 296

原创 11.07 学习心得

今天上午主要学习了CSS居中对齐的方式和CSS3的边框与动画制作。最后的实践阶段，我们还稍微引入了一点JS的内容。CSS的剧种对齐主要讲了margin,position,float,padding,line-height和“绝对定位与transform调整水平居中”。这几种垂直居中与水平居中都有各自的使用环境，需要我们在平时使用时多加注意，以免发生报错。CSS3的边框与动画效果，可以让我们

2017-11-07 17:03:38 146

原创 11.07 CSS布局及CSS3的新特性

一、居中和对齐专题1、margin设置区块元素水平居中margin:0 auto;设置左右外边距的大小，控制元素的水平居中。<style> .center{ margin: 20px auto; width: 600px; border: 3px solid green;

2017-11-07 15:38:25 187

原创 11.06 学习心得

今天学习了CSS布局，主要包括盒子模型、display属性、浮动及其清除、CSS的position属性这四个方面，还有就是关于居中和相关对齐的综合运用。整体学习下来，我发现上午上课必须要认真听讲，get到老师讲的重点，并做好相关的笔记。如果有不懂的问题，需要下午复习的时候及时的搞清楚。今天下午做作业之前，由于没有复习课堂上的知识点，做的有点乱，不知道从何下手。晚上回到家之后重新把上午的笔记看了

2017-11-07 00:49:17 129

原创 11.06 CSS的基础应用2

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

2017-11-06 23:49:18 202

原创 11.03 CSS的基础应用

1.1 CSS加载的方式1.引入外部文件<link href="outer.css" rel="stylesheet" type="text/css"></link>HTML文档中使用<link>元素引入外部样式文件，引入外部样式文件应在<head>元素中增加<link>子元素。2.导入外部样式单<style type="text/css">@import "../outer.css";@imp

2017-11-03 17:20:55 187

原创 11.03 CSS的基本使用