- 博客(41)
- 收藏
- 关注
RSS订阅原创 2017.12.4笔记
小图标组件Bootstrap 提供了免费的 263 个小图标（数了n次）。部分图标可以使用或标签来配合使用，具体如下：使用小图标也可以结合按钮 下拉菜单组件下拉菜单，就是点击一个元素或按钮，触发隐藏的列表显示出来。基本格式 下拉菜单 下拉标题 首页 资讯 产品 关于 按钮和菜单需
2017-12-05 09:20:28
140
原创 2017.11.30笔记
起步 Bootstrap 概述 2010 年 6 月，Twitter 内部的工程师为了解决前端开发任务中的协作统一问题。经历各种方案后，Bootstrap 最终被确定下来，并于 2011 年 8 月发布。经过很长时间的迭代升级，由最初的 CSS 驱动项目发展成为内置很多 JavaScript 插件和图标的多功能 Web 前端的开源框架。 Bootstrap 最为重要的部分就是它的响应式布局，通
2017-12-05 09:15:24
169
原创 2017.11.28笔记
Ajax简介 在过去，我们在网页中刷新页面内容，需要重新从服务器获取新的页面。Ajax的出现，揭开了无刷新更新页面的新时代。Ajax优势 优秀的用户体验：Ajax最大的有点是能在不刷新整个页面的前提下更新数据，这使得Web应用能迅速的回应用户的操作。 提高Web程序的性能：在传统模式中，数据提交是通过表单来实现的，而数据的获取则需要全页面刷新来获取整页内容。Ajax可以不刷
2017-12-05 09:15:04
138
原创 2017.11.27笔记
validation 插件 Validation 是一个优秀的表单验证插件。1.快速上手 首先引入Validation库。script src="./js/jquery.validate.js" type="text/javascript">script>p> label for="cusername">姓名label> em>*em>inp
2017-12-05 09:14:48
138
原创 2017.11.23笔记
jQuery动画1. show() 方法和 hide() 方法调用hide()方法会将元素的display样式改为' none '。show()方法将元素的display样式设置为先前的显示状态。show()方法和hide()方法的参数可以指定毫秒值，缓慢的隐藏和展示。 $('p').toggle(function(){ $(this).hide(2000); },
2017-11-23 16:59:11
115
原创 2017.11.22心得
今天我们学习了遍历节点、CSS操作、JQuery事件绑定、冒泡处理和动画，后来老师带我们进行一个小项目，实现备忘录的增删改功能以及提醒功能。由于我们对代码还不是很熟悉，老师从最开始的创建web项目、css和js文件一步一步开始讲。今天我才意识到正真去写一个规范的代码需要注意很多东西。
2017-11-22 17:08:57
130
原创 2017.11.22笔记
遍历节点1.children方法用于去的匹配的子元素集合。children()方法只考虑子元素而不考虑后代元素。 $lis = $('ul').children(); lg($lis); var len = $lis.length; for(var i=0;i<len;i++){ lg($lis[i].innerHTML); }2.
2017-11-22 17:08:32
152
原创 2017.11.21笔记
查找节点和创建节点1、查找节点1.查找元素节点查找元素节点非常简单，用 jQuery 择器即可完成。 var $li = $('ul li:eq(1)'); var li_txt = $li.text(); alert(li_txt);2.查找属性节点利用选择器查找到需要的元素之后，就可以使用attr()方法来获取它的各种属性值。 var $para = $(
2017-11-21 15:32:11
129
原创 2017.11.20心得
今天我们学习了JQuery的基础概念，它有较多的优势：轻量级、强大的选择器、出色的DOM操作的封装、可靠的事件处理机制、完善的Ajax、不污染顶级变量。JQuery只建立一个名为JQuery的对象，其所有的函数方法都在这个对象之下。通过课后的尝试基本了解了语法的用处，就是要注意单词的拼写和语法的正确格式。
2017-11-21 15:09:26
116
原创 2017.11.20笔记
认识jQueryjQuery 的理念是：write less,do more。jQuery 极大的简化了 javascript 开发人员遍历HTML文档、操作 DOM 、处理事件、执行动画和开发 Ajax 的操作。1.jQuery优势轻量级。压缩后可以保持在30kb左右。强大的选择器。可以使用CSS1-CSS3几乎所有选择器。出色的DOM操作的封装。可靠的事件处理机
2017-11-20 15:10:00
129
原创 2017.11.16心得
今天我们学习了Error 对象、try...catch语句、Javascript的原生错误类型、Window对象、JavaScript 计时，在课上研究了如何让时间分秒跳动和倒计时。 就像老师说的那样我们现在缺乏的就是不断的去模拟项目不断的去练习，来巩固这些代码和代码的组成。
2017-11-16 17:24:32
102
原创 2017.11.16笔记
Error 对象和try..catch语句1.Error 对象Javascript解析或者执行时，一旦发生错误，JavaScript引擎就会抛出一个错误对象。JavaScript原生的提供一个Error构造函数，所有抛出的错误都是这个构造函数的实例。根据语言标准，Error对象示例必须具有message属性，表示错误出现时的提示信息。对于大部分的Javascript引擎，对Error对
2017-11-16 16:05:26
105
原创 2017.11.15心得
今天我们学习了this在对象中的运用、this在网页编程中的运用、this在函数中的运用、localStorage借口的方法。今天还做了全选、全部选和Coding Coffee产品页的like功能，感觉挺有意思的。今天的学习内容不是太复杂，遗留了少许空余时间可以再去消化一下之前两天学习的内容，看见周测的复习点还有一下不会的地方，需要去再研究一下。
2017-11-15 16:19:50
141
原创 2017.11.15笔记
面向对象编程中的 this1.this在对象中的运用this 关键字是个非常重要的语法点，在 javascript 编程中如果对 this 不能理解，大部分的编程任务是无法完成的。this 返回的是一个对象，简单的说就是返回属性或者方法当前所在的对象。this.property，在这个代码中，this就是指property属性所在的对象var person = { nam
2017-11-15 16:06:39
108
原创 2017.11.15作业
Coding Coffee产品页的like功能 CODING COFFEE h1{ color: blue; font-size: 60px; } hr{ width: 60%; border: 2px dashed #eee; } div{ text-align: center; } .con
2017-11-15 15:57:13
131
原创 2017.11.14作业
Document姓名：联系方式：年龄： 姓名 联系方式 年龄 操作 测试 sn@dwd 18 function addUser(){ var name = document.getElementById('n
2017-11-14 16:44:55
119
原创 2017.11.14心得
今天我们学习了Text节点和CSS操作、事件模型、Munber对象、String对象、Array对象。学完今天的知识顿时感觉到很疲惫，学的东西越来越多也越复杂越难了，感觉快跟不上节奏了，课后的时间还是得多拿来复习复习当天所学到的知识，及时消化学到的内容。
2017-11-14 16:24:18
101
原创 2017.11.14笔记
Text 节点可以通过nodeValue属性或者data属性访问节点中包含的文本，这两个属性中包含的值相同。对nodeValue 的修改也会通过data反应出来，反之亦然。 hello //获得文本节点 var text = document.getElementById('dd').firstChild; //获得nodeValue console.log(text
2017-11-14 16:03:06
130
原创 2017.11.13心得
今天学习的内容比较复杂，我们学习了节点对象的方法、Element对象、Attribute对象。在今天做作业的过程中发现了很多细节问题，但是我用我自己了解的方式去做了处理，能做到了删除，但是对修改的定义不是很能确定也没能做出来。但是在我做完以后发现一些细节地方出现了变化，比如标题不能居中，试了几种办法，也没能找到合适的处理方法。对于今天学习的内容我还需要慢慢钻研，把细微的地方做好处理，来完善自己的作
2017-11-13 23:30:52
113
原创 2017.11.13笔记
节点对象的方法Node.appendChild()接收一个对象节点作为参数，将其作为最后一个节点，插入当前节点。var addCountry = function() { var cinput = document.getElementById("country"); var cvalue = cinput.value; var cli = "" + cvalue +
2017-11-13 22:56:50
119
原创 2017.11.13作业
CODING COFFEE h1{ color: blue; font-size: 60px; } hr{ width: 60%; border: 2px dashed #eee; } div{ text-align: center; } .content-wrapper{ width:750px;
2017-11-13 22:48:30
154
原创 2017.11.10作业
CODING COFFEE h1{ color: blue; font-size: 60px; } hr{ width: 60%; border: 2px dashed #eee; } div{ text-align: center; } .content-wrapper{ width:750px;
2017-11-10 17:30:07
117
原创 2017.11.10心得
今天我们学习了运算符和DOM模型。今天学习的东西也都算基础的内容，一些简单的算数、赋值、运算。但是今天学习的内容，听的不是太懂，脑子里有一点乱乱的，需要多花一点时间去摸索学习。下午我们进行了周测，看到题目的时候感觉自己一头雾水，对写出来的答案不是很肯定，感觉自己对基础知识这一块还不是记的很熟，所以这个周末我应该好好整理一下笔记，再巩固一下之前学到的知识。
2017-11-10 16:46:06
97
原创 2017.11.10笔记
运算符一、加法运算符加法运算符“+”是最常用的运算符之一，但是使用却相对复杂。因为在Javascript中，加法运算符可以完成两种含义的操作，一种是算术的加法，一种是做字符串拼接。console.log(1 + 1); // 2console.log(true + true); // 2console.log(1 + true); // 2console.log('1' + 1)
2017-11-10 16:37:05
112
原创 2017.11.9心得
今天我们学习了typeof、number、字符串、函数、数组。内容比较复杂消化起来比较困难，对于函数的运用需要严谨，要不然很容易导致程序出错。对于今天学到的东西我还得多看看多尝试，好好消化一下，避免以后写代码的时候产生不必要的错误。
2017-11-09 16:23:15
114
原创 2017.11.9笔记
typeof运算符用于确定当前变量的值是什么数据类型在Javascript中有3种方法确定一个值的数据类型typeof运算符instanceof运算符object.prototype.toString方法 console.log(typeof 123); // number console.log(typeof '123'); // string co
2017-11-09 15:56:43
2224
原创 2017.11.8心得
今天我们真正开始学习编程JavaScript,刚开始学习还不是很能理解，对于一些代码跟代码的使用不是很能理解，经过课后的反复看录屏跟笔记才稍稍有一些理解。在今天的学习中，我知道了在写代码的时候命名单词的拼写准确性很重要，对单词的理解也很重要，老师也跟我们讲了一些他一开始工作的一些经验，以后我也会去找一些资源，去尝试着理解别人的代码意义，来提高我在这一块的能力。
2017-11-08 21:11:42
110
原创 2017.11.8笔记
语句和变量1.语句语句是完成某种特定任务的代码，在Javascript中每条语句要以”;”结束。语句在定义的时候可以出现在一行中，也可以一行出现多条语句，都是允许的。表达式可以单独出现在JS代码中，但是没有任何意思。2.变量变量是对“值”的引用。在其他的场合中，我们有的时候把引用也成为地址或指针。在JS中，定义变量使用“var”关键字。var可以不出现变量的定义
2017-11-08 20:55:14
102
原创 2017.11.7心得
通过今天的学习，我学习到了元素的居中和对齐，圆角边框，边框的阴影，渐变动画，Animation动画。在今天学到的知识中，对页面上的一些细小元素有了一定的了解，觉得今天学到的东西做出来以后挺有趣的，也可以自己对照着笔记去做一些简单的元素动画。在写代码的过程中，主要还是觉得需要对单词有一定的理解，要不然有些地方知道要放什么代码但是单词不会拼再去翻笔记很麻烦。最后总结一点，个人对代码还是得多练习，多理解
2017-11-07 16:13:10
126
原创 2017.11.7笔记
居中和对齐1.margin设置区块元素水平居中margin:0 auto;设置左右外边距的大小，控制元素的水平居中。 .center{ margin: 20px auto; width: 600px; border: 3px solid green;
2017-11-07 15:41:43
111
原创 2017.11.7作业
欢迎光临Coding Coffee .navigator ul{ list-style-type:none; margin:0; padding:0; background-color:#333; } .navigator li a{ text-decoration:none; display:block; padding:15px 18p
2017-11-07 15:36:48
216
原创 2017.11.6心得
通过今天的学习，我知道了空间由Margin、Border、Padding、Content这四个部分组成。用 border 属性给元素四周指定统一的边框。边框样式有：solid、dotted、dashed、double、inset、outset、ridge、groove。也可以通过设置样式为none或hidden来明确地移除边框。如果一次只指定某一个方向的边框，就用属性：border-top，bor
2017-11-06 23:30:35
150
原创 2017.11.6笔记
DIV+CSS布局一、盒子模型内外边距和边框介绍当你的浏览器展现一个元素时，这个元素会占据一定的空间。这个空间由四部分组成：MarginBorderPaddingContent1.边框用 border 属性给元素四周指定统一的边框。在属性值中指定边框的宽度（通常是以显示到屏幕上的像素为单位），样式,还有颜色。样式包括：solid、dotted、dashe
2017-11-06 23:22:10
97
原创 2017.11.6作业
百度一下，你就知道 .menu{ float:right; font-size:13px; padding:5px 15px 0px 0px; } .menu a { display: inline-block; padding: 8px 8px; font-weight:bold; } .bri{ background-color:#38f;
2017-11-06 23:01:39
155
原创 2017.11.3作业
浮动自学作业 CODING COFFEE h1{ color: blue; font-size: 60px; } hr{ width: 60%; border: 2px dashed #eee; } div{ text-align: center; } .content-wrapper{
2017-11-05 13:22:22
118
原创 2017.11.3笔记
CSS的基础使用一、CSS简介CSS 指层叠样式表(Cascading Style Sheets)，定义如何显示HTML元素。二、CSS样式规则和CSS加载的方式CSS样式规则：选择器通常是您需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。属性：property 希望设置的样式属性：style attributeCSS加载的方式：1.引入外部
2017-11-05 13:08:37
138
原创 2017.11.2笔记
一、路径的概念在网络中，以http开头的链接都是绝对路径，绝对路径就是你的主页上的文件或目录在硬盘上真正的路径，绝对路径一般在CGI程序的路径配置中经常用到，而在制作网页中实际很少用到。1.相对路径使用的特殊符号“./”:代表目前所在的目录。“../”:代表上一层目录。以“/”开头：代表根目录。2.优缺点及使用绝对路径的优点：如果网页位置改变，里面的链接
2017-11-02 22:12:19
124
原创 2017.11.2作业
课后作业课程表 课程表 div{ text-align:center; } 课程表 项目 上课 休息 星期 星期一 星期二 星期三 星期四 星期五 星期六 星期日 上午 语文 数学 英语 英语 物理
2017-11-02 21:12:07
191
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人