不要叫我小俊俊-CSDN博客

原创路径、分页、标签和徽章组件

路径组件路径组件也叫做面包屑导航。面包屑导航<ol class="breadcrumb"> <li><a href="#">首页 </a></li> <li><a href="#">产品列表</a></li> <li class="active">韩版 2015 年羊绒毛衣</li> </ol>分页组件分页组件可以提供带有展示页面的功能。默认分

2017-12-11 08:55:14 190

原创输入框和导航组件

输入框组件文本输入框就是可以在元素前后加上文字或按钮，可以实现对表单控件的扩展。在左侧添加文字<div class="input-group"> <span class="input-group-addon">@</span> <input type="text" class="form-control"></div>在右侧添加文字<div class="input-grou

2017-12-11 08:52:40 255

原创小图标组件

小图标组件Bootstrap 提供了免费的 263 个小图标（数了n次）。部分图标可以使用或标签来配合使用，具体如下：使用小图标也可以结合按钮下拉菜单组件下拉菜单，就是点击一个元素或按钮，触发隐藏的列表显示出来。基本格式下拉菜单下拉标题首页

2017-12-11 08:50:32 512

原创辅助类

辅助类 Bootstrap 在布局方面提供了一些细小的辅组样式，用于文字颜色以及背景色的设置、显示关闭图标等等。情景背景色样式描述 text-muted 柔和灰 text-primary 主要蓝 text-success 成功绿 text-info 信息蓝 text-warning 警告黄 text-danger 危险红各种色调的背景BOOTSTRA

2017-12-11 08:49:14 211

原创文章标题

表单–Bootstrap 提供了一些丰富的表单样式供开发者使用。基本格式实现基本的表单样式电子邮件密码单独的表单控件会被自动赋予一些全

2017-12-11 08:48:30 136

原创文章标题

排版样式页面主体 Bootstrap 将全局 font-size 设置为 14px，line-height 行高设置为 1.428(即20px)；段落元素被设置等于 1/2 行高(即 10px)；颜色被设置为#333。创建包含段落突出的文本Bootstrap框架Bootstrap框架标题 Bootstrap框架 Bootstrap框架 Boot

2017-12-11 08:48:06 170

原创文章标题

栅格系统—-Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。移动设备优先在 HTML5 的项目中，我们做了移动端的项目。它有一份非常重要的 meta，用于设置屏幕和设备等宽以及是否运行用户缩放，及缩放比例的问题。//分别为：屏幕宽度和设备一致、初始缩放比例、最大缩放比例和禁止用户缩放布局容器Bootst

2017-12-11 08:47:12 167

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

2017-12-11 08:46:36 164

原创文章标题

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

2017-12-11 08:45:38 127

原创 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 08:41:23 167

原创 jQuery动画

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

2017-11-23 17:07:11 182

原创遍历节点

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

2017-11-22 17:28:11 580

原创 jquery查找节点和创建节点的方式

查找节点和创建节点 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 16:11:35 1090

原创 jQuery基础

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

2017-11-20 14:28:18 193

原创错误处理机制

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

2017-11-16 13:55:12 283

原创 like功能以及check功能

Coding Coffee产品页的like功能<!DOCTYPE html><html><head><meta charset="UTF-8"><title>CODING COFFEE</title><style type="text/css"> /*background-image:url('IMG_0396.JPG');*/ h1{ background-

2017-11-15 15:15:25 537

原创标准库

面向对象编程中的 this1.this在对象中的运用 this 关键字是个非常重要的语法点，在 javascript 编程中如果对 this 不能理解，大部分的编程任务是无法完成的。 this 返回的是一个对象，简单的说就是返回属性或者方法当前所在的对象。 this.property，在这个代码中，this就是指property属性所在的对象var person = { name : "

2017-11-15 13:49:26 170

原创 Text 节点与标准库

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

2017-11-14 14:49:09 315

原创节点对象方法

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

2017-11-13 16:24:36 460

原创 javascript运算心得

今天学习了JavaScript里的各种运算符，如加法，算数，赋值，比较和布尔运算符，其中布尔运算符里还有取反“！”，且“&&”，或“||”，三元运算符，还学习了DOM和DOM节点里面的相关知识还有很多的特征相关属性，让我觉得运算是也是可以通过编程来解决的。今天还进行了周测，使我充分感觉到了我学习上的不足

2017-11-10 15:17:06 176

原创欢迎使用CSDN-markdown编辑器

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

2017-11-10 15:09:05 106

原创 JavaScript的循环以及数据类型

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

2017-11-09 15:25:25 377

原创 Javascript的学习心得

今天学习了while、for、do...while的循环语句以及各种数据类型如typeof运算符，数值类型，字串符，布尔类型，函数和数组等知识，今天的学习让我对数值的运用有了更好的认知，在以后的学习过程中一定要保持对数据的严谨，否则很容易出错。

2017-11-09 13:52:31 1204

原创 JAVASCRIPT基础语句和变量

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

2017-11-08 14:50:11 114

原创 javascript学习心得1

今天我学习了JavaScript的基础应用，如何使用script来编写数据以及对数据的更改，就像游戏一样，通过对游戏人物的修改得到不同的变量，在生活中几乎每一个事物都是一个对象，我们可以赋予它不同的属性，并且设置其满足不同的条件得到各种不同的结果，如果一个属性需要一直运行来达到我们所需要的条件，还可以使用while循环，当然，在使用过程中一定不能忘了设置条件中所用变量的值，否则其就会一直循环下去。

2017-11-08 13:53:11 211

原创对图片的样式修改以及插入js弹窗

<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>欢迎光临Coding Coffee</title> <style type="text/css"> .a{ text-align:center} .sideber{ background-color:#

2017-11-07 15:53:30 459

原创 CSS定位的使用

1.4 CSS position属性CSS 有三种基本的定位机制：普通流、浮动和绝对定位。 position属性设置元素定位类型，可以通过top,bottom,right,left属性，控制元素的定位位置。 position属性值有static，relative，absolute，fixed四个值。1.static静态定位HTML元素的默认值，即没有定位，元素出现在正常的流中。静态定位的元素

2017-11-07 08:39:55 355

原创 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:09:46 727

原创 11月2日随堂笔记-表格

1.表格简介HTML中的表格可以大致分为三个部分： thead ———表格的页眉 tbody ———表格的主体 tfoot ———定义表格的页脚thead, tbody, tfoot 相当于三间房子，每间房子都可以用来放东西。这个标签就是放在三间房子里面的东西，每一个就是表格一行。表格的每一行被分为一个个单元格。我们简单尝试写一个表格：Header 1 Header

2017-11-02 16:12:07 142

原创表格的制作

表格代码<!doctype html><html> <head> <meta charset="UTF-8"> <title>课程表</title> <style> div{ text-align:center; } </style> </head> <body> <div> <table border="1" bordercolor="

2017-11-02 16:11:03 163

原创计算机软件概论一

计算机软件概论一科学分类软件分类学习重点B/S结构应用原理计算机科学的分类计算机硬件、计算机网络、计算机软件计算机硬件认识计算机的组成控制器、运算器、存储器、输入输出设备存储器：内存是在运行时存储数据的，输入输出效率是非常高的。硬盘是持久化存储，断电后依旧存在。U盘、光盘、软盘。CPU：控制器和运算器。输入输出设备：键盘、鼠标、写字板、话筒。输出设备：显示器、打印机。计算机网络信息高速公

2017-11-01 16:39:25 200

q812258983的博客

原创路径、分页、标签和徽章组件

原创输入框和导航组件

原创小图标组件

原创辅助类

原创文章标题

原创文章标题

原创文章标题

原创文章标题

原创文章标题

原创 jQuery

原创 jQuery动画

原创遍历节点

原创 jquery查找节点和创建节点的方式

原创 jQuery基础

原创错误处理机制

原创 like功能以及check功能

原创标准库

原创 Text 节点与标准库

原创节点对象方法

原创 javascript运算心得

原创欢迎使用CSDN-markdown编辑器

原创 JavaScript的循环以及数据类型

原创 Javascript的学习心得

原创 JAVASCRIPT基础语句和变量

原创 javascript学习心得1

原创对图片的样式修改以及插入js弹窗

原创 CSS定位的使用

原创 CSS的各种应用

原创 11月2日随堂笔记-表格

原创表格的制作

原创计算机软件概论一

空空如也

空空如也