自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 CSS 盒子模型

CSS 盒子模型(Box Model)所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型(Box Model):不同部分的说明:Margin(外边距)- 清除边框外的区域,外边距是透明的。 Border(边框)- 围绕在内边距和内容外的边框。 Paddin..

2022-04-22 00:45:00 105

原创 Node.js 常用工具

util 是一个Node.js 核心模块,提供常用函数的集合,用于弥补核心 JavaScript 的功能 过于精简的不足。使用方法如下:const util = require('util');util.callbackifyutil.callbackify(original)将async异步函数(或者一个返回值为Promise的函数)转换成遵循异常优先的回调风格的函数,例如将(err, value) => ...回调作为最后一个参数。 在回调函数中,第一个参数为拒绝的原因...

2022-04-22 00:15:00 126

原创 SQL 简介

SQL(Structured Query Language:结构化查询语言) 是用于管理关系数据库管理系统(RDBMS)。 SQL 的范围包括数据插入、查询、更新和删除,数据库模式创建和修改,以及数据访问控制。SQL 是什么?SQL 指结构化查询语言,全称是 Structured Query Language。 SQL 让您可以访问和处理数据库,包括数据插入、查询、更新和删除。 SQL 在1986年成为 ANSI(American National Standards Institute 美国.

2022-04-21 13:15:00 609

原创 Node.js 连接 MySQL

安装驱动本教程使用了淘宝定制的 cnpm 命令进行安装:$ cnpm install mysql连接数据库在以下实例中根据你的实际配置修改数据库用户名、及密码及数据库名:test.js 文件代码:var mysql = require('mysql');var connection = mysql.createConnection({host : 'localhost',user : 'root',password : '123456',database :

2022-04-21 08:00:00 124

原创 Node.js Web 模块

什么是 Web 服务器?Web服务器一般指网站服务器,是指驻留于因特网上某种类型计算机的程序,Web服务器的基本功能就是提供Web信息浏览服务。它只需支持HTTP协议、HTML文档格式及URL,与客户端的网络浏览器配合。大多数 web 服务器都支持服务端的脚本语言(php、python、ruby)等,并通过脚本语言从数据库获取数据,将结果返回给客户端浏览器(目前最主流的三个Web服务器是Apache、Nginx、IIS。)Web 应用架构 Client- 客户端,一般指浏览器,浏览器.

2022-04-21 07:30:00 1434

原创 Node.js Express 框架

Express 简介Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。Express 框架核心特性:安装完后,我们可以查看下 express 使用的版本号:$ cnpm list express/data/www/node└── express@4.15.2 -> /Users/tianqixin/www/node/no

2022-04-21 00:53:11 64

原创 git 简介

gitGit 是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。git安装在使用Git前我们需要先安装 Git。Git 目前支持 Linux/Unix、Solaris、Mac和 Windows 平台上运行。Git 各平台安装包下载地址为:Git - Downloadsgit实用教程git配置用户配置,相当于个人身份证,每一次 Git 的提交都会使用这些信息,并且它会写入到你的每一次提交中,不可更改: git config --global user.emai

2022-04-21 00:37:28 49

原创 NPM 基础

npm是什么> 是包管理器。远程仓库,提供了第三方库资源。在node环境下可以直接下载并使用我们为什么学- npm属于工程化中一部分- 使用npm比传统的下载方式方便,快捷,高校- 自己写组件库,插件库,可以让别人使用初始化工程> npm initnpm 包管理常见使用创建一个包描述文件 `npm init`* 下载一个包(局部) `npm install express jquery@1.5.1 --save` - 记录依赖`--save`..

2022-04-21 00:19:25 1262

原创 ES6基础

变量声明注:es6 中变量声明方式6种 var function let const class import 形参总结: 【es6中语法】 在同一个作用域中【变量名】不能重复;function 定义函数 函数声明提升var 声明变量 变量提升let 声明的变量只能在当前块中使用。let 声明的变量;决定变量能在哪里使用;而不是形成一个作用域注意事项1.在当前{}中不能重复声明let 声明的变量2.在当前{}中 let 声明的变量之前不能使用该变量 ----暂时性死区..

2022-04-21 00:13:42 51

原创 promise

promise 是什么?1.抽象表达:是一门新的技术,是js中进行异步编程的新的解决方案(异步编程(操作)包括):* fs文件操作* 数据库操作* ajax* 定时器等2.具体表达:1.从语法上来讲 是一个构造函数2.从功能上来讲的话 就是用来封装一个异步操作并且可以获取成功或者失败的结果值promise 程序执行的特点1. new promise中的回调函数是同步执行的2.原型方法中的回调函数,都是异步执行的,属于异步消息队列中的微任务promi...

2022-04-21 00:04:05 931

原创 如何创建您第一个Node.js

在我们创建 Node.js 第一个 "Hello, World!" 应用前,让我们先了解下 Node.js 应用是由哪几部分组成的: 引入 required 模块:我们可以使用require指令来载入 Node.js 模块。 创建服务器:服务器可以监听客户端的请求,类似于 Apache 、Nginx 等 HTTP 服务器。 接收请求与响应请求服务器很容易创建,客户端可以使用浏览器或终端发送 HTTP 请求,服务器接收请求后返回响应数据。 创建 Node.js 应用...

2022-04-20 23:52:34 261

原创 JavaScript this 关键词

this 是什么?JavaScriptthis关键词指的是它所属的对象。它拥有不同的值,具体取决于它的使用位置:在方法中,this指的是所有者对象。 单独的情况下,this指的是全局对象。 在函数中,this指的是全局对象。 在函数中,严格模式下,this是 undefined。 在事件中,this指的是接收事件的元素。像call()和apply()这样的方法可以将 this 引用到任何对象。方法中的 this在对象方法中,this指的是此方法的“拥有者...

2022-04-05 17:39:32 134

原创 JavaScript 表单

JavaScript 表单验证HTML 表单验证可以通过 JavaScript 来完成。以下实例代码用于判断表单字段(fname)值是否存在, 如果不存在,就弹出信息,阻止表单提交:JavaScript 实例function validateForm() {var x = document.forms["myForm"]["fname"].value;if (x == null || x == "") {alert("需要输入名字。"); return false;} }

2022-04-05 17:12:55 245

原创 JavaScript 正则表达式

正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。搜索模式可用于文本搜索和文本替换。什么是正则表达式?正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时,你可以用搜索模式来描述你要查询的内容。正则表达式可以是一个简单的字符,或一个更复杂的模式。正则表达式可用于所有文本搜索和文本替换的操作。语法/正则表达式主体/修饰符(可选)其中修饰符是可选

2022-04-05 16:49:57 44

原创 AJAX - 创建 XMLHttpRequest 对象

AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。什么是 AJAX ?AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。AJAX是基于现有的Internet标准AJAX是基于现有的Internet标准,并且联合

2022-04-05 16:12:36 90

原创 JavaScript BOM(浏览器对象模型)

JavaScript的实现包括以下3个部分:1)核心(ECMAScript):描述了JS的语法和基本对象。2)文档对象模型 (DOM):处理网页内容的方法和接口3)浏览器对象模型(BOM):与浏览器交互的方法和接口BOM简介BOM:Browser Object Model 是浏览器对象模型,浏览器对象模型提供了独立与内容的、可以与浏览器窗口进行互动的对象结构,BOM由多个对象构成,其中代表浏览器窗口的window对象是BOM的顶层对象,其他对象都是该对象的子对象。window对象W

2022-04-05 15:53:50 101

转载 jQuery 选择器

jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的CSS 选择器,除此之外,它还有一些自定义的选择器。jQuery 中所有选择器都以美元符号开头:$()。元素选择器jQuery 元素选择器基于元素名选取元素。在页面中选取所有 <p> 元素: $("p")#id 选择器jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的.

2022-04-05 15:31:26 131

原创 JavaScript HTML DOM

通过 HTML DOM,JavaScript 能够访问和改变 HTML 文档的所有元素。HTML DOM(文档对象模型)当网页被加载时,浏览器会创建页面的文档对象模型(DocumentObjectModel)。HTML DOM模型被结构化为对象树:对象的 HTML DOM 树通过这个对象模型,JavaScript 获得创建动态 HTML 的所有力量:JavaScript 能改变页面中的所有 HTML 元素 JavaScript 能改变页面中的所有 HTML 属性 J...

2022-04-05 15:00:55 705

原创 js dom中最常见的api

document方法: getElementById(id) Node 返回指定结点的引用 getElementsByTagName_r(name) NodeList 返回文档中所有匹配的元素的集合 createElement_x(name) Node Node createTextNode(text) Node 创建一个纯文本结点 ownerDocument Document 指向这个节点所属的文档 documentElement Node 返回html节点 docum...

2022-04-05 14:57:53 80

原创 JavaScript数据隐式转换

在JavaScript中,当不同的数据类型之间进行运算时,为了程序可以运行就产生了隐式转换,我们可以通过看运算结果来推理一个数据隐式转化为什么类型,NaN不能进行运算,如果运算 结果要不是NaN,要么 false如果表达式中同时存在字符串类型和数字类型的操作数,而运算符使用加号“+”,此时 JavaScript 会自动将数字转换成字符串。1. 如果表达式运算符为-、*、/、%中的任意一个,此时 JavaScript 会自动将字符串转换成数字,对无法转换为数字的则转换为 NaN2.运算符为++

2022-03-09 09:37:17 610

原创 JavaScript 数组API使用方法

数组原型方法主要有以下这些:join():用指定的分隔符将数组每一项拼接为字符串push() :向数组的末尾添加新元素pop():删除数组的最后一项shift():删除数组的第一项unshift():向数组首位添加新元素slice():按照条件查找出其中的部分元素splice():对数组进行增删改fill(): 方法能使用特定值填充数组中的一个或多个元素filter():“过滤”功能concat():用于连接两个或多个数组indexOf():检测当前值在数组中第一次出现的位置索引la

2022-03-09 08:58:00 64

空空如也

空空如也

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

TA关注的人

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