自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(40)
  • 收藏
  • 关注

原创 2017.12.5项目

项目没截图

2017-12-06 18:19:04 127

原创 2017.11.30笔记

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

2017-12-05 08:46:38 137

原创 2017.11.28笔记

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

2017-12-05 08:45:29 125

原创 2017.11.27笔记

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:44:22 113

原创 2017.11.23笔记

CSS操作 可以直接利用css()方法获取和设置元素的样式属性。$('p').css('color');            $('p').css('color','red');12如果值是数字,将会被自动转化为像素值。 在css()方法中,如果属性带有‘-’符号,如font-size,如果设置这些属性的时候不带引号,那么需要使用驼峰命名法。事件绑

2017-11-23 17:38:35 106

原创 2017.11.22心得

今天我们学习了遍历节点、CSS操作、JQuery事件绑定、冒泡处理和动画,后来老师带我们进行一个小项目,实现备忘录的增删改功能以及提醒功能。

2017-11-22 18:11:04 136

原创 2017.11.22笔记

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

2017-11-22 18:04:47 94

原创 2017.11.21笔记

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

2017-11-22 17:48:28 135

原创 2017.11.20笔记

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

2017-11-20 17:53:55 92

原创 2017.11.16心得

今天我们接触了Error 对象、try...catch语句、Javascript的原生错误类型、Window对象、JavaScript 计时,在课上研究了如何让时间分秒跳动和倒计时。

2017-11-17 10:29:54 86

原创 2017.11.16笔记

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

2017-11-17 08:29:49 193

原创 文章标题

Document 请选择您的爱好: 全选/全不选 足球 篮球 游泳 唱歌 var checkboxes = document.getElementsByName('hobby'); function allCheck(){ for(var i=0;i

2017-11-15 17:53:48 101

原创 2017.11.15笔记

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

2017-11-15 17:42:58 147

原创 2017.11.14作业

Welcome to Beijing变成Beijing to Welcome```     New Document           请输入:转化的字符串:function aaa(){var con=document.getElementById('con').value;var app=c

2017-11-15 08:37:29 183

原创 2017.11.14心得

今天初步了解了Text节点和CSS操作,事件模型,Number对象,String对象,Array对象,需要自己在课后多多练习

2017-11-14 18:56:20 89

原创 2017.11.14笔记

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

2017-11-14 18:03:47 118

原创 心得

今天初步接触了javascript里节点对象的方法,text节点与css操作,感觉有点难以下手。

2017-11-13 19:14:41 94

原创 2017.11.13笔记

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

2017-11-13 19:10:20 115

原创 文章标题

CODING COFFEE

2017-11-13 08:28:58 118

原创 2017.11.12心得

初步了解了加法运算符与运算方式,DOM与DOM节点的内容与结构

2017-11-12 17:48:09 120

原创 2017.11.12笔记

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

2017-11-12 17:42:52 110

原创 心得

今天初步接触了typeof、number、字符串、函数、数组。内容比较复杂估计需要比较多的时间理解,重要的是函数的运用必须谨慎,不然会出错。

2017-11-09 17:52:20 117

原创 2017.11.9笔记

switch结构switch我们一般用在多个离散的值进行条件判断时使用,特别是有很多的值的时候。var monthNum = 2;switch (monthNum){case 1:        console.log("一月");        break;    case 2:        console.log("二月");        break

2017-11-09 17:41:12 103

原创 2017.11.8学习心得

今天初步了解一些javascript的基础。比如语句的输出方式与结束方式;如何构造对象、使用对象;标识符、注释与区块的内容;循环语句与条件语句的使用方法结构。

2017-11-08 18:49:02 161

原创 2017.11.8笔记

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

2017-11-08 18:42:05 108

原创 文章标题

今日代码

2017-11-08 18:32:23 143

原创 学习心得

通过今天的学习,我了解了居中与对齐的多种方法与前提条件,了解了如何写出圆角边框的代码与用户头像,使用代码制作简易的动画。初步尝试临摹了侧拉框,稍微了解了一些小元素的使用。

2017-11-07 19:21:12 86

原创 侧边框

欢迎光临Coding Coffee .navigator ul{ list-style-type:none; margin:0; padding: 0; background-color: #333; } .navigator li a{ text-decoration: none; display: block;

2017-11-07 19:04:34 267

原创 文章标题

欢迎光临Coding Coffee

2017-11-07 19:03:42 165

原创 20.17.11.7笔记

居中和对齐1.margin设置区块元素水平居中margin:0 auto;设置左右外边距的大小,控制元素的水平居中。.center{margin: 20px auto;width: 600px;border: 3px solid green;text-align: center;}使用margin进行元素的居中注:wi

2017-11-07 16:55:37 105

原创 百度页面

百度一下,你就知道 .mnav{ float: right; margin: 5px 12px 20px 12px; color:black; font-size:15px; } .bri{ float: right; margin: 5px 12px 20px 12px; color:RGB(25

2017-11-07 08:38:29 597

原创 百度

百度一下,你就知道 .mnav{ float: right; margin: 5px 12px 20px 12px; color:black; font-size:15px; } .bri{ float: right; margin: 5px 12px 20px 12px; color:RGB(25

2017-11-06 20:02:20 348

原创 2017.11.6笔记

盒子模型外边距和内边距的介绍浏览器中的一个元素是由四个部分组成的1.边框用border属性给元素四周指定统一的边框。在属性值里指定边框的宽度(通常是以显示屏的像素为单位)、样式还有颜色。也可以通过设置样式为none或hidden来明确的移出边框。一次只指定一个方向的边框就用属性:border-top,border-right,border-bottem,border

2017-11-06 13:42:12 139

原创 offee

CODING COFFEE h1{ color:blue; font-size:60px; } hr{ width:80%; border:2px dashed ; color:#DCDCDC; } div{ text-align: center; } p{ text-align

2017-11-04 11:43:05 424

原创 2017.11.3笔记

CSS简介如今,HTML大楼已经建起来了,但是现在的大楼内部还是可怜的毛坯,我们需要专业的室内装修公司将我们的HTML大楼装修的漂亮一些。CSS指层叠样式表(Cascading Style Sheets),定义如何显示HTML元素。CSS规则由两个主要的部分构成:选择器,以及一条或多条声明:h1   {color:blue; font-size:12px;}ssss选择

2017-11-03 14:01:28 128

原创 招聘信息 在线订购

招聘信息 欢迎加入 欢迎加入CODING COFFEE 职位 工作地点 职业等级 薪资 咖啡师 纽约 L3 6000$ 咖啡师助理 伦敦 L2 5000$ 大中华区副总裁

2017-11-02 16:39:54 132

原创 课程表

课程表 div{ text-align:center; } td{ text-align:center } 课程表 项目 上课 休息 星期 星期一 星期二 星期三 星期四 星期五

2017-11-02 16:37:57 299

原创 2017.11.02笔记

路径概念路径概念就相当于有人问你青鸟的王老师在哪里?当你们在青鸟大楼里和不在大楼里时,描述的方式是不一样的。当你们在青鸟大楼里,你可能会说,王老师在出门右拐的第一间教室里上课呢!当你们不在青鸟大楼里时,你可能会说,王老师在跃龙南路186号,青鸟大楼2楼,青鸟IT教育的第一教室。l 相对路径-顾名思义,相对路径就是相对于当前文件的路径。网页中一般表示路径使用这个方法。l 绝对路径

2017-11-02 15:32:39 137

原创 coding coffee HTML文档

首页     欢迎光临Coding Coffee   欢迎光临Coding Coffee   敬请关注我们定期的产品列表 CODING COFFEE是一家只对程序员开放的互联网咖啡馆。  请查看我们的分店分店列表    产品列表     CODING COFFEE MENU   

2017-11-01 17:11:08 176

原创 2017 .11.1笔记

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

2017-11-01 16:07:58 124

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除