- 博客(28)
- 收藏
- 关注
RSS订阅转载 JavaScript对象、包装类
对象构建方法1.对象字面量/对象直面量var obj = {};2.构造函数 // 1.系统自带的构造函数Object() var obj = new Object(); // 2.自定义（自定义构造函数名第一个字母建议大写） function Car(color){ this.color = color; this.name = "BM
2017-11-25 17:05:09
867
转载 JavaScript预编译过程理解
JavaScript运行三部曲语法分析 预编译 解释执行语法分析很简单，就是引擎检查你的代码有没有什么低级的语法错误； 解释执行顾名思义便是执行代码了； 预编译简单理解就是在内存中开辟一些空间，存放一些变量与函数 ；JS预编译什么时候发生预编译到底什么时候发生 ？ 误以为预编译仅仅发生在script内代码块执行前 这倒并没有错 预编译确确实实在script代码内执行前发生了
2017-11-21 00:09:34
432
原创 html图片占位符插件holder.js
下载源码下载链接：http://www.bootcdn.cn/holder/ 在HTML中引入holde.js<script src="holder-js-2.9.4\holder.js"></script>使用方法1，如下指定图片宽度<img src="holder.js/200x100">2，不指定宽度，时期撑大到父级的100%<img src="holder.js/100px100"> p
2017-10-15 21:10:46
1982
原创 Bootstrap页头
页头组件能够为 h1 标签增加适当的空间，并且与页面的其他部分形成一定的分隔。它支持 h1 标签内内嵌 small 元素的默认效果，还支持大部分其他组件（需要增加一些额外的样式）。<div class="container"> <h1 class="page-header">Bootstrap学习<small>系统篇</small></h1></div>
2017-10-11 23:38:51
1002
原创 Bootstrap巨幕
这是一个轻量、灵活的组件，它能延伸至整个浏览器视口来展示网站上的关键内容。 jumbotron修饰<div class="jumbotron"> <h1>Hello, world!</h1> <p>...</p> <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p></div>
2017-10-11 23:35:23
814
原创 Bootstrap微章
给链接、导航等元素嵌套 span class=”badge” 元素，可以很醒目的展示新的或未读的信息条目。 <a href="#">Inbox <span class="badge">42</span></a> <button class="btn btn-primary" type="button"> Messages <span class="badge">4</span> </
2017-10-11 23:31:00
340
原创 Bootstrap标签
标签label 修饰 用下面的任何一个类即可改变标签的外观。 <h3>国际新闻专题<span class="label label-default">new</span></h3> <h3>国际新闻专题<span class="label label-info">new</span></h3> <h3>国际新闻专题<span class="label label-succes
2017-10-11 23:22:26
321
原创 Bootstrap分页
默认分页受 Rdio 的启发，我们提供了这个简单的分页组件，用在应用或搜索结果中超级棒。组件中的每个部分都很大，优点是容易点击、易缩放、点击区域大。 <nav> <ul class="pagination"> <li> <a href="" aria-label="Previous"><span>«</span></a> </li>
2017-10-11 23:10:02
634
原创 Bootstrap导航组件
Bootstrap 中的导航组件都依赖同一个 .nav 类，状态类也是共用的。改变修饰类可以改变样式。标签页注意 .nav-tabs 类依赖 .nav 基类<ul class="nav nav-tabs"> <li class="active"><a href="">网站首页</a></li> <li><a href="">学校概况</a></li> <li><a href=
2017-10-07 17:20:02
241
原创 Bootstrap输入框组
通过在文本输入框 前面、后面或是两边加上文字或按钮，可以实现对表单控件的扩展。为 .input-group 赋予 .input-group-addon 或 .input-group-btn 类，可以给 .form-control 的前面或后面添加额外的元素。基本实例在输入框的任意一侧添加额外元素或按钮。你还可以在输入框的两侧同时添加额外元素。 我们不支持在输入框的单独一侧添加多个额外元素（.in
2017-10-07 16:06:07
452
原创 Bootstrap按钮式下拉菜单
把任意一个按钮放入 .btn-group 中，然后加入适当的菜单标签，就可以让按钮作为菜单的触发器了。单按钮下拉菜单 <div class="btn-group"> <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"> 广东
2017-10-07 15:08:45
1117
原创 Bootstrap按钮组
通过按钮组容器把一组按钮放在同一行里。通过与按钮插件联合使用，可以设置为单选框或多选框的样式和行为。基本示例 <div class="btn-group"> <button type="button" class="btn btn-default">百度</button> <button type="button" class="btn btn-default">百度</butto
2017-10-07 11:53:40
231
原创 Bootstrap下拉菜单
基本样式示例将下拉菜单触发器和下拉菜单都包裹在 .dropdown 里 <div class="dropdown"> <button class="btn btn-default " id="dropdownMenu1" data-toggle="dropdown" > 更多城市 <span class="caret "></span>
2017-10-04 23:52:03
240
转载 CSDN-markdown编辑器语法——字体、字号与颜色
Markdown是一种可以使用普通文本编辑器编写的标记语言，通过类似HTML的标记语法，它可以使普通文本内容具有一定的格式。但是它本身是不支持修改字体、字号与颜色等功能的！ CSDN-markdown编辑器是其衍生版本，扩展了Markdown的功能（如表格、脚注、内嵌HTML等等）！对，就是内嵌HTML，接下来要讲的功能就需要使用内嵌HTML的方法来实现。字体、字号与颜色<font face="黑
2017-10-04 23:30:26
174
原创 Bootstrap 中的 aria-label 和 aria-labelledby
正常情况下，form表单的input组件都有对应的label.当input组件获取到焦点时，屏幕阅读器会读出相应的label里的文本。但是如果我们没有给输入框设置label时，当其获得焦点时，屏幕阅读器会读出aria-label属性的值，aria-label不会在视觉上呈现效果。 <form> <div class="form-group col-md-2"> <label>姓
2017-10-04 23:19:00
2528
转载 HTML <table> 标签
table 标签定义 HTML 表格。 简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。 tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。1、简单表格<table border="1"> <tr> <td>姓名</td> <td>语文</td> <td>数学</td> <td>英语
2017-10-03 15:08:37
1006
转载 canvas实现简易时钟效果
代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>canvas</title></head><body> <canvas id="canvas"></canvas><script> var canvas = document.getElementById('canvas');
2017-09-24 13:03:06
385
转载 jquery键盘事件
1、keydown() keydown事件会在键盘按下时触发； 2、keyup() keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件； 3、keypress() keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键 ；示例代码var eventHandle = function(evt) { console.log(evt.which, evt.ty
2017-09-04 23:35:28
243
转载 jQuery鼠标事件
鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。 (1):click事件：click事件于用户在元素敲击鼠标左键，并在相同元素上松开左键时触发。$('p').click(function() { alert('click function is running !');});(2):dbclick事件：dbclick事件在用户完成迅速连续的两次点击之后触发，双击的速度取
2017-09-04 22:51:36
371
原创 jQuery阻止事件冒泡
代码示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="./jquery-3.2.1.min.js"></script> <script src="./script.js"></script></head><body>
2017-09-03 22:36:17
318
转载 confirm() ：带有指定消息和 OK 及取消按钮的对话框
定义和用法 confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。 语法 confirm(message) 参数 描述 message 要在 window 上弹出的对话框中显示的纯文本（而非 HTML 文本） 说明 如果用户点击确定按钮，则 confirm() 返回 true。如果点击取消按钮，则 confirm() 返回 false。 在用户点击确定按钮或
2017-09-03 18:16:04
8916
原创 Win10 Nodejs搭建http-server注意点
下载安装，并用命令行查看版本；如果提示输入命令找不到等，可能是没有安装成功，或者是环境变量引起的；如果在提示安装不成功可能是win10权限问题，最好使用管理员模式运行cmd，再用cmd命令打开安装文件安装；（比直接双击文件安装要麻烦点，之前win7没有权限这些问题，win10麻烦点）使用npm安装http-server，使用的全局安装，首先需要确认下默认安装路径在哪里，下面查看
2017-08-26 18:21:15
4035
3
原创 window.onresize使用实例
<!DOCTYPE html><html><head> <title>请调整浏览器窗口</title> <meta charset="UTF-8"></head><body> <h2 align="center">请调整浏览器窗口大小</h2> <hr> <form action="#" method="get" name="form1" id="fo
2017-08-20 23:52:51
5101
转载 JavaScript调试技巧之console.log()
与alert()函数类似，console.log()也可以接受变量并将其与别的字符串进行拼接：代码如下://Use variablevar name = "Bob";console.log("The name is: " + name);(注意如上console.log中的name是不用双引号的)与alert()函数不同的是，console.log()还可以
2017-08-19 18:13:25
350
转载 background-position 用法详细介绍
语法： background-position : length || length background-position : position || position 取值： length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅 长度单位 position : top | center | bottom | left | center | ri
2017-07-27 22:43:49
203
转载 CSS 解决Float后塌陷问题
当父级元素没有设定高度时候，而子集元素设定float类型时候，此时父级元素不能靠子集元素撑起来，所以就形成了塌陷；示例分析1.Float之前的效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>float示例</title> <style> #father{
2016-10-29 15:15:33
1246
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人