- 博客(34)
- 收藏
- 关注
RSS订阅原创 Vue 实现点击弹窗以外的以外区域可以关闭弹窗
HTML部分<div class="hunan_dialog" v-show="showHunanDialog" ref="treeWrap1"></div>js部分// 全局点击事件document.addEventListener('mouseup',(e) =>{ let tree = this.$refs.treeWrap1 if (tree) { // 判断鼠标点击的区域是否在tree里面，否则关闭弹窗
2021-11-04 10:15:21
1685
原创 el-input 不能输入中文
el-input 不能输入中文在el-input中添加oninput事件和@blur事件,代码如下<el-input placeholder="请输入路线/路段编码" v-model="updateForm.gxlxbm" oninput="value=value.replace(/[\u4E00-\u9FA5]/ig, '')" @blur="stringChange"></el-input>2.然后定义stringC
2021-07-30 15:57:44
1628
原创 Node.js — get与post请求
一、处理 get 请求nodejs 处理 http 请求get 请求和 queryStringpost 请求和 postData路由简单示例// 1.导包const http = require("http");// 2.创建服务器const server = http.createServer((reeq,res)=>{ res.writeHead(200,{'content-type':'text/html'}); res.end('<h1 s
2020-09-28 21:29:00
230
1
原创 Vue—入门学习笔记(简单易懂)
Vue快速入门学习一、Vue基础1. Vue基础 ——简介Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 javaScript框架 简化Dom操作 响应式数据驱动通过如下方式引入 Vue：<!-- 开发环境版本，包含了有帮助的命令行
2020-09-25 00:47:47
424
1
原创 canvas实现时针动画案例
canvas一、canvas的基本使用<canvas id="tutorial" width="300" height="300"></canvas><canvas>看起来和<img>标签一样，只是 <canvas> 只有两个可选的属性 width、heigth 属性，而没有 src、alt 属性。如果不给<canvas>设置widht、height属性时，则默认 width为300、height为150,单位都是px。也可以
2020-09-23 14:24:36
267
原创 Axios介绍及应用
主流Ajax库-Axios一、axios简要说明1.axios是什么axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端。简单的理解就是ajax的封装它本身具有以下特征：a.从浏览器中创建 XMLHttpRequestb.从 node.js 发出 http 请求c.支持 Promise APIe.拦截请求和响应f.转换请求和响应数据g.取消请求h.自动转换JSON数据i.客户端支持防止 CSRF/XSRF2.安装使用 npm:$ npm
2020-09-19 08:05:30
1032
原创 JSON—Ajax与XML
JSON的数据格式Ajax与XML1.XML的数据格式<?xml version="1.0" encoding="utf-8"?><body> <name>兰陵王</name></body>2.Ajax中的XML<script> var btn = document.getElementById('btn'); btn.addEventListener('click',functi
2020-09-07 19:05:00
368
原创 JSON—JavaScript中的JSON
JSON的数据格式JavaScript中的JSON1.JavaScript与JSONJSON是一种语法，用来序列化对象、数组、数值、字符串、布尔值 null。他基于JavaScript语法，但与之不同：JavaScript不是JSON，JSON也不是JavaScript。JavaScript类型JSON的不同点对象和数组属性名称必须是双引号括起来符字符串；最后一个属性后不能有逗号数值禁止出现前导零字符串只有有限的一些字符可能被转译2.JSON字符串与JSO
2020-09-07 19:00:48
312
原创 Ajax-GET与POST的请求方式及实现
AjaxGET与POST的请求方式1. GET请求方式Ajax异步交互中使用GET请求方式的步骤将构建的请求数据添加到open()方法中的url地址中，示例代码如下：httpRequest.open('get',"http://127.0.0.1:5500/01-%E6%B5%8B%E8%AF%95XMLHttpRequest.html?user=185&pwd=456");上述示例代码中，"user=185&pwd=456"表示请求数据 2. 将发送请求数据的send
2020-09-06 19:19:08
707
原创 Ajax-实现Ajax异步交互的具体步骤
Ajax实现Ajax异步交互1.实现Ajax的执行步骤实现Ajax异步交互需要服务器端逻辑进行配合，而作为客户端的HTML页面需要完成以下步骤:1. 创建 Ajax的核心对象XMLHttpRequest对象通过XMLHttpRequest对象的open(方法与服务器端建立连接构建请求所需的数据内容，井通过XMLHttpRequest对象的send(方法发送给服务器端通过XMLHttpRequest 对象提供的onreadystatechange事件监听服务器端的通信状态接收并处理服务器端
2020-09-06 19:02:27
1116
原创 Ajax简单介绍&&工作原理
Ajax一、Ajax是什么Ajax是Asynchronous JavaScript XML的缩写，被译为异步JavaScript和XML。Ajax本身并不是一个新技术，而是一个在2005年被Jesse James Garrett提出的新术语，用来描迹一种使用现有技术集合的“新”方法。**当使用Ajax模型，HTML页面能够快速地将数据逐步更新显示在用户界面上，不需要重载（刷新)整个页面。**这使得HTML页面能成更快速地对用户的操作进行反馈。尽管Ajax中的“X”代表XML，但由于JSON的许多优
2020-09-06 18:57:21
501
原创 同步交互与异步交互（简单易懂）
Ajax一、同步交互与异步交互1.同步交互是什么同步交互是指发送一个请求，需要等待返回，然后才能够发送下一个请求。同步交互相当于排队，轮到下一个的情况会因为前一个而有所不同。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-X97MAs7s-1599389418829)(https://s1.ax1x.com/2020/08/31/dOtPbD.jpg)] 说明：同步交互就是第二次请求必须等待第一次请求结束之后才可以开始。[外链图片转存失败,源站可能有防盗链机制,建
2020-09-06 18:53:34
5480
原创 HTTP协议的详解（简单易懂）
HTTP是什么一、HTTP是什么HTTP全称为Hyper Text Transfer Protocol，被译为超文本传输协议，是互联网上应用最为广泛的—种网络协议。**HTTP协议是在Web上进行数据交换的基础，是一种“客户端-服务器端”协议。**也就是说，请求通常是由像刘览器这样的接受方发起的。一个完整的Web文档通常是由不同的子文档拼接而成的，像是文本、布局描述、图片、视频、脚本等等。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。二、HTTP协议历史与标准HTTP/
2020-08-14 21:38:29
10794
原创 HTTP—请求和响应消息的结构
HTTP消息结构HTTP请求消息和响应消息具有相似的结构，由以下部分组成︰start line:一行起始行用于描迹要执行的请求，或者是对应的状态，成功或失败。这个起始行总是单行的。**HTTP headers:**一个可选的HTTP头集合指明请求或描迹消息正文。empty line:一个空行指示所有关于请求的元数据已经发送完毕。body:一个可选的包含请求相关数据的正文(比如HTML表单内容),或者响应相关的文档。正文的大小有起始行的HTTP头来指定。起始行和HTTP消息中的HTTP头统称为
2020-08-14 21:18:34
7083
原创 HTTP消息(报文)是什么
HTTP消息是什么一、HTTP报文是什么HTTP报文，又称为HTTP消息，是服务器和客户端之间交换数据的方式。有两种类型的消息︰请求，由客户端发送用来触发一个服务器上的动作;响应，来自服务器的应答。HTTP消息由采用ASCI编码的多行文本构成。在HTTP/1:1及早期版本中，这些消息通过连接公开地发送。在HTTP/2中，为了优化和性能方面的改进，曾经可人工阅读的消息被分到多个HTTP帧中。HTTP请求报文请求报文由以下元素组成:一个HTTP的method、要获取的资源的路径、HTTP协议版本
2020-08-14 21:15:10
6637
原创 Mysql---七种优化方法
选取最适用的字段属性MySQL可以很好的支持大数据量的存取，但是一般说来，数据库中的表越小，在它上面执行的查询也就会越快。因此，在创建表的时候，为了获得更好的性能，我们可以将表中字段的宽度设得尽可能小。例如，在定义邮政编码这个字段时，如果将其设置为CHAR(255),显然给数据库增加了不必要的空间，甚至使用VARCHAR这种类型也是多余的，因为CHAR(6)就可以很好的完成任务了。同样的，如果可以的话，我们应该使用MEDIUMINT而不是 BIGIN来定义整型字段。另外一个提高效率的方法是在可能的情..
2020-08-14 08:57:31
6438
原创 python基础--截图提取图中文字存入Excel表
python 实现截图自动存入Excel表首先我先在桌面新建一个test.xls文件import keyboard #监听按键库from PIL import ImageGrab #图像处理库import timefrom aip import AipOcr #pip install baidu_aip\import xlwtbiao = xlwt.Workbook()worksheet = biao.add_sheet('sheet1')# print("开始截图")# 1. 截
2020-08-13 15:35:40
8185
1
原创 python基础---冒泡排序
冒泡排序代码list1 = [1,2,4,6,3,5,9,8,7]for i in range(len(list1)-1): #循环遍历从0开始到倒数第二个元素下标 for j in range(len(list1)-1-i): #循环遍历从0开始，每次循环将最大数放到最末尾 if list1[j] > list1[j+1]: #判断两个相邻数的大小，大的往后面排，小的往前面排 list1[j],l.
2020-08-13 15:28:31
6650
原创 python基础---数据类型
数据类型在Python中，能够直接处理的数据类型有以下几种：整数、浮点数、字符串、布尔值、列表、元组、字典、集合。整数Python可以处理任意大小的整数，例如：1，100，-80，0，等等。计算机由于使用二进制，所以有时候用十六进制表示整数比较方便，十六进制用0x前缀和0-9，a-f表示，例如：0xff00，0x15a7b4，等等。浮点数浮点数也就是小数，之所以称为浮点数，是因为按照科学记数法表示时，一个浮点数的小数点位置是可变的，比如，1.23x105和12.3x104是完全相等的..
2020-08-13 15:23:14
6576
原创 C++语言---简单的冒泡排序
#include "stdio.h"//冒泡排序（双重for循环逐个比大小） void bubble_sort(int* arr, int len){ int i, j;for (i = 0; i < len -1; i++) //外层循环控制排序趟数{ for (j = 0; j < len -1 -i; j++)//内层循环控制每一趟排序多少次 { if (arr[j] > arr[j + 1]) {
2020-08-13 15:19:09
7054
原创 C++语言---直接插入排序
#include <stdio.h>//直接插入排序(升序的方式） void InsertSort_Up(int* arr, int length){ int i; //假定第0个元素是有序表，从第1个元素开始往有序表中插入数据 for (i = 1; i < length; i++) { int temp = arr[i]; int j; for (j = i - 1; j >= 0 && arr[j] > temp; j--)
2020-08-13 15:17:37
6871
原创 C语言--数据类型
数据类型名称用来存放哪种数据数据范围int用来存放整数−2147483648～ 2147483647float用来存放浮点数±1.18×10−38 ～ ±3.4×1038double用来存放极大和极小的浮点数±2.23×10−308 ～ ±1.80×10308char用来存放字符256种字符...
2020-08-13 15:13:08
6451
原创 JAVA--零基础--学生信息管理系统
java 学生信息管理系统主要使用的增删改查操作首先，需要先建一个文件（点击左上角File，选择第一个New里的第一个Java Project）然后再建一个Javabean包，在这个包里新建一个class类package cn.hbsi.lianxi.bean;import java.io.Serializable;public class Student implements Serializable{ private int sid; private String name;
2020-08-13 15:06:52
6695
转载 C++语言--简单易学的求根公式
#include using namespace std;float x1, x2;int a, b, c;int disc = b ^ 2 - 4 * a*c;class Equation {int a, b, c; //成员变量public:Equation() {}public:Equation(int a,int b,int c) { this->a = a; this->b = b; this->c = c;}//大于零的方法void d
2020-08-13 14:50:42
9061
原创 10-用npm发布包
一、发布一个新包第一步：进入要发布的项目根目录，初始化为npm包：npm init依次按提示填入包名、版本、描述、github地址、关键字、license等这步完成之后会生成一个package.json文件，上面输入的这些信息可以在该文件中修改注意：如果你的包引用了第三方包，则需要在package.json文件种增加dependencies节点，写入依赖的包及版本"dependencies": { "colors": "^1.3.2", "on-finished":
2020-08-13 11:33:22
6498
原创 09-抓包入库
一、抓包入库抓包 1.1. 导包 1.2. 创建一个请求英雄信息的实例 1.3 发请求 1.4 声明一个全局变量heros数组，用来存放所有的英雄的 1.5 创建一个请求详情的爬虫实例 1.6 要等待所有的请求全部做完之后，才能入库入库 2.1 导包 2.2 连接数据库 2.3 3.创建Model(表格模型：负责增删改查)代码// 1.抓包：用爬虫crawler插件来爬网页上的数据// 2.入库：用mysql-ithm插件吧爬到的数据装进数据库中
2020-08-13 01:10:26
6506
原创 07-SQL语句以及nodejs操作数据库
一、总结SQL语句增insert into 表名(字段名1,字段名2) values(“值1”,“值2”);删2.1他会把整张表给清空,慎用delete from 表名;2.2 条件 id > 3; id = 4; name =“波波";delete from 表名 where 条件;改3.1 会把所有的数据都改掉,慎用update表名set字段1=‘值’,字段2 = ‘值’;3.2条件update 表名 set字段1 = '值·，字段2 = '值’ where条件
2020-08-12 08:16:56
7062
原创 08-使用自己写的模板
一、使用自己写的mysql模板模块化开发的好处:想用哪个模块就导入哪个模块,不用就不导入.一个模块基本上都是一个独立的功能，便于维护.我们写的代码有些地方,有些功能，我也希望能够写成一个模块.nodejs模块需要遵守commonjs规范自己写的模板//导包var mysql = require('mysql');// 创建一个和数据库的连接var connection = mysql.createConnection({ host : 'localhost',
2020-08-12 08:15:18
6482
原创 如何解决跨域问题
1.什么叫跨域问题浏览器使用ajax时如果请求了的接口地址和当前打开的页面地址不同源称之为跨域(1) ajax :浏览器只有使用ajax发送请求才会出现跨域。href属性 与src属性不会出现跨域(2) 接口地址: ajax请求的url(3) 打开的页面:当前页面的window.location.href(4)不同源:浏览器使用ajax,向不同源的接口发送请求， 称之为跨域访问2.解决跨域问题(1). 在每个接口里面插入这段代码// 设置响应头，允许资源被访问/共享 res.setHe
2020-08-11 08:03:54
6954
原创 数据库的增删改查
一、数据库数据库;存放数据的仓库如果把数据存放在一个文本文件中,有很多的缺点:a.可以任意修改/删除/新增b.检索不便c.信息不安全数据库系统;就能方便解决上述问题.常用的数据库系统:MySal Oracle sQlserver…二、数据库的增删改查操作增删查改语句增删查改的意思·增:新增记录insert.删:删除记录delete·查:查询记录select·改:修改记录updateinsert语句insert语句对应的是"增”，也即新增数据基本用法:inser
2020-08-11 00:12:13
21751
1
原创 nodejs简介和ES6新语法
01-nodejs入门1.1-学习Node.JS的意义了解客户端刘览器与服务端后台的交互过程，可以在以后的前端开发工作中与后人员之间的沟通更加容易理解。虽然以后工作中不-定用的上nodejs,但是通过对服务端开发的了解，能够让你在日常工作中与公司后台人员之间的沟通变得更加轻松了解服务端开发的一些特性,可以在以后的工作中，当我们前端与后台交互出现bug问题时，能够更快速的定位bug是出现在自己的客户端还是别人的服务端。。作为-名前端人员，如果对后台不了解，那么以后在与后台交互的开发中有可能明
2020-07-09 21:22:13
7496
1
原创 06-jQuery结点操作
一、jQuery添加结点相关的方法内部插入 append(content|fn) appednTo(content) 会将元素添加到指定元素内部的最后 prepend(content|fn) prepend(content) 会将元素添加到指定元素内部的最后外部插入 after(content|fn) insertAfter(content) 会将
2020-06-30 10:15:06
6459
原创 05-jQuery动效笔记
一、jQuery显示和隐藏动效语法$(selector).hide(speed,callback); // 隐藏$(selector).show(speed,callback); // 显示$(selector).toggle(speed,callback); // 切换speed 参数规定隐藏/显示的速度，可以取值为毫秒。可选的 callback 参数是隐藏或显示完成后所执行的函数名称。案例代码 $("button").eq(0).click(fun
2020-06-30 10:14:03
6436
原创 03-jQuery属性操作笔记
一、内容选择器:empty 作用：找到既没有文本内容也没有子元素的指定元素 var $div = $("div:empty"); console.log($div);:parent 作用：找到有文本内容或有子元素的指定元素 var $div = $("div:parent"); console.log($div);:contains(text) 作用：找到包含指定文本内容的指定元素
2020-06-21 17:14:05
6481
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人