gbb930920-CSDN博客

原创网页临摹12.08

页面效果图：代码部分：html图片轮播<div class="leader"> <ul class="leader-list"> <li class="m-tag-a " data-target="_blank" data-src="op/content?id=r9509d039c0bc6bc4"

2017-12-08 17:22:28 344

原创网页临摹12.04

html代码<div class="root"> <div class="warp"> <div class="header"> <div class="header-content"> <a href="https://youpin.mi.com/app/

2017-12-05 17:27:03 591 1

###Bootstrap 概述2010 年 6 月，Twitter 内部的工程师为了解决前端开发任务中的协作统一问题。经历各种方案后，Bootstrap 最终被确定下来，并于 2011 年 8 月发布。经过很长时间的迭代升级，由最初的 CSS 驱动项目发展成为内置很多 JavaScript 插件和图标的多功能 Web 前端的开源框架。Bootstrap 最为重要的部分就是它的响应式布局，通过这种布

2017-11-30 13:54:21 193

原创 11.27学习心得

今天学了jquery中的ajax，Ajax最大的优点是能在不刷新整个页面的前提下更新数据，这使得Web应用能迅速的回应用户的操作。这样就省略了很多重复获取，刷新页面的操作。 $ajax()方法是jQuery最底层的Ajax实现。通过这个方法我们能实现很多功能操作。首先我们要先了解清楚，在运用于实际。

2017-11-27 15:05:30 254

原创 2017.11.27第十八课

Ajax简介在过去，我们在网页中刷新页面内容，需要重新从服务器获取新的页面。Ajax的出现，揭开了无刷新更新页面的新时代。Ajax优势优秀的用户体验：Ajax最大的有点是能在不刷新整个页面的前提下更新数据，这使得Web应用能迅速的回应用户的操作。提高Web程序的性能：在传统模式中，数据提交是通过表单来实现的，而数据的获取则需要全页面刷新来获取整页内容。Ajax可以不刷新整个页面，按需提交数据给服

2017-11-27 15:01:35 116

原创 11.23第十六课

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

2017-11-27 14:51:59 121

原创 11.22学习心得

今天继续学习了jQuery的遍历节点的相关方法，以及一些CSS属性设置的方法。还有事件绑定与冒泡处理。所有功能语法都试了一遍。今天老师开始带我们进行一个小项目，实现备忘录的增删改功能以及事件提醒功能。由于我们还不太熟练，先从页面设计慢慢开始做起。先通过CSS将页面调整成与模板页面大致相同，页面设计完成后，在一步步实现功能。希望能在项目练习中，将CSS和DIV布局方法掌握透彻。

2017-11-22 14:05:50 360

原创 11.22第十五课

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

2017-11-22 13:54:53 133

原创 11.21学习心得

jQuery 中的Dom操作是今天学习的主要内容，包含了查找节点和创建节点、插入节点和删除节点、复制节点和替换节点、包裹节点和属性操作、样式操作、设置和获取HTML、文本和值。今天最后一节课老师给我们演示了一个实例，分别通过jQuery和DOM两种方法，实现增删改功能。课上时间太短，只能快速演示一遍，还不能完全理解，还能一边打代码一边慢慢领悟。发现运用jQuery明显比DOM要简便很多。所以jQ

2017-11-21 17:18:02 153

原创 2017.11.21第十四课

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

2017-11-21 17:08:39 133

原创 11.20学习心得

今天开始接触JQery的知识，它的理念是：write less,do more，有很多方面，包含选择器、JQery DOM操作等。有很多优势，可靠的事件处理机制、完善的Ajax、不污染顶级变量。查找创建节点元素，通过选择器非常简单。jQuery只建立一个名为jQuery的对象，其所有的函数方法都在这个对象之下。目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架，而且

2017-11-21 08:47:11 187

原创 11.20第十三课

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

2017-11-20 14:55:51 139

原创 11.16学习心得

今天学了Error对象和try….catch结构，果果对象方法，我们就可以直接在控制台看见语句代码可能发生的错误名称以及错误提示信息。这个在写代码过程中很有帮助。之后还提到了计时事件，在 JavaScritp 中使用计时事件有两个关键方法是:setInterval() - 间隔指定的毫秒数不停地执行指定的代码。setTimeout() - 暂停指定的毫秒数后执行指定的代码通过这两个方法，我

2017-11-16 13:56:39 145

原创 11.16第十二课

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

2017-11-16 13:41:39 209

原创 11.15学习心得

今天学了JSON对象、this的用法以及Storage接口的方法 JSON 格式（Javascript Object Notation），是一种用于数据交换的文本格式。 Storage接口用于在浏览器客户端中存储用户自定义的信息。通过今天所学的内容，完成check页面的三种选择功能的实现，包括了全选、全部选以及反选，使用for遍历循环用法。这部分相对容易一些。另个作业就是关于Storag

2017-11-15 16:02:25 139

原创 11.15第十一课

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

2017-11-15 15:40:23 149

原创 11.14学习心得

通过今天的学习，我对节点及对象的相关方法了解的更深一层。在学习前端的过程中，框架、节点层级关系是非常重要的，这对后面的方法调用有很大的帮助。今天的课后作业是进行表格内容的增加和删除，删除功能实现过程中，通过表格中父节点与子节点的关系进行定义，非常简便。 function delLine(obj){ var trNode=obj.parentNode.parentNode;

2017-11-14 17:13:39 140

原创 2017.11.14第十课

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

2017-11-14 14:37:00 190

原创 11.14学习心得

今天学了节点对象的方法，包含Element对象和Atribute对象，笔记上的都只是大概的理论知识，看的有点抽象，并不是十分理解。后来，通过老师的实例应用，对其原理有点初步认识。今天的作业就是利用所学的节点对象的方法，进行COFFEE页面的增加、删除以及替换功能的实现。因为这个页面内容有点多，分为几层，前提就是要先弄清楚父节点与子节点的关系。通过表单输入的内容要使用对象方法显示在页面上，就要先理

2017-11-13 21:51:54 114

原创 2017.11.13第九课

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

2017-11-13 13:41:07 165

原创 11.10学习心得

今天学习了运算符及节点的相关知识。算数运算符有很多种，例如加减乘除、自增、自减等等，有点像数学。除了算术运算符，还有赋值运算符，它是用于给 JavaScript 变量赋值；比较运算符在逻辑语句中使用，以测定变量或值是否相等。这些运算符在条件语句或循环语句中会经常用到，需要自己课后在多多拓展练习，熟悉功能。 DOM节点也很重要，是Javascript操作网页的接口，全称叫文档对象模型

2017-11-10 15:21:28 97

原创 2017.11.10第八课

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

2017-11-10 14:52:56 127

原创 11.09学习心得

今天上课内容继续讲JavaScript，今天的内容有点多，需要掌握的语句复杂多变，还要了解很多种数据类型。其中有循环语句、条件语句等。条件语句的if~else语句以及循环语句的while、for比较简单，好理解一些。后面到函数和数组就比较复杂了，函数中的知识很多，包括了函数的声明、表达式、属性、方法、作用域等等，这部分今天讲的比较大概，还需要自己课后再拓展练习，熟悉各个方面的具体含义。数

2017-11-09 15:10:09 113

原创 2017.11.09第七课

一、属性和变量1.属性的操作有两种方式读取对象的属性，一种使用点运算符，还有一种是使用方括号运算符。var obj = { name : “Tom”, age : 27, sex : true, 3:”333” }; console.log(obj.name); // Tom console.log(obj[“name”]); // Tom console.l

2017-11-09 13:48:11 212

原创 11.08学习心得

今天是学习前端的第六节课了，前几节课中CSS我们已经大概的了解了，今天开始学习JavaScript的基础应用。要学习好JavaScript，首先就要搞清楚其中的对象、属性、变量等等关系。一切事物都可成为对象，对象具有状态，一个对象用数据值来描述它的状态。对象还有操作，用于改变对象的状态，对象及其操作就是对象的行为。变量是对“值”的引用。在其他的场合中，我们有的时候把引用也成为地址或指针。

2017-11-08 14:22:50 113

原创 2017.11.8第六课

JavaScript基础**用法：**HTML 中的脚本必须位于标签之间。脚本可被放置在 HTML 页面的和部分中。一、一切皆对象1.什么是对象世间任何一个我们需要进行研究的事物都是一个对象。对象具有状态，一个对象用数据值来描述它的状态。对象还有操作，用于改变对象的状态，对象及其操作就是对象的行为。2.怎样构造对象 body> script type=

2017-11-08 13:41:15 189

原创 11.7学习心得

今天开始学习了控制元素水平垂直居中的几种方法，其中包括了position、margin、float、padding等等方法。然而需要注意的是这些居中居中和对齐的方法有很多方法和前提条件，这还需要我们在实际运用中慢慢熟练掌握。接下来我们又接触了CSS边框样式，border-radius :用于指定圆角边框的圆角半径。；box-shadow属性用于增加盒模型元素的边框阴影。一共有5个参数。这些在

2017-11-07 16:54:55 133

原创 2017.11.07第五课

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

2017-11-07 16:26:50 139

原创 11.06学习心得

从11月1日的正式开课学习到今天，已经过去了一周了。一切都才刚刚开始，但是学习时间不多，每一天都要好好把握。第一周，我们学习了web的原理及HTML的介绍。之后就开始接触前段制作的主体：标签、语言、布局。。学习html最主要的就是学好CSS+DIV布局。 CSS，主要是用来描述网页的。在CSS学习的过程中，格式、样式多变，语言代码多种多样，需要我们通过不断练习，才能熟练掌握。从

2017-11-06 17:28:35 186

原创 2017.11.6第四课

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

2017-11-06 16:34:18 195

原创 2017.11.3第三课

#一、 CSS简介CSS 指层叠样式表(Cascading Style Sheets)，定义如何显示HTML元素。 CSS在家装设计领域有光明的前景，我们试试将将CODING COFFEE咖啡馆装修一下。 ###1.CSS样式规则和CSS加载的方式**（1） CSS样式规则和CSS加载的方式**1.CSS样式规则CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明:

2017-11-03 16:31:42 261

原创 2017.11.2第二课

一、路径概念“./”:代表目前所在目录 ” ../”:代表上一层目录以“/”开头：代表根目录二、表格标签（1）三个部分 thead—–表格的页眉 tbody—–表格主体 tfoot——表格页脚（2）colgroup的使用 colgroup用于对表格中的列进行组合,以便

2017-11-02 15:57:32 171

原创 2017.11.1第一课

一、计算机学科的分类计算机硬件计算机网络计算机软件1、计算机硬件（1）计算机的组成CPU 显卡内存主板硬盘电源鼠标键盘计算机组成控制器、运算器、存储器、输入输出设备存储器：硬盘、内存、U盘、光盘、软盘。内存：一般是指运行中程序进行进行数据存储的介质。CPU：控制器和运算器。输入设备：键盘、鼠标、写字板、话筒。输出设备：打印机、显示器。2、计算

2017-11-01 16:27:55 169

gbb930920的博客

原创网页临摹12.08

原创网页临摹12.04

原创 11.30第二十一课

原创 11.27学习心得

原创 2017.11.27第十八课

原创 11.23第十六课

原创 11.22学习心得

原创 11.22第十五课

原创 11.21学习心得

原创 2017.11.21第十四课

原创 11.20学习心得

原创 11.20第十三课

原创 11.16学习心得

原创 11.16第十二课

原创 11.15学习心得

原创 11.15第十一课

原创 11.14学习心得

原创 2017.11.14第十课

原创 11.14学习心得

原创 2017.11.13第九课

原创 11.10学习心得

原创 2017.11.10第八课

原创 11.09学习心得

原创 2017.11.09第七课

原创 11.08学习心得

原创 2017.11.8第六课

原创 11.7学习心得

原创 2017.11.07第五课

原创 11.06学习心得

原创 2017.11.6第四课

原创 2017.11.3第三课

原创 2017.11.2第二课

原创 2017.11.1第一课

空空如也

空空如也