- 博客(25)
- 收藏
- 关注
RSS订阅原创 【Vue】基础
Vue一. Vue基础Vue是一个渐进式JavaScript国产框架。是由尤雨溪创建的。2014年2月Vue正式发布。官网：https://cn.vuejs.org/渐进式声明式渲染—组件系统—客户端路由----集中式状态管理----项目构建1. 基本使用<body> <div id="test"> {{msg}} </div> <script type="text/javascript">
2020-11-05 20:15:50
191
原创 MongoDB
MongoDB一. 安装和测试下载压缩包或者安装包：https://www.mongodb.com/try/download/community解压或安装创建服务以管理员身份打开控制台创建数据和日志存放目录进入安装后的目录的bin文件夹控制台输入: mongod --install --dbpath=数据路径 --logpath=日志路径可以加–serviceName “名称” 定义服务名启动服务net start mongodb关闭服务net s
2020-10-24 08:49:53
101
原创 【HTML】颜色和选择器
颜色与单位一.颜色相关的概念色调：指图像的相对明暗程度，也称色相。 通俗来说就是颜色。饱和度：指色彩的鲜艳程度，也称色彩的纯度或彩度。是颜色中灰色的含量。饱和最大灰色为零亮度：指色彩的明暗差异，也称色彩明度。是颜色中黑色的含量。亮度最大黑色为零饱和度、亮度和色调是色彩的三要素对比度：前景色与背景色之间的差异。差异越大，对比度越大。web安全色：一个色板，些颜色可以安全的应用于所有的Web中.具体颜色参考网站：https://www.bootcss.com/p/websafecol
2020-09-25 20:14:32
1342
原创 【Ajax异步交互与跨域访问】实现跨域访问和axios库
实现跨域访问一. 跨域访问URL地址：URL地址：网络协议 + 域名(IP地址) + 端口号 + 资源路径同源：网络协议相同、域名相同以及端口相同不同源：域名不相同：完全跨域域名相同，端口号不一样：跨子域互联网默认原则(同源策略)不允许跨域访问通源策略1995年，同源政策由Netscape公司引入游览器。现在所有游览器都实行这个政策。同源指“三个相同”：协议相同、域名相同和接口相同同源策略的作用：保证用户信息安全防止恶意的网站窃取数据如果不是同源的话，会有三
2020-09-17 15:21:13
180
原创 【Ajax异步交互与跨域访问】jQuery中的Ajax
jQuery中的AjaxjQuery对JavaScript语言进行了封装，并对Ajax异步交互进行了封装。jQuery提供了6个Ajax操作方法load方法.get()方法和.get()方法和.get()方法和.post()方法$.ajax()方法.getScript()方法和.getScript()方法和.getScript()方法和.getJSON()方法jQuery提供的事件ajaxStart()事件和ajaxStop()事件ajaxComplete()事件、ajaxSen
2020-09-10 19:47:14
115
原创 【Ajax异步交互与跨域访问】Json数据格式
一. JSON是什么JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。JSON是独立于任何语言的文本格式，易于程序员阅读和编写，同时易于计算机解析和生成JSON分为两种结构“键/值”对的集合。不同语言中，它被理解为对象、记录、结构、字典、哈希表、关联数组等JSON中键值对的集合是无序的’名称/值’的集合。如{name:admin,passworld:6666}值的有序列表.在大部分语言中，被理解为数组(array)。JSON格式中作为值的类
2020-09-06 15:17:48
162
原创 【Ajax异步交互与跨域访问】Ajax的基本用法
一. 同步交互与异步交互同步交互同步交互，指发送一个请求，需要等待返回，然后才能够发送下一个请求。同步交互相当于排队，轮到下一个的情况会因为前一个而有所不同过程：客户端向服务端发送请求并等待服务器端响应，服务器端向客户端进行响应。分别进行过请求和响应之后客户端才能发送下一个请求同步交互第二次请求必须等待第一次请求结束之后才能开始异步交互异步交互，指发送一个请求，不需要等待返回，随时可以发送下一个请求。同步交互和异步交互的区别在于同步交互需要等待结果，而异步交互不用等
2020-09-06 15:16:01
139
原创 【HTTP协议与网络编程】HTTP原理与实践
HTTP原理与实践一. HTTP协议基础与发展历史1. 五层网络模型介绍传输层、应用层为高层，网络层、数据链路层和物理层为低层名称作用应用层为应用软件提供了很多服务，建立于TCP协议之上，屏蔽网络传输细节传输层向用户提供可靠的端到端服务，传输层向高层屏蔽了下层数据通信的细节网络层为数据在结点之间传输创建逻辑链路数据链路层在通信的实体间建立数据链路连接物理层定义物理设备如何传输数据2. HTTP协议的发展历史版本描述HT
2020-08-27 00:07:07
310
原创 【HTTP协议与网络编程】缓存和跨域资源共享
一. HTTP的缓存机制1. 缓存机制是什么概念：缓存就是一种将资源的副本保存到用户的客户端电脑中，下次请求时无需再次访问服务器而是访问本地缓存需要合理配置，因为并不是所有资源都是永久不变的。重要的是对应资源的缓存应截止到其下一次发生改变(既不能缓存过期的资源)缓存的优势：缓解服务端的资源消耗和运行压力，提升服务器端的整体性能减少服务器端资源加载的延迟，进而减少显示某个资源所用的时间减少对带宽造成的压力，避免网络拥塞问题的出现Web站点变得更具有响应性缓存的应
2020-08-23 18:25:05
309
原创 【HTTP协议与网络编程】HTTP概念和消息
一. HTTP概念1. HTTP是什么HTTP即超文本传输协议（HyperText Transfer Protocol），是网络中使用最广泛的一种网络协议。HTTP是一种“客户端—服务端”的协议，可以理解成端到端的协议。最初的http协议是为了提供一种发布和接收HTML页面的方法。发展历史:版本HTTP/0.91991年制定，有严重缺陷，只支持GET方法，不支持MIME类型HTTP/1.01996年制定，支持多种请求方法，支持多媒体对象，广泛应用HT
2020-08-23 18:22:20
248
原创 【NodeJS】cqmanager案例
案例零. 准备数据—抓包，入库用crawler抓取包var Crawler = require("crawler");var c = new Crawler({ maxConnections: 10, // This will be called for each crawled page callback: function (error, res, done) { if (error) { console.log(error)
2020-07-09 07:29:41
170
原创 【NodeJS】数据库管理
数据库管理零. MySql数据库相关操作关系型数据库的标准化、结构化的查询语言: SQL(structured query language)MySQL属于一种关系型的数据库管理系统结构化查询语言的分类：数据定义语言：创建、修改、删除数据库中的各种对象create—创建数据库alter—修改数据库drop—删除数据库数据操纵语言：查询、修改select—查询insert—插入到表或视图update—修改Delete—删除表数据数据控制语言：授予权限
2020-07-08 07:34:56
537
1
原创 【NodeJS】服务器相关知识
服务器相关知识一. 服务器重定向就是服务器主动修改地址, 一般用于网站引导注册登录功能（访问首页是自动跳转到登录页）服务器重定向用响应头的302状态码实现app.use((req,res)=>{ res.writeHead(302,()=>{ Location: 'http://127.0.0.1:8088/login.html'; }); res.end();})二. IP和域名IP其实就相对于服务器在网络中的门牌号，因为IP地址
2020-07-06 20:51:23
156
原创 【NodeJS】服务器搭建
Node服务器搭建一. 静态服务器搭建先说一下端口：比如一台电脑上可以部署多个服务器，通过本地回环地址(127.0.0.1/localhost)可以找到电脑，然后通过端口区分不同的服务器。默认的http端口是80，Apache配置web服务器用的就是默认的80端口。默认的80端口可以省略我们搭建服务器不要去占用公认端口(0~1023)，用大于这个范围的端口一般没有被占用。当然大于这个范围也有被占用的端口，例如：3306端口：MYSQL数据库端口5432端口：postgresql数
2020-07-05 06:58:50
143
原创 【NodeJS】模块使用
NodeJS模块使用和其他一. fs模块fs 模块提供了用于与文件系统进行交互的 API。使用模块要先导包const fs = require('fs');文件系统操作都具有同步和异步的形式异步的形式总是把完成回调作为其最后一个参数，第一个参数预留给异常。 如果操作被成功地完成，则第一个参数会为 null 或 undefined// 导包const fs = require('fs');// 调用unlink删除方法fs.unlink('./test/hello.txt
2020-07-03 08:49:46
186
1
原创 【NodeJS】ES6的基础语法
ES6的基础语法一. let和const的认识let关键字：ES6新增的命令，用来声明变量。用法和var相似，但let所声明的变量只在let命令所在的代码块内有效```js{ let a = 5; var b = 10;}console.log(a); // ReferenceError: a is not definedconsole.log(b); // 10```在同一块级作用域内不允许重复声明，不存在变量提升// 不存在变量提升会报错console
2020-07-03 08:47:42
464
原创 【NodeJS】认识NodeJS
认识NodeJS零. 学习NodeJS的意义了解客户端游览器和服务端后台的交互过程。一. 什么是NodeJSNodeJS官网: https://nodejs.org/en / http://nodejs.cn一个基于Chrome v8引擎的一个JavaScript运行环境。作用是让JS有开发服务端的功能Node使用事件驱动、非阻塞IO模型(异步读写)使其非常轻量和高效Node中绝大数API都是异步NPM是世界上最大的开源库生态系统(类似于GitHub)二. NodeJS的环境
2020-07-02 09:40:33
215
原创 【jQuery】节点操作
jQuery节点操作一. 添加节点追加到指定元素内部append()方法: 追加到指定元素内部的后面$('button').eq(0).click(function(){ $('ul').append($li); // appendTo: 只是语法不同 // $li.appendTo('ul');})appendTo: 只是语法不同, 效果一样prepend()方法: 追加到指定元素内部的前面$('button').eq(1).click(fun
2020-06-19 23:57:49
545
1
原创 【jQuery案例】动效案例循环滚动图、下拉菜单、弹窗广告……
一. 循环滚动图效果：图片循环滚动，当鼠标移入时其他图片变色jQuery代码$(function(){ // 定义变量 var offset = 0 // 设置图片滚动 var timer function anmiPlay(){ timer = setInterval(function () { offset += -10;
2020-06-19 14:13:58
408
1
原创 【jQuery】动效
jQuery动效一. jQuery显示和隐藏动画show(): 显示$('button').eq(0).click(function(){ $('div').show(1000,function(){ alert('显示动画完毕') })})格式：show(毫秒, fn) fn在动画执行完毕会执行hide(): 隐藏$('button').eq(1).click(function () { $('div').hide(1000, f
2020-06-19 13:36:04
225
原创 【jQuery案例】事件相关案例
电影排行榜实现鼠标移入时显示，移出时隐藏jQuery代码$(function(){ // 移入事件 $('li').mouseenter(function(){ $(this).addClass('current') }) // 移出事件 $('li').mouseleave(function () { $(this).removeClass('current')
2020-06-19 13:05:19
367
原创 【jQuery】事件相关
jQuery事件相关一. jQuery事件绑定jQuery中有两种绑定事件的方式eventName(fn)方法: 直接通过事件名来绑定$('button').click(function(){ alert('点击第一次')})优点: 编码效率高缺点: 部分事件不能添加，因为jQuery没有实现on(eventName, fn)方法: 通过on()方法来绑定$('button').on('click',function(){ alert('点击第二次')})
2020-06-19 00:01:57
126
原创 【jQuery】属性操作
jQuery属性操作内容选择器empty: 找到既没有文本内容也没有子元素的指定元素parent: 找到有文本内容或有子元素的指定元素contains: 找到包含指定文本内容的指定元素has: 找到包含指定子元素的指定元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wi
2020-06-16 23:03:56
130
原创 【jQuery】核心函数和工具方法
jQuery核心函数和工具方法核心函数$()和jQuery() 代表调用jQuery的核心函数能接收的参数如下:接收一个函数$(function(){ console.log('函数')})接受字符串接收字符串选择器: 返回一个jQuery对象，对象中保存了找到的DOM元素var $box1 = $('.box1');var $box2 = $('#box2');console.log('box1>>>', $box1);console.l
2020-06-16 20:45:38
169
原创 初识jQuery
初识jQueryjQuery (jQuery=js+Query）是优秀的JavaScript库, 最主要的用途是用来做查询使用jQuery能让我们对HTML文档遍历和操作、事件处理、动画以及Ajax变得更加简单jQuery的写法：// 原生js的入口函数固定写法window.onload = function(){}// jQuery的入口函数固定写法$(document).ready(function () {}// 例如： $(document).ready(fun
2020-06-16 20:43:16
100
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人