- 博客(82)
- 收藏
- 关注
RSS订阅原创 百度地图离线开发2.0
目录项目运行环境项目运行环境在html中所有的元素都是可以选中的,在地图中也可以的,选中时整个地图会出现蓝色的选中效果,要去除这种现象可以使用下面样式设置设置地图显示的最大、最小级别设置地图显示范围,超出范围后自动回弹 移动地图,地图将自动从一个地方到拎另一个地方缩放地图地图拖拽获取地图显示范围获取两点之间的距离添加删除工具条、比例尺自定义版权控制组件绘制点,线,面项目运行环境下载瓦片地图,必须是百度的瓦片地图下载项目文件如果是第一次启动直接点击项目里面的demo,可.
2020-08-20 15:26:29
1717
3
原创 vue+express+socket.io实现前后端保持长连接
vue+express+socket.io实现前后端保持长连接1.安装依赖包#vuenpm install vue-socket.io --save#nodenpm install socket.io --save2.在端项目中main.js引入依赖包//socket设置import VueSocketio from 'vue-socket.io';Vue.use(new VueSocketio({ debug: true, connection: 'http://127.0.0
2020-07-06 16:27:23
1560
3
原创 通俗易懂面向对象-什么是类、实例化、对象、抽象类
小白易懂面向对象-什么是类、实例化、对象、抽象类类所谓类，就是女娲所设计的这几张设计方案，所有的设计方案，都是类在编程里，我们都称作类比如 某个程序员说，我想要创建一个类，其实他就是打算创建一个设计方案实例化与对象现在，女娲已经画了好几张设计方案了然后女娲用 人类设计方案 创造了一个人， 名字叫张三， 此刻，张三就是 人类设计方案 实例化出来的对象然后女娲用 狗类设计方案，制作...
2020-01-03 11:35:12
2356
原创 TypeScript中访问修饰符
TypeScript访问修饰符ts支持以下访问修饰符：public：所有定义成public的属性和方法都可以在任何地方进行访问。class Animal { public age:number=10; public run() { console.log("这是一个跑的方法") }}class Dog extends Animal{ }...
2020-01-03 11:01:36
1459
原创 在typescript中接口和抽象类有什么区别
抽象类的使用原则：抽象类不能被实例化，需要依靠子类采用向上转型的方式处理；抽象类必须有子类去继承，一个子类只能继承一个继承抽象类；抽象方法必须是public和protected（因为如果是private，则不能被子类继承，子类就不能实现此方法）；如果子类继承了此抽象类，则子类必须要重写抽象类中的全部抽象方法（如果子类没有全部重写父类中的抽象方法，则子类也需要定义为abstract的）...
2020-01-03 11:00:51
2994
原创 重载和重写的区别及在typescript中的使用
在TypeScript中重写(Override)从字面上看，重写就是 重新写一遍的意思。其实就是在子类中把父类本身有的方法重新写一遍。子类继承了父类原有的方法，但有时子类并不想原封不动的继承父类中的某个方法，所以在方法名，参数列表，返回类型(除过子类中方法的返回值是父类中方法返回值的子类时)都相同的情况下， 对方法体进行修改或重写，这就是重写。但要注意子类函数的访问修饰权限不能小于父类的。...
2020-01-03 10:59:30
4216
原创 Angular项目结构分析
Angular项目结构分析|---e2e //在e2e下是端到端(End-to-End)测试|---node_modules //第三方模块|---src //编写的项目文件都放在这个文件夹里面 |---app //组件 |---app.component.html //根组件页面 |---app....
2019-12-31 18:00:08
491
1
原创 Angular环境搭建
Angular环境搭建1 .安装前环境准备安装nodejs(安装稳定版本)安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org2.全局安装Angular/cli(只需要安装一次)npm install -g @angular/cli 或者 cnpm instal...
2019-12-31 17:57:52
661
原创 nuxt.js环境搭建
nuxt.js环境搭建1 在使用npm前你需要安装Node到系统中，2 用npm来安装vue-cli这个框架，如果你已经安装过了，可以省略这步。npm install vue-cli -g这个根据你的网络环境不同，安装的速度不仅相同，如果你的网络环境实在不好，可以考虑使用cnpm来进行安装。（在实际开发中我会尽量避免使用cnpm来进行安装，因为会出现一些未知的错误。）安装...
2019-12-30 10:55:28
631
原创 vue-cli+webpack构建vue项目
vue-cli+webpack构建vue项目第一步:安装环境安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。出现版本号说明你已经安装了npm和node，我这里的npm版本为3.10.10。如果该命令不可以使用，需要安装node软件包，根据你的系统版本选择下载安装就可以了...
2019-12-30 10:14:17
662
1
原创 vue路由
vue路由**后端路由：**对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源；**前端路由：**对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现；在单页面应用程序中，这种通过hash改变来切换页面的方式，称...
2019-12-30 09:29:01
119
原创 vue组件
vue组件什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化： 是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一；组件化： 是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用；全局组件定义的三种方式注意:无论...
2019-12-30 09:27:05
236
原创 vue动画
vue动画1.使用过度类名 实现过度动画<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met...
2019-11-25 14:11:01
130
原创 git的使用
git的使用版本控制工具应该具备的功能协同修改 多人并行不悖的修改服务器端的同一个文件。**数据备份 ** 不仅保存目录和文件的当前状态，还能够保存每一个提交过的历史状态。**版本管理 ** 在保存每一个版本的文件信息的时候要做到不保存重复数据，以节约存储空间，提高运行效率。 这方面SVN采用的是增量式管理的方式，而Git采取了文件系统快照的方式。**权限控制 ** 对团队...
2019-11-25 14:10:02
121
原创 webpack配置组件步骤
webpack配置组件步骤1.建立项目目录|----webpackText |----dist |----src |----img |----js |----css |----index.html |----main.js2.初始化项目npm init3.安装项目的webpack@4.41.2和webpack-cli@3.3.1.npm install web...
2019-11-18 22:19:54
300
原创 webpack安装教程
webpack安装教程webpack4.0后的安装教程1.在安装webpack前，你必须为本机安装 node.js1.1下载安装好后1.2打开命令行执行命令 node -v // 查看node的版本 npm -v //查看npm的版本都正常显示版本号，那就安转成功了可以进行webpack的安装了。2.打开命令行（win+R 输入cmd）webpac...
2019-11-11 18:28:20
627
原创 vue-resource 实现 get, post
vue-resource 实现 get, post1.除了 vue-resource 之外，还可以使用 axios 的第三方包实现实现数据的请求vue-resource下载地址https://github.com/pagekit/vue-resourcenpmnpm install vue-resource cdn<script src="https://cdn.jsdel...
2019-11-08 09:55:19
115
原创 vue实例的生命周期
vue实例的生命周期什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！生命周期钩子：就是生命周期事件的别名而已；生命周期钩子 = 生命周期函数 = 生命周期事件主要的生命周期函数分类：创建期间的生命周期函数：beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods...
2019-11-08 09:51:35
149
原创 vue过滤器及键盘修饰符
vue过滤器及键盘修饰符过滤器:要想使用vue的过滤器,必须先创建一个vue实例,才可以使用过滤器;全局过滤器<body> <div id="app"> <p>{{ msg | msgFormat("123") }}</p><!--调用过滤器时带括号可以传入数据--><!--调用过滤器的时候不要忘...
2019-10-26 15:09:07
260
原创 Vue指令
指令vue实例简单介绍<script> // 创建 Vue 实例，得到 ViewModel var vm = new Vue({ el: '#app', //el表示要控制的元素区域 data: { //data表示要绑定的数据 flag: true }, meth...
2019-10-26 15:08:02
186
原创 谷歌浏览器Vue devtools安装教程
谷歌浏览器Vue devtools安装教程第一步:在github上下载工具,网址:https://github.com/vuejs/vue-devtools第二步:安装工具依赖(使用npm安装)在vue-devtools-dev文件夹(下载的文件根目录)下,打开命令提示行或在文件夹下shift+鼠标右键打开powershell;输入命令npm install 安装依赖,命令默认去...
2019-10-26 15:06:52
7145
3
原创 MVC和MVVM的区别
MVC和MVVM的区别1.在看mvc和mvvm的区别之前我们来看一下前端的发展历史在上个世纪的1989年，欧洲核子研究中心的物理学家Tim Berners-Lee发明了超文本标记语言（HyperText Markup Language），简称HTML，并在1993年成为互联网草案。从此，互联网开始迅速商业化，诞生了一大批商业网站。最早的HTML页面是完全静态的网页，它们是预先编写好的存放在...
2019-10-22 15:06:58
132
1
原创 vue简介
vue简介Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件 。V...
2019-10-22 15:02:40
683
原创 数据库查询练习-事务
数据库查询练习-事务在 MySQL 中，事务其实是一个最小的不可分割的工作单元。事务能够保证一个业务的完整性。比如我们的银行转账：-- a用户-> -100UPDATE user set money = money - 100 WHERE name = 'a';-- b用户 -> +100UPDATE user set money = money + 100 WHERE...
2019-10-19 12:41:22
189
原创 数据库练习-多表联查
数据库练习-多表联查1多表联查查询所有学生的 name，以及该学生在 score 表中对应的 cno 和 degree 。SELECT no, name FROM student;+-----+-----------+| no | name |+-----+-----------+| 101 | 曾华 || 102 | 匡明 || 103 | 王...
2019-10-19 12:37:49
669
原创 数据库查询练习-简单查询练习及笔记(2)
数据库查询练习-简单查询练习及笔记(2)1 分组计算平均成绩查询每门课的平均成绩;select avg(degree) from score where cno='3-105';#select avg(要求平均分的字段名称) from 表名 where 根据那个字段求值='字段值';/*mysql> select avg(degree) from score where cno...
2019-10-19 12:37:02
238
原创 数据库查询练习-简单查询练习及笔记(1)
数据库查询练习-简单查询练习及笔记(1)条件查询 where1. = != <> > >= <= 算数运算符2.betwoon ....and... 区间查询3. in 查询指定字段多个值4. is null 判断是空5.and 连接 ..和..6. or 并...
2019-10-19 12:36:10
209
原创 数据库查询-数据准备及目录
数据库查询-数据准备及目录数据库查询系列内容列表:数据库查询练习-简单查询练习及笔记(1)1查询表中所有记录2查询指定字段3 distinct: 去重查询4 查询区间5 运算符查询6 表示或者关系的查询(同一字段中查询)7 表示或者关系的查询(多个字段中查询)8 升序排列 降序排列10 统计11 查询最大,最小值12 子查询13 分页查询14 查询...
2019-10-19 12:35:06
254
原创 数据库设计三大范式
数据库设计三大范式第一范式(1NF)数据表中的所有字段都是不可以分割的原子值;只要字段值还可以继续拆分，就不满足第一范式。范式设计得越详细，对某些实际操作可能会更好，但并非都有好处，需要对项目的实际情况进行设定,不一定要满足某一个范式,但是要了解。例:在数据库字段中如地址:陕西省西安市高新区高新三路9号;####这样的字段值就不符合第一范式,因为还可以继续拆分;第二范式(2N...
2019-10-13 09:15:54
83
原创 mysql建表约束
mysql建表约束mysql的约束主要有主键约束,外键约束,唯一约束,非空约束,默认约束;主键约束它能够唯一确定一张表中的一条记录.也就是我们通过给某个字段添加约束,就使得该字段不重复且不为空;mysql> create table texts( -> id int primary key, -> name varchar(20));–>联合...
2019-10-13 09:14:56
434
原创 Mysql数据类型与类型选择
Mysql数据类型与类型选择MySQL支持多种类型，大致可以分为三类：数值、日期/时间和字符串(字符)类型。数值类型:MySQL支持所有标准SQL数值数据类型。这些类型包括严格数值数据类型(INTEGER、SMALLINT、DECIMAL和NUMERIC)，以及近似数值数据类型(FLOAT、REAL和DOUBLE PRECISION)。关键字INT是INTEGER的同义词，关键字DEC...
2019-10-07 15:58:38
104
原创 mysql登录及简单的增删改查
登录和退出MySQL# 登录MySQL$ mysql -u root -p12345612# 退出MySQL数据库服务器exit;查询表数据结构 desc user; #返回表结构数据# desc 表名称;查询数据 SELECT * from user; #返回表所有内容# SELECT * from 表名称;插入数据 INSERT INTO user (...
2019-10-07 15:57:48
159
原创 Mysql及常用命令介绍
Mysql（关系型数据库管理系统）MySQL是一个关系型数据库管理系统由瑞典MySQL AB 公司开发，目前属于 Oracle旗下产品。MySQL 是最流行的关系型数据库管理系统之一，在 WEB 应用方面，MySQL是最好的 RDBMS(Relational Database Management System，关系数据库管理系统) 应用软件之一。MySQL是一种关系数据库管理系统，关系数据...
2019-10-03 17:24:33
240
原创 node中jwt(json web token)的使用
node中jwt的使用Json Web Token 简介1、Json Web Token是干什么简称JWT，在HTTP通信过程中，进行身份认证。我们知道HTTP通信是无状态的，因此客户端的请求到了服务端处理完之后是无法返回给原来的客户端。因此需要对访问的客户端进行识别，常用的做法是通过session机制：客户端在服务端登陆成功之后，服务端会生成一个sessionID，返回给客户端，客户端...
2019-10-03 17:22:57
2124
3
原创 登录状态的保存Session
登录状态的保存SessionSession是什么Session一般译作会话，牛津词典对其的解释是进行某活动连续的一段时间。从不同的层面看待session，它有着类似但不全然相同的含义。比如，在web应用的用户看来，他打开浏览器访问一个电子商务网站，登录、并完成购物直到关闭浏览器，这是一个会话。而在web应用的开发者开来，用户登录时我需要创建一个数据结构以存储用户的登录信息，这个结构也叫做ses...
2019-10-02 11:20:17
2801
原创 express上传图片中间件
上传图片使用一个中间件(multer),它依赖于express;文件提交方式必须是post提交;安装npm install --save multer引入模块(它依赖于express)//第一步//引入express并配置const express = require('express');const app = express();//添加端口号app.listen(30...
2019-10-02 11:18:36
475
原创 express中间件使用
express中间件使用express使用步骤//加载模块const express = require('express');const app = express();//相当于http 的createserver//设置路由app.get('/', (req, res) => res.send('Hello World!'));//设置访问的端口号app.listen...
2019-10-02 11:16:00
170
原创 浏览器cookie管理软件
浏览器cookie管理软件功能介绍★删除所有cookie。★编辑任何的cookie。★添加一个新的cookie。★搜索一个cookie。★保护一个cookie （只读）。★块Cookie（Cookie过滤器）。★在JSON，Netscape的cookie文件（完美的wget和卷曲）。★进口CookieJSON。★限制任何cookie的最大有效期限。下载可在网络上搜索(Edi...
2019-09-20 19:38:42
722
原创 node基本模块介绍
1文件系统(通过node操作系统文件)使用文件系统要引入fs模块 fs时核心模块,直接引用不需要下载;fs模块中所有的操作都有两种形式可以选择 同步异步同步文件系统会阻塞程序执行,也就是除非操作完毕,否侧不会向下执行代码,异步文件不会阻塞程序执行,而是在操作完成时通过回调函数将结果返回2buffer(缓冲区)buffer的结构和数组很像,操作的方法也和数组类似;是一个核心模块不...
2019-09-20 19:38:16
734
1
原创 node基础知识总结
node简介1、Node.js是一个能够在服务器端运行JavaScript的开放源代码、跨平台JavaScript运行环境;2、Node采用Google开发的V8引擎运行js代码,使用事件驱动,、非阻塞和异步I/O模型等技术来提高性能,可优化应用程序的传输量和规模;3、Node大部分基本模块都是用JavaScript编写的,在Node出现之前,js通常作为客户端程序设计语言使用,以js写出...
2019-09-20 19:34:04
335
空空如也
bgz压缩文件怎么打开
2023-09-29
虚拟串口数据转键盘输入
2023-06-02
TA创建的收藏夹 TA关注的收藏夹
TA关注的人