自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue-cli-4 eslint+prettier 2022最新可用配置

module.exports = { root: true, env: { node: true, 'vue/setup-compiler-macros': true, }, extends: [ 'plugin:vue/essential', '@vue/eslint-config-typescript/recommended', 'plugin:vue/vue3-recommended', 'prettier', ], parser

2022-03-30 15:42:31 1350

原创 TypeScript 教程

TypeScript一级目录二级目录三级目录基本数据类型基本类型union & anyunknownvoid & nevernull & undefined函数断言使用as & const解构非空断言Enums 枚举类修饰符类的属性接口Interfacetype泛型 Generics类型继承类接口解构装饰器类装饰器原型对象消息处理工厂装饰器方法装饰器属性装饰器参数装饰器模块导出导入`export =` 和 `import = require()`Pro高级类型注意事项一级目

2021-12-29 16:41:17 805

原创 Nginx反向代理,上游是https 443的服务,蜜罐HFish反向代理,Client sent an HTTP request to an HTTPS server

给蜜罐HFish设置反向代理的时候,网页弹出了个 Client sent an HTTP request to an HTTPS server。必须要 IP+端口,进行访问,我设置了代理域名,那我就要 域名:端口 这样访问。这明显不符合我所想的。所以我上搜了下发现了篇解决办法https://www.it-swarm.cn/zh/nginx/%E4%BD%BF%E7%94%A8%E4%B8%8A%E6%B8%B8ssl%E5%B0%86nginx%E9%85%8D%E7%BD%AE%E4%B8%BA%E

2021-12-02 12:32:06 4470

原创 W3C标准归纳

W3C标准归纳参考:https://www.w3cschool.cn/xuexiw3c/xuexiw3c-standards.htmlW3C标准归纳W3C标准归纳1、抛弃font标签2、标准XHTML头信息格式3、Javascript定义4、CSS定义5、不要在注释内容中使用“--”6、所有标签的元素和属性的名字都必须使用小写7、所有的属性必须用引号""括起来8、把所有<和&特殊符号用编码表示9、给所有属性赋一个值10、所有的标记都必须要有一个相应的结束标记11、所有的标记都必须合理嵌套1

2021-11-24 14:39:06 5005

原创 Vue3复习和总结----组合式API-setup,终

Vue3复习和总结----组合式API-setup代码全部放在->github仓库:https://github.com/zyugat/vue-review-all详细文档可查看:zyugat.cn前言:分为base、Component、router、Vuex、组合式API。5个部分。base和Component中的例子不使用脚手架运行,需自行浏览器运行。位置->noCli组合式API-setup将界面中重复的部分连同功能都提取为可重用的代码段在 setup 中你应该避免使用 t

2021-11-17 13:47:43 905

原创 Vue3复习和总结------vuex

Vue3复习和总结(vuex)代码全部放在->github仓库:https://github.com/zyugat/vue-review-all前言:分为base、Component、router、Vuex、组合式API。5个部分。base和Component中的例子不使用脚手架运行,需自行浏览器运行。位置->noCli如果想更新Store状态,必须要先commit然后让vuex里面的mutations去改yarn add vuex@next目录:State创建实例:

2021-11-17 01:19:42 799

原创 Vue3复习和总结----vue-router

Vue3复习和总结(vue-router)代码全部放在->github仓库:https://github.com/zyugat/vue-review-all前言:分为base、Component、router、Vuex、组合式API。5个部分。base和Component中的例子不使用脚手架运行,需自行浏览器运行。位置->noClivue-routerVue3复习和总结(vue-router)路由传参路由匹配正则命名路由与视图重定向和别名和props导航守卫元信息滚动行为补route

2021-11-16 23:36:56 1086

原创 Vue3复习和总结(Component)组件v-model参数和动态组件和Attribute 继承

Vue3复习和总结(Component)组件v-model参数和动态组件和Attribute 继承代码全部放在->github仓库:https://github.com/zyugat/vue-review-all前言:分为base、Component、router、Vuex、组合式API。5个部分。base和Component中的例子不使用脚手架运行,需自行浏览器运行。位置->noCli组件v-model参数和动态组件和Attribute 继承Vue3复习和总结(Component)组

2021-11-16 22:45:56 3762

原创 Vue3复习和总结(Component)组件间四种数据传递的方式与插槽,props、emit、ref

Vue3复习和总结(Component)组件间三种数据传递的方式与插槽,props、emit、ref代码全部放在->github仓库:https://github.com/zyugat/vue-review-all前言:分为base、Component、router、Vuex、组合式API。5各部分。base和Component中的例子不使用脚手架运行,需自行浏览器运行。位置->noCli组件间三种数据传递的方式与插槽Vue3复习和总结(Component)组件间三种数据传递的方式与插槽

2021-11-16 18:20:07 4351

原创 Vue3复习和总结(base)Watch与指令与生命周期

Vue3复习和总结(base)Watch与指令代码全部放在->github仓库:https://github.com/zyugat/vue-review-all前言:分为base、Component、router、Vuex、组合式API。5各部分。base和Component中的例子不使用脚手架运行,需自行浏览器运行。位置->noCliWatch与指令Vue3复习和总结(base)Watch与指令Watch指令Watch用于监听属性,响应数据的变化,可以进行异步操作。方法名是属性名

2021-11-16 17:22:58 866

原创 Vue3复习和总结(base)条件与列表渲染与Key的作用

Vue3复习和总结(base)条件与列表渲染与Key的作用代码全部放在->github仓库:https://github.com/zyugat/vue-review-all前言:分为base、Component、router、Vuex、组合式API。5各部分。base和Component中的例子不使用脚手架运行,需自行浏览器运行。位置->noCli条件与列表渲染与Key的作用Vue3复习和总结(base)条件与列表渲染与Key的作用条件与列表渲染v-if、v-else-if、v-else

2021-11-16 16:57:35 454

原创 Vue3复习和总结(base)数据绑定与事件处理

Vue3复习和总结(base)数据绑定与事件处理代码全部放在->github仓库:https://github.com/zyugat/vue-review-all前言:分为base、Component、router、Vuex、组合式API。5各部分。base和Component中的例子不使用脚手架运行,需自行浏览器运行。位置->noCli这一章节没什么好说的,所以速过一下。数据绑定与事件处理Vue3复习和总结(base)数据绑定与事件处理数据绑定v-bind绑定class样式绑定st

2021-11-16 16:36:55 482

原创 docker-compose安装typecho博客,Nginx反向代理

docker-compose安装typecho博客,Nginx反向代理下载镜像docker-compose配置Nginx下载镜像https://hub.docker.com/r/80x86/typechodocker pull 80x86/typechodocker-composeversion: '3.4'services: mysql-main: image: mysql:5.7.22 restart: always #名称(可以为空) hostname:

2021-08-28 13:33:24 693

原创 docker-compose搭建Porl短链,Nginx反向代理

docker-compose搭建Porl短链,Nginx反向代理Docker-Compose:Nginx:Docker-Compose:作者:https://github.com/ajanvier/docker-polr# yml文件version: '3.4'services: mysql-main: image: mysql:5.7.22 restart: always #名称(可以为空) hostname: mysql-main #容器名称

2021-08-27 19:09:17 421

原创 docker-compose搭建code-server,debian使用LNMP反向代理

debian10.5搭建code-server,docker-compose说明拉取镜像配置docker-compose反向代理说明code-server的插件和配置全部都是保存在 /home/coder 中的,所以只要保存好这个文件夹就可以很方便的迁移。拉取镜像网址:https://hub.docker.com/r/codercom/code-serverdocker pull codercom/code-server:latest配置docker-compose登录:http://IP:

2021-08-25 14:06:57 779

原创 Typora安装配置PicGo-Core,picgo-plugin-web-uploader

picgo typora 上传图片

2021-08-21 18:33:25 1158 6

原创 docker-compose搭建lsky Pro 兰空 自建图库,php:7.3-apache

docker-compose搭建lsky Pro 自建图库这里写目录标题docker-compose搭建lsky Pro 自建图库注意事项docker-compose.yaml000-default.confentrypoint.shDockerfile开幕雷击,Docker镜像已经上传了,要用自己去下,点击我跳转源文件Github我已经在里面添加了阿里云的PHP加速了,构建速度会快很多RUN sed -i "s@http://deb.debian.org@http://mirrors.ali

2021-08-20 17:50:49 1688

原创 vacode个人配置eslint和pretter,在用的vscode插件推荐。

vacode个人配置eslint和pretter,在用的vscode插件推荐。没什么好说的,自己看配置,我都加上的注释,选择性的去修改。最后附上我在用的的插件列表{ "C_Cpp.updateChannel": "Insiders", // CodeRunner在终端运行 "code-runner.runInTerminal": true, "diffEditor.ignoreTrimWhitespace": false, // 代码编辑配置 "editor.fontSiz

2021-08-09 23:51:09 379

原创 使用node自动更新域名记录,腾讯云DNSPod,API,脚本,服务器

使用node自动更新域名记录,腾讯云DNSPod,API。之前问电信拿了公网IP,但是每隔一段时间IP地址就会变,所以就打算写一个脚本每天定时检测IP地址有没有变化,如果有变化就自动更新。->腾讯云API网址-<第一步,获取API密钥https://console.cloud.tencent.com/cam/capi登录链接,自己生成自己生成一个API第二步,获取更改记录的ID在"Domain":"域名"写上你的域名找到secretId和secretKey,填上你刚刚获取

2021-08-09 17:31:33 1588

原创 flask个人项目总结

flask个人项目总结基本使用进阶使用数据库的连接及增删改查操作报错解决方案基本使用输出简单Hello worldfrom flask import Flaskapp=Flask(__name__);@app.route('/')def index(): return 'Hello World!'if __name__ == '__main__': app.run()输出页面app=Flask(__name__,template_folder='app/te

2021-08-04 14:20:54 200

原创 微信小程序个人总结-基础篇

wxWeb微信小程序个人总结-基础篇wxWeb基础组件生命周期扩展基础view->divtext->span轮播图:swiper<swiper-item>100vw=手机宽度 100vh=手机高度图片拉伸:swiper宽度*原图高度/原图宽度导航组件:navigator<navigator url="">点击跳转</navigator>富文本:rich-text1<rich-text nodes="

2021-08-04 14:19:00 507

原创 MongoDB个人总结

MongoDBMongoDB个人总结MongoDB一、常用命令文档小结二、索引SQL术语/概念MongoDB术语/概念解释/说明databasedatabase数据库tablecollection数据库表/集合rowdocument数据记录行/文档columnfield数据字段/域indexindex索引table joins表连接,MongoDB不支持嵌入文档MongoDB通过嵌入式文档来替代多表连接prima

2021-08-04 14:16:31 182

原创 webpack简单的使用

webpack5五个概念Entry:入口文件Output:输出Loader:处理非JS文件Plugins:插件Mode:development:能让代码本地调试 运行的环境production:能让代码优化上线 运行的环境安装步骤分两步全局安装npm i webpack webpack-cli -g进入项目目录,将webpack配置文件添加进去npm i webpack webpack-cli -D新建入口文件:src/index.js运行指令开发环境

2021-08-04 14:14:46 100

原创 JavaScript关于原型链的总结

JavaScript关于原型链的总结JavaScript关于原型链的总结一、原型属性二、原型链三、instanceof原型链的总结JavaScript关于原型链的总结一、原型属性函数的prototype属性每个函数都有一个prototype属性, 它默认指向一个Object空对象(即称为: 原型对象)原型对象中有一个属性constructor, 它指向函数对象给原型对象添加属性(一般都是方法)作用: 函数的所有实例对象自动拥有原型中的属性(方法)当在创建每一个函数时,解析器

2021-08-04 14:12:56 258

原创 Promise与async和await的总结

Promise语法上 Promise 是一个构造函数Promise 构造函数:Promise (excutor)()Promise.prototype.thenPromise.prototype.catchPromise.allSettled:不管数组中的 Promise 是否成功或失败 都会执行完全部成功就调用resolve,失败调用reject //实例化 Promise 对象 const p = new Promise(function(resolve, reject)

2021-08-04 14:03:18 141

原创 javascirpt-ES6+新特性

这里写目录标题箭头函数let:声明遍历,与var不同,他不存在变量提升,不影响作用域链。const:定义常量,值不能修改的量,常量一般使用大写,常量所指向的地址没有发生改变,就不会报错。数组解构赋值:const my = ['test1','test2','test3'];let [t1] = myconsole.log(t1) // test1对象解构赋值:const my = { name: '我的名字', age: '18', test: function(){ c

2021-08-04 14:01:15 137

原创 JavaScript-DOM总结

JavaScript-DOM总结JavaScript-DOM总结获取元素获取&修改属性BOM标记.JavaScript-DOM总结获取元素class属性:.id属性:#getElementById:通过ID获取,返回对象,可直接操作。getElementsByTagName:通过标签名获取,返回对象数组,需遍历。document.getElementsByTagName("li");document.getElementsByTagName("li").length;getEl

2021-08-04 13:59:20 95

原创 javascript数据类型的总结

javascript数据类型的总结数据类型的总结String字符串Array数组Object对象Function函数Symbol唯一值set集合Map键值对集合Class类数据类型的总结String字符串charAt():返回给定位置的字符charCodeAt():返回给定位置的字符编码concat():将一个或多个字符串拼接起来trim():删除前置和后缀空格match():字符串正则表达式匹配search():返回第一个匹配项的索引parseInt():字符串转整数parseFl

2021-08-04 13:54:48 60

原创 CentOS7 使用frp内网穿透 在公司远程桌面连接自家电脑

CentOS7 使用frp内网穿透 在公司远程桌面连接自家电脑Day1文章目录CentOS7 使用frp内网穿透 在公司远程桌面连接自家电脑前言一、服务器的安装与配置面板:二、客户端的安装与配置三、最后:使用四、最后总结报错: No connection could be made because the target machine actively refused it.五、开机自启总结前言此文章根据官方文档及些网络资料编写,仅供个人使用。提示:以下是本篇文章正文内容,下面案例可

2020-11-29 12:56:44 1778

原创 CentOS7 systemctl 开机自启 配置

CentOS7 systemctl 开机自启 配置Day1文章目录CentOS7 systemctl 开机自启 配置前言一、说明配置说明其他命令总结前言此文章根据官方文档及些网络资料编写,仅供个人使用。提示:以下是本篇文章正文内容,下面案例可供参考一、说明Centos7的服务systemctl脚本存放在: /usr/lib/systemd/有系统(system)和用户(user)之分,需要开机不登陆就能运行的程序,存下系统服务里,即:/usr/lib/systemd/syste

2020-11-29 12:51:30 1112

原创 Vue-cli4——axios

Vue-cli4——axiosDay1文章目录Vue-cli4——axios前言一、介绍二、安装三、简单使用3.1 简单实例3.2 axios.all3.3 全局配置四、实例4.1 局部实例4.2 封装实例五、拦截器总结前言此文章根据官方文档及些网络资料编写,仅供个人使用。提示:以下是本篇文章正文内容,下面案例可供参考一、介绍他支持多种请求方式axios(config)axios.request(config)axios.get(url[, config])axios.d

2020-11-20 20:32:51 544

原创 Vue-cli4——vuex

Vue-cli4——vuexDay1文章目录Vue-cli4——vuex前言一、介绍二、各种状态2.1 单界面的状态管理2.2多界面的状态管理2.3 三种状态2.4 另外一种状态的处理形式三、链式调用四、Vuex简单的实例五、Getters5.1 将couter的数量乘以25.2 参数和传递参数六、Mutations6.1 携带参数6.2 另一种提交方式6.3 定义常量七、Action7.1 简单实现7.2 使用Promise八、Modules8.1 实例九、分离式目录结构总结前言此文章根

2020-11-20 14:44:15 1131

原创 Vue-cli4——Promise

Vue-cli4——PromiseDay1文章目录Vue-cli4——Promise前言一、介绍三种状态另外一种处理形式链式调用all方法的使用总结前言此文章根据官方文档及些网络资料编写,仅供个人使用。提示:以下是本篇文章正文内容,下面案例可供参考一、介绍一般在有异步操作的时候才会用到,使用Promise对异步操作镜像封装。new =>前面这段他希望你是作为网络请求,数据处理则希望你在then里面处理new Promise((resolve, reject) =&gt

2020-11-19 15:02:21 231

原创 Vue-cli4——TabBar底部导航栏代码解析

Vue-cli4——TabBar底部导航栏代码解析Day1文章目录Vue-cli4——TabBar底部导航栏代码解析前言目录总结前言此文章根据官方文档及些网络资料编写,仅供个人使用。提示:以下是本篇文章正文内容,下面案例可供参考目录tabbar src components tabbar TabBar.vue TabBarItem.vue MainTabBar.vue router index.js views cart

2020-11-19 09:58:28 457

原创 Vue-cli4——vue-router路由

Vue-cli4——vue-router路由(一)Day1文章目录Vue-cli4——vue-router路由(一)前言一、代码解析1.1 src/router/index.js1.2 src/App.vue二、实例2.1 简单的实例2.2 在网页中不显示#号2.3 重定向2.4 router-link2.5 通过代码跳转2.6 路由懒加载三、嵌套与数据传递3.1 嵌套3.2 动态路由传递数据,params3.3 参数传递,query3.4 参数传递案例,params与query3.5 router

2020-11-18 13:34:27 4633

原创 Vue-Cli学习(一)——安装脚手架和初始化项目

Vue-Cli学习(一)——安装脚手架和初始化项目Day1文章目录Vue-Cli学习(一)——安装脚手架和初始化项目前言一、Vue-cli安装二、初始化项目三、项目结构总结前言此文章根据官方文档及些网络资料编写,仅供个人使用。提示:以下是本篇文章正文内容,下面案例可供参考一、Vue-cli安装全局安装,在CMD上输入npm install -g @vue/cli# ORyarn global add @vue/cli安装完后使用这个查看版本vue --versi

2020-11-13 13:26:50 144

原创 Vue:安装的时候报错,EEXIST: file already exists, cmd shim ‘C:\Users\Administrator\AppData\Roaming\npm

意思是:在C:\Users\Administrator\AppData\Roaming\npm\目录下存在一个名为vue的文件,需要你删除,然后我删完以后他又提示好家伙,然后我就直接把vue*文件删了完事:

2020-11-11 15:55:29 5882 5

原创 Vue学习(五)组件的插槽

Vue学习(五)组件的插槽Day1文章目录Vue学习(五)组件的插槽前言一、插槽的概念1.1简单使用总结前言此文章根据官方文档及些网络资料编写,仅供个人使用。提示:以下是本篇文章正文内容,下面案例可供参考一、插槽的概念slot,翻译过来就是插槽的意思。其目的是让我们封装的组件更加多样化和扩展性。1.1简单使用总结Vue学习(一)插值操作Vue学习(二)动态绑定与事件监听Vue学习(三)循环遍历与表单绑定Vue学习(四)组件与组件间的通信...

2020-11-07 19:05:39 130

原创 Vue学习(四)组件与组件间的通信

Vue学习——组件Day1文章目录Vue学习——组件前言一、组件基本使用1.1 注册组件的基本步骤1.2 全局组件1.3 局部组件1.4 父组件调用子组件1.5 组件语法糖1.6 模板分离1.7 组件数据问题二、组件间通信2.1 props子组件接受父组件的数据三、slot-插槽总结前言此文章根据官方文档及些网络资料编写,仅供个人使用。提示:以下是本篇文章正文内容,下面案例可供参考一、组件基本使用1.1 注册组件的基本步骤将页面分成若干组件进行开发,然后组件的组成分成三个步骤

2020-11-07 16:00:13 226

原创 Vue学习(三)循环遍历与表单绑定

v-for&v-modelDay1文章目录v-for&v-model前言一、V-for1.遍历数组2.遍历对象3.Key值的作用二、V-model1.简单使用2.V-model的原理3.V-model的修饰符2.V-model的小案例总结前言此文章根据官方文档及些网络资料编写,仅供个人使用。提示:以下是本篇文章正文内容,下面案例可供参考一、V-for介绍:V-for可遍历数据对象1.遍历数组格式:<div v-for="(item, inde

2020-11-06 16:13:37 2289

空空如也

空空如也

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

TA关注的人

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