- 博客(60)
- 收藏
- 关注
RSS订阅原创 BFC
BFC布局规则（特性） （1）在BFC下，内部的Box会在垂直方向一个接一个的放置<div class="main"> <div class="box1"></div> <div class="box2"></div></div>.main {
2018-03-08 23:21:10
287
原创 express 数据库操作
在项目目录下创建db文件夹，db文件夹下创建DBConfig.js文件和Usersql.js文件，这两个文件的内容如下：DBConfig.js/* mysql配置信息 */module.exports = { mysql: { host: '127.0.0.1', // 主机名 user: 'root', // 用户名 passwor
2017-11-27 20:40:34
3718
原创 HTTP请求报文和响应报文
一. HTTP请求报文一个HTTP请求报文由请求行、请求头、空行、请求数据四个部分组成1.请求行 请求行由请求方法字段、URL字段、HTTP协议版本三个字段组成请求方法有GET、POST、HEAD、PUT、DELETE、OPTIONS、TRACE、CONNECT，其中，最常用的是GET、POST方法URL字段是请求的URLHTTP协议版本有 HTTP 1.0 和 HTTP 1.1 两个版本，当下的
2017-11-22 23:36:34
1036
原创 立即执行函数
一 . 立即执行函数立即执行函数，顾名思义，就是能立即执行的函数一般的，函数的执行都遵循着先声明，后调用的原则，无论是函数表达式还是函数声明，例如：（1）函数声明// 声明function sayHello() { console.log("hello");}// 调用sayHello(); // hello（2）函数表达式// 声明var sayH
2017-11-22 22:45:04
1589
原创 mysql常用命令
进入mysqlmysql -u root -p显示数据库show databases;创建数据库select 查询范围 from 表名 (where 关键词);未完待续……
2017-11-22 17:55:39
297
原创 图解原型
一 . 原型的基本概念1.如何产生？每个函数都有一个prototype属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含可以由特定类型的实例的所有实例共享的属性和方法2.原型的作用可以让所有对象实例共享它多包含的属性和方法二 . 原型的用法1.创建对象1）原型模式通过设置函数的prototype属性来为其原型添加属性和方法function Person() {}Person.proto
2017-11-13 16:46:24
415
原创 jQuery学习笔记(1)—选择器
一 . jQuery选择器利用jQuery选择器可以非常便捷和快速地找出特定的DOM元素，然后为它们添加相应的行为，而无需担心浏览器是否支持这一选择器二 . 优点1.简洁的写法 2.支持CSS1到CSS3选择器 3.完善的处理机制三 . 选择器分类1.基本选择器基本选择器是jQuery中最常用的选择器，也是最简单的选择器，它通过元素id、class和标签名等来查找DOM元素2.层次选择器如果想通
2017-11-10 20:53:04
206
原创 typeof与instanceof操作符
typeof与instanceof都是用来检测变量类型的，不同的是，typeof用来检测基本数据类型，instanceof用来检测引用类型一 . typeof操作符typeof操作符是确定一个变量是字符串、数值、布尔值、还是undefined的最佳工具对一个值使用typeof操作符可能返回下列某个字符串1.”undefined”—— 如果这个值未定义var message;console.log(t
2017-11-07 21:42:39
267
原创 history对象
一 . history对象history对象保存着用户上网的历史记录（从窗口被打开的那一刻算起）因为history对象是window对象的属性，因此每个浏览器窗口、每个标签页乃至每个框架，都有自己的history对象与特定的window对象关联二 . 属性length：保存着历史记录的数量，这个数量包括所有历史记录，即所有向后和向前的记录if (history.length == 0) {
2017-11-07 21:40:59
327
原创 navigator对象
一 . navigator对象navigator对象最早是由Netscape Navigator2.0引入的，现已成为识别用户客户端浏览器的事实标准虽然其他浏览器也通过其他方式提供了相同或相似的信息（例如，IE中的window.clientInformation和Opera中的window.opera），但navigator对象是所有支持JavaScript的浏览器所共有的二 . 属性appCode
2017-11-07 21:19:24
403
原创 浏览器内核
浏览器内核主要分为两部分：渲染引擎和JS引擎渲染引擎 负责取得网页的内容（HTML、XML、图像等等），整理讯息（例如加入CSS等）以及计算页面的显示方式，然后会输出至显示器或打印机。浏览器内核的不同对于页面的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器，电子邮件客户端以及其它需要编辑，显示网络内容的应用程序都需要内核JS引擎 负责解析和执行JavaScript来实现页面的动态效果最
2017-11-02 21:09:55
382
原创 Location对象
location是最有用的BOM对象之一，它提供了与当前窗口中加载的文档有关的信息，还提供了一些导航的功能location对象是很特别的一个对象，它既是window对象的属性，也是document对象的属性，换句话说，window.location和document.location引用的是同一个对象属性hash：返回URI中的hash（#号跟零或多个字符） host：返回服务器名称
2017-11-02 20:53:33
315
原创 Ajax封装
Ajax封装如下：var AjaxUtil = { get: function (url, callback) { var xhr = createXHR(); xhr.onreadystatechange = function () { if ((xhr.status >= 200 && xhr.status 300) ||
2017-10-30 18:56:21
818
原创 引入CSS的四种方式
行内式行内式通过直接设置元素的style属性来引入css<div style="width: 100px; height: 100px;">行内式</div>优点：元素的样式简单明了 缺点：代码不易维护内嵌式通过在head标签中加入如下的代码来引入CSS<head> <style type="text/css"> /*样式*/ </style></head>缺点：
2017-10-25 21:06:17
793
原创 localStorage
1.localStorage的特点相对于其他存储方式，localStorage有以下几个特点 （1）存储在客户端中 （2）存储容量大：能存储5M甚至更多的数据 （3）能一直存在于浏览器中，除非用户自己手动删除2.localStorage的获取var storage = window.localStorage;/*第一种方法*/storage.name;/*第二种方法*/storage["
2017-10-23 20:35:39
459
原创 关于this的指向
每个函数被调用时都会自动取得两个特殊变量：this和arguments。内部函数在搜索这两个变量时，只会搜索到其活动对象为止，因此永远不可能直接访问外部函数中的这两个变量举个例子：var age = '18';function getAge() { var age = '20'; alert(this.age); }getAge(); // 18在浏览器中获得的信息如下：在全局
2017-10-18 13:44:23
398
原创 css如何不显示元素？
可以通过以下两种方法不显示元素（1）display: none;<!DOCTYPE html><html><head> <meta charset="utf-8" /> <style type="text/css"> .box { width: 160px; height: 100px; background: #cad5e
2017-10-12 22:56:42
9226
原创 去除inline-block元素间间距的几种方法
inline元素间间距举个栗子：<!DOCTYPE html><html><head> <meta charset="utf-8" /> <style type="text/css"> .box a{ padding: .5em 1em; background-color: #cad5eb; }
2017-10-12 22:47:02
317
原创 DOM中常用的属性
DOM中常用的属性1.innerHTML<!DOCTYPE html><html><head> <meta charset="utf-8" /></head><body> <a id="link" href="http://www.baidu.com">百度</a> <script type="text/javascript"> var node = d
2017-10-12 22:16:57
1864
原创 DOM中常用的方法
DOM中常用的方法（1）创建元素节点 createElement()<!DOCTYPE html><html><head> <meta charset="utf-8" /></head><body> <div id="box"></div> <script type="text/javascript"> var parent = document.get
2017-10-12 20:46:49
438
原创 盒子模型
盒子模型共有两个标准：标准盒子模型和IE盒子模型（IE总是和别人不一样）w3c标准盒子模型当我们设置盒子的宽度/高度时，只是设置了内容的宽度/高度，但实际的宽度却要比它宽/高下面给出一个通用的公式：实际的宽度=border-left+padding-left+width+padding-right+border-right 实际的高度：border-left+padding-left+height
2017-09-27 08:34:38
247
原创 Array类型
Array类型是除了Object类型之外最常用的类型1.创建数组（1）使用Array构造函数var arr = new Array(); // 空数组var arr = new Array(5); // 数组的长度为5var arr = new Array(2, 1, 3, 5, 4); 也可以省略ne
2017-09-24 10:16:51
6202
原创 前端笔试题总结
一.选择题JavaScript中的基本数据类型有哪些？ A. Undefined B. Null C. Object D. Number E. String答案：A、B、D、E 解析：JavaScript中的基本数据类型有：Undefined、Null、Number、Boolean、String，复杂类型为：object在 javascript 中，以下返回 false 的选项是（）
2017-09-23 15:03:06
523
原创 常见的HTTP状态码
2XX Success2xx 响应结果表示从客户端发来的请求在服务器端被正常处理了200 OK 请求成功204 No Content206 Partial Content3XX Redirection3XX 响应结果表明浏览器需要执行某些特殊的处理以完成请求301 Movied Permanently3024XX Client Error404
2017-09-23 14:54:43
306
原创 js中常见的排序算法
排序算法的比较注：以下的排序均为升序冒泡排序最坏情况如下：function bubbleSort(arr) { var len = arr.length; var temp; for (var i = 0; i < len; i++) { for (var j = 0; j 1; j++) { if (arr
2017-09-15 19:48:00
189
原创 编程题总结
function count() { var tags = document.getElementsByTagName('*'); //获取所有的元素 var obj = new Array(); var tag = null; var max = 0; for (var i = 0; i < tags.length; i++) { var
2017-09-11 22:43:15
244
原创 回到顶部效果
html代码<a href="javascript:;" class="btn_bottom_top sprite js_btn_top"> <span class="icon_txt">返回顶部</span></a><a href="javascript:;" class="btn_bottom_feedback sprite js_btn_feedback"> <span c
2017-09-05 23:39:43
321
原创 常用的git命令
以下是git中的一些常用的命令（1）创建版本库mkdir 新目录 //创建一个空目录git init //初始化（2）远程克隆到本地git clone git@github.com/查看分支git branch 切换分支git checkout 分支名 创建分支及
2017-08-30 22:27:55
304
原创 HTML5标签
HTML5中废弃的标签articleasideaudiohtml lang="en">head> meta charset="UTF-8"> title>title>head>body> audio src="萧忆情 - 童话镇 [mqms2].mp3" controls="controls">audio>body>html>bdi
2017-08-23 00:30:21
440
原创 CSS选择器
一.选择器的分类每一条css样式声明由两部分组成，形式如下：选择器 { 样式;}选择器指明了样式的作用对象，也就是“样式”作用于网页中的哪些元素，接下来就来探究以下都有哪些选择器1.通用选择器 通用选择器，匹配html所有的标签元素，经常被用来清除默认样式（但不推荐使用，推荐使用reset.css或normalize.css)声明如下：* { c
2017-08-13 21:39:10
285
原创 JavaScript代码规范
规范的代码可以更易于阅读及维护，下面是一些基本的代码规范（1）命名规则 变量名、函数名：推荐使用驼峰式来命名 全局变量：大写 常量：大写例如：//变量var local = 'local';//全局变量var GLOBAL = 'global';//常量var PAI = 3.1415926;//函数function getTime(arguments) {
2017-08-11 17:40:00
250
原创 伪类
伪类:hover //:visited //:active//:first-letter//首字母:first-line //首行:focus//:after//之后插入内容:before//之前插入内容:not(selector)//:checked//:disabled//:enabled//
2017-08-02 16:16:42
194
原创 normalize.css
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css *//* Document ========================================================================== *//** * 1. Correct the line h
2017-08-01 12:15:36
548
原创 reset.css
reset.css 当写样式时，由于不同浏览器之间的差异，导致基础的样式都不相同，有时候需要清除固定的样式/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/html, body, div, span, applet, object, ifr
2017-08-01 00:51:37
281
原创 垂直居中
垂直居中方式 （1）父元素高度确定的内联元素垂直居中 通过给父元素设置line-height来实现，line-height值和父元素高度值相同<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>垂直居中方式</title> <style> div { width
2017-07-25 02:04:51
375
原创 水平居中
水平居中方式 （1）内联元素 在父元素中设置text-align属性为center<!Doctype html><html lang="en"><head> <meta charset="utf-8"> <title>水平居中方式-内联元素</title> <style> div { width: 480px; height:
2017-07-24 16:01:52
1086
原创 block,inline-block,inline之间的区别
display的三种常用属性：block，inline-block,inline block：此元素将显示为块级元素，此元素前后会带有换行符。 inline：默认。此元素会被显示为内联元素，元素前后没有换行符。 inline-block：行内块元素。（CSS2.1 新增的值）block 1.块级元素的特点： （1）元素独占一行，在未设置宽度时，其宽度随父容器的宽度 （2）可设置width
2017-07-19 20:26:08
303
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人