自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

miles-zh

前端知识点记录

  • 博客(163)
  • 收藏
  • 关注

原创 Flutter运行MacOs网络请求报错Unhandled Exception: DioException [connection error]:...

在macos/macos/Runner/DebugProfile.entitlements文件中添加如下代码。

2024-03-23 17:58:35 611

原创 Python学习笔记 —— 文件处理模块

openpyxlopenpyxl 操作Excel文件,地址

2021-02-22 20:03:37 198 1

原创 web 前端开发框架

ReactReact 用于构建用户界面的 JavaScript 库SvelteSvelte 是构建web应用程序的一种新方法。它是一个编译器,它将声明性组件转换为高效的JavaScript,从而对DOM进行外科更新。VueVue 渐进式JavaScript 框架AngularAngular 是一个应用设计框架与开发平台,用于创建高效、复杂、精致的单页面应用。...

2020-11-19 11:45:05 226

原创 React 学习笔记(十四)—— 图表使用

安装插件:npm run install --s echarts echarts-for-react导入插件import ReactEchartsCore from "echarts-for-react/lib/core";import echarts from "echarts/lib/echarts";// 导入柱形图import "echarts/lib/chart/bar";// 导入提示import "echarts/lib/component/tooltip";// 导入标题i.

2020-09-28 09:37:11 334

原创 React 学习笔记(十三)—— 导出和导入Excel 数据

安装XLSX插件:npm run install --save xlsx在使用的组件中导入xlsx,import XLSX from "xlsx";实现导入// typescript语法,使用antd中的上传按钮uploadExcel = (file: any, fileList: any[]): boolean => { let reader = new FileReader(); reader.onload = (e: any) => { let re.

2020-09-28 09:24:52 975

原创 Vue 后台返回二进制流下载文件

问题:文件下载,后台返回的数据是二进制流 // 使用axios,从后台获取文件二进制流 axios({ url:url, responseType:'arraybuffer' }).then((res)=>{ if (!res) return; let aurl = window.URL.createObjectURL( new Blob([res], { type: "application/octet-stream" }) .

2020-09-25 16:18:37 1899

原创 Vue-element-admin 开发过程中错误总结

打包后,浏览器访问dist中的index.html文件,无法找到文件// 将动态创建路由中的mode的值设为‘hash’new Router({ // mode: 'history', // require service support mode: 'hash', ....});

2020-08-05 20:14:22 221

原创 Vue + Echart 绘制地图区域标记

绘制地图区域绘制地图区域绘制标记配置项添加scatter图标类型mapOption:{ geo: { map: "QN" }, series:[ { name: "", // series名称 type: "scatter", // series图表类型 coordinateSystem: "geo", // series坐标系类型 label: { show: tru

2020-07-07 19:05:30 1794

原创 Vue + Echarts 绘制区域图

npm install echarts安装 echarts导入echarts和地图区域JSON,获得地图区域JSONimport echarts from "echarts";import mapJson from "./mapjson/522700_full.js";配置项mapOption: { title: { text: "", subtext: "", sublink: "" }, tooltip: { ..

2020-07-06 19:42:44 2546

原创 TypeScript 学习笔记 (二)—— 类型

任意类型let anyThing:any = 'Tom';// 报错 Uncaught TypeError: anyThing.setName is not a function// 编译成js后报错anyThing.setName('Jerry');// 报错 Uncaught TypeError: anyThing.sayHello is not a function// 编译成js后报错anyThing.sayHello();...

2020-07-04 20:32:39 288

原创 TypeScript 学习笔记(一)—— 安装

安装安装 Node.jsnpm install -g typescript 安装,tsc -v查看是否安装成功使用新建一个TypeScript文件test.ts使用tsc test.ts将ts文件编译为js文件VSCode使用新建一个day01文件夹,cd 到day01文件目录下,在命令提示符中运行tsc --init 命令初始ts项目使用vscode打开day01,然后进行如下步骤,就可以实现自动将ts文件编译为js文件...

2020-06-30 21:06:54 168

原创 GitHub操作报错

git push 到仓库时报错https://github.com/miles-zh/miles-zh.github.io.git ! [rejected] master -> master (fetch first) failed to push some refs to 'https://github.com/miles-zh/miles-zh.github.io.git' Updates were rejected because the remote contains work that .

2020-05-24 21:09:27 257

原创 Node学习笔记(二十 一)—— 创建 WebSocket 服务

npm install nodejs-websocket 安装nodejs-websocket使用// 引入插件const ws=require('nodejs-websocket')// 只要有用户链接,函数就会执行,会给当前链接的用户创建一个connect对象const server=ws.createServer((connect)=>{ console.log('连接成功') // console.log(connect) // 注册text事件 ,接收用.

2020-05-17 13:18:00 242

原创 如何使用 H5 中 WebSocket

创建websocket对象// 参数1:websocket的服务地址const socket=new WebSocket('wss://echo.websocket.org/')获取页面元素const input=document.querySelector('input')const button=document.querySelector('button')const div=...

2020-05-07 14:48:36 320

原创 Express学习笔记(八)—— 文件上传与下载

文件上传安装:npm install multer --save导入let multer=require('multer')let fs=require('fs')初始化上传对象// 配置上传对象,上传到当前目录下public文件夹的upload文件夹中// express快速创建的项目,当前目录相对于服务器启动对应的目录let upload = multer({ d...

2020-05-02 15:34:47 854

原创 Express学习笔记(七)—— session

安装 npm install express-session导入let session = require('express-session')配置sessionapp.use(session({ secret:'hello', // 设置加密追加字符串 resave:true, // 是否保存到磁盘 cookie:{},// 默认当会话有效 saveUn...

2020-04-30 20:23:43 135

原创 Express学习笔记(六)—— cookie

安装:npm install cookie-parse导入:const cookieParser = require('cookie-parser');设置中间件app.use(cookieParser());设置cookieapp.get('/', function(req, res, next) { // 基础设置cookie,有效期为一个会话,浏览器关...

2020-04-27 16:41:29 200

原创 Express学习笔记(五)—— 中间件

应用层中间件应用层中间件绑定到app对象中,使用app.use()方法处理http请求的参数// 中间件,匹配路由之前的操作app.use((req,res,next)=>{ req.hello=()=>{ console.log("hello world") } // 设置路由允许所有的源访问,即允许跨域访问 res.append...

2020-04-25 17:08:41 171

原创 Express学习笔记(四)—— 获取请求参数

获取 Get 请求参数app.get('/search',(req,res)=>{ // get请求所携带参数,searchKey=1,username=2 // 获取到get请求所携带参数 console.log(req.query) // {searchKey:1,username:2}})获取 Post 请求参数// 解析post请求携带参数app....

2020-04-21 21:58:30 179

原创 Express学习笔记(三)—— ejs 模板

基本使用导入ejs模板let ejs=require('ejs')设置视图对应的目录// views是模板对应的目录app.set('views',"views")设置默认的模板引擎app.set('view engine','ejs')定义模板引擎app.engine('ejs',ejs.__express)渲染app.get('/',(req,...

2020-04-20 17:24:39 178

原创 Express学习笔记(二)—— 路由

静态路由字符串路由模式// 字符串的路由模式app.get('/',(req,res)=>{ res.send('这是首页')})类字符串的正则模式// 类字符串的正则模式app.get('/ab?cd',(req,res)=>{ // /abcd和/acd返回的都是以下内容 res.send('这是abcd/acd')})app....

2020-04-19 08:10:23 128

原创 Express学习笔记(一)—— 创建项目

1. 概念:Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架,为 Web 和移动应用程序提供一组强大的功能。2. 创建项目简单创建安装:npm install express --save项目根目录下新建app.js文件,项目入口文件const express=require('express')const app=express()// 端...

2020-04-18 08:57:00 264

原创 SVN 学习笔记(一)—— 安装与使用

安装安装 VisualSVN Server安装 TortoiseSVN搭建服务器在开始菜单找到 VisualSVN Server Manager创建库上传项目,进入项目文件夹下载项目,进入项目存放文件夹提交项目误删除,回退版本...

2020-04-17 09:36:48 119

原创 Node学习笔记(十九)—— 操作MySQL数据库

链接数据库安装mysql,npm install mysql导入mysqllet mysql=require('mysql')链接数据库let options={ host:'localhost', port:'3306', // 可选,默认是3306 user:'root', password:'123456', database:'sho...

2020-04-09 11:27:30 162

原创 Node学习笔记(十八)—— NPM包上传

新建包上传文件zhfs初始化NPM包文件// cd到npm包文件夹zhfs,打开命令提示符npm initNPM包信息设置,zhfs文件夹中就会多了一个package.json文件,基本内容如下:{ "name":"zhfs", // 包名 "version":"", // 版本号 "description": "Tiny milisecond conversion ...

2020-04-08 11:04:07 105

原创 Node学习笔记(十七)—— 框架流程

1. 浏览器发送请求用户输入网址浏览器根据请求转换为HTTP的请求包2. 服务器接收请求HTTP模块中实例化的server对象,server对象监听每一次浏览器发送过来的请求,触发request事件将HTTP请求包转化为请求对象,并且传入到请求事件触发的函数中创建一个response响应对象,快速实现HTTP的响应3. 解析请求路径,执行不同渲染函数,返回不同的响应数据正...

2020-04-07 09:16:35 94

原创 Node学习笔记(十六)—— 动态渲染

app.js文件,封装服务器let http = require('http')class App { constructor() { this.server = http.createServer() this.requestEvent = {} this.server.on('request', (req, res) => {...

2020-04-06 10:15:31 193

原创 Node学习笔记(十五)—— 封装服务器

封装let http=require('http')class App{ constructor(){ this.server=http.createServer() this.requestEvent={} this.server.on('request',(req,res)=>{ console.lo...

2020-04-06 10:14:51 144

原创 Node学习笔记(十四)—— Promise | Async

写法不同ES5正常的写法getAjax(url,(res)=>{})Promise写法getAjax(url).then((res)=>{})Async写法// 异步async函数调用后也是一个Promise对象(async ()=>{ let res=await getAjax(url) })()总结:ES5写法会造成回调地狱,代码可读性差;Pr...

2020-04-05 17:37:14 117

原创 Node学习笔记(十三)—— HTTP

参考Java学习笔记(六十八)—— HTTPHTTP请求响应的步骤客户端链接到Web服务器一个HTTP客户端,一般为浏览器,与Web服务器的HTTP端口建立一个TCP套接字链接发送HTTP请求通过TCP套接字,客户端向Web服务器发送一个文本的请求报文。服务器接收请求并返回HTTP响应Web服务器解析请求,定位请求资源,分析请求链接,分析凭证,分析请求的客户端,请求数据库获取相应...

2020-04-04 19:50:47 94

原创 MySQL学习笔记(十二)—— 视图

概念:视图本质是对查询语句的封装。对于复杂的查询,多次使用后维护是非常困难的事,通过定义视图可以解决这个问题创建视图CREATE VIEW -- 视图名称 booklist AS SELECT -- 视图显示的字段 book.bookid,book.bookname,author.authorname FROM -- 表的名称 book INNER JOIN -- 表的名称...

2020-04-04 13:05:47 99

原创 MySQL学习笔记(十 一)—— MySQL 8.0.19 安装

下载 MySQL安装,注意其中的两个步骤安装完成后,开始菜单中找到 MySQL8.0 Command Line Client,点击进入,输入密码后显示如下内容,安装成功Welcome to the MySQL monitor. Commands end with ; or \g.Your MySQL connection id is 11Server version: ...

2020-04-01 16:56:47 196

原创 Node学习笔记(十 一)—— URL模块

导入模块let url=require('url')解析urllet httpUrl='https://www.baidu.com/'let urlObj=url.parse(httpUrl)console.log(urlObj)/*Url { protocol: 'https:', slashes: true, auth: null, host: 'www...

2020-04-01 09:58:50 127

原创 Node学习笔记(十)—— 路径模块、系统模块

路径模块导入模块let path=require('path')获取路径信息扩展名let info=path.extname('https://timgsa.baidu.86.jpg')console.log(info) // .jpg把一个路径或者路径片段解析为一个绝对路径let infoPath=path.resolve('../learn04')console...

2020-04-01 09:58:26 99

原创 Node学习笔记(十二)—— 获取网页数据

用axios库安装npm install axios导入模块let axios=require('axios')请求数据axios.get(httpUrl).then(res=>{ console.log(res)})

2020-04-01 09:08:17 376

原创 Node学习笔记(九)—— 文件流

写入流let fs=require('fs')// 创建写入流对象,语法:fs.createWriteStream(文件路径,【可选的配置操作】)let ws=fs.createWriteStream('hello.txt',{flags:'w',encoding:'utf-8'})// console.log(ws)// 监听文件打开事件ws.on('open',function...

2020-03-31 08:48:13 111

原创 Node学习笔记(八)—— 输入和输出

引入readline包,node模板自带let readLine=require('readline')异步输入与输出// 实例化接口对象let r1=readLine.createInterface({ output:process.stdout, input:process.stdin})// 设置r1,提问事件r1.question('你去哪里?',funct...

2020-03-30 08:06:07 226

原创 Node学习笔记(七)—— 读取文件目录和删除文件夹

导入文件模块异步写入// 将01.txt文件中的内容替换为'世界美好'fs.writeFile('./fs//01.txt','世界美好',{flag:'w',encoding:'utf-8'},function(err){ if(err){ console.log(err) }else{ console.log('写入成功') ...

2020-03-30 08:05:36 131

原创 Node学习笔记(六)—— 文件读取、写入、删除

导入文件模块// 导入文件模块,node自带的模块let fs=require('fs')同步读取// Node默认是异步// 同步读取文件,会阻塞和等等let content =fs.readFileSync('./fs/01.txt',{flag:'r',encoding:'utf-8'})console.log(content) // 01txt中的内容是01txt异步...

2020-03-28 20:09:51 375

原创 Node学习笔记(五)—— 模块导出、导入

引入本地文件默认exports导出对象// index.js文件// 导出对象let a=1;let c=2;expoerts.a=a // exports是默认导出对象// main.js文件// 导入对象let a=require('./index.js')console.log(a) // 打印结果是{a:1}默认exports导出对象就是module.ex...

2020-03-28 20:09:31 187

空空如也

空空如也

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

TA关注的人

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