- 博客(14)
- 资源 (22)
- 收藏
- 关注
原创 VUE3(七)vue项目抽离.vue文件中的js、css代码
平常再做开发的时候,一般情况下不会将html,js,css代码写到一个文件中。基本上都会写在各自对应的文件中,然后再引入即可。那么在VUE中我们如何抽离vue文件中的js,与css代码呢?1:抽离javascriptHome.vue<template> <div> <div :style="{ padding: '24px', background: '#fff', minHeight: '360px' }"> <h1>T
2021-02-26 10:30:16 5546 2
原创 VUE3(六)项目配置使用404页面
当我们访问的路由没有预先定义的时候,就会跳到一个空白的页面。这样的体验不太好,那么我们需要配置,访问路由不存在时跳转404页面。实现这个小功能我用到了vue-router的路由守卫功能。在我们上一篇《VUE3(五)vue路由vue-router4》中的ts文件中添加如下代码:/** * 路由守卫 */router.beforeEach((guard) => { beforeEach.checkAuth(guard, router);}); /** * 路由错误回调 */r
2021-02-25 09:31:45 1410
原创 VUE3(五)vue路由vue-router4
使用vue-router,这里特别说明一下,我这里记录的是vue-router文件的编写。及在页面中的使用。我的站点主要分为三个部分:1:pc端页面的路由2:手机端页面的路由3:后端管理系统的路由因此,我这里会使用到路由嵌套(子路由)。具体的用法请参照官方文档:https://router.vuejs.org/我这里放一下我当前使用文件得我内容。我使用的基础语言是typescript:Index.ts// 引入vue-router对象import { createRouter, cre
2021-02-22 10:07:50 1720
原创 VUE3(四)目录结构
更好的了解项目的目录结构,能更好的去开发项目:当前展示的目录结构是基于vite搭建的项目。目录结构如下图所示:我的代码是托管在我自己的git服务器上边的,默认安装的时候是不存在的。1:dist目录存放打包之后的代码文件2:node_modules存放项目依赖的包目录3:public存放公共文件目录4:src存放代码的主要目录(1):assets我这里存放了每个页面对应的css、js以及图片文件(2):components存放项目使用的公共组件(3):router存放vu
2021-02-19 09:20:48 2065 2
原创 VUE3(三)项目配置插件支持
上一篇中我们创建了项目并成功运行。这里为我的项目添加依赖,我这里使用的是yarn。1:安装vue-routeryarn add vue-router@next2:安装vuexyarn add vuex@@next3:安装组件库Ant Design Vueyarn add ant-design-vue@next4:安装typescriptyarn add -D typescript使用 TypeScriptmain.js 重命名为 main.tsindex.html 里把 /s
2021-02-18 13:48:33 469 4
原创 VUE3(二)使用vue-cli创建一个项目
VUE3官方推荐使用vite来构建项目,但是并不是说之前使用vue-cli创建项目就不行了。使用vue-cli创建项目,要确保你的vue-cli的版本要大于4.5.6.一:安装vue-cli建议使用 npm 安装Yarn 安装不会默认安装 vue 命令。1:命令npm install -g @vue/cli2:升级命令npm update -g @vue/cli3:查看版本vue --version二:使用命令行创建项目vue create vue3-test大概需要以下几
2021-02-09 08:54:37 411
原创 centos7.4修改ssh登录默认端口
禁止默认端口22 SSH登录修改成其他的端口。第一步,在阿里云配置开启你想开启的端口第二步:vim /etc/ssh/sshd_config找到“#Port 22”,按下图所示操作,将你想开启的端口号填在马赛克位置如果你开启了防火墙,还需要在防火墙开启端口。这里不做过多描述。重启服务器。大功告成欢迎访问个人博客https://guanchao.site欢迎访问小程序:...
2021-02-08 09:23:45 380
原创 VUE3(一)安装+使用vite创建一个项目
VUE3.0第一篇。主要还是看一看官方的手册,做一个笔记。官方文档网址:https://www.vue3js.cn/docs/zh/guide/introduction.html这里看一下vue3.0的安装以及创建第一个项目。官方对js包管理为我们提供了两个选择,npm和yarn。我这里比较倾向使用yarn。关于yarn的介绍,请移步《js包管理工具yarn》一:安装vue3.0yarn global add @vue/cli@next安装成功如下图所示:二:创建项目1:创建一个名为
2021-02-08 09:02:10 3774
原创 PHP-redis操作类
关于PHP操作redis的一些命令之类的,我将其封装成了一个类,其中包含redis五种数据类型的操作,基本功能大概都是有了。下边是类的代码。文末有资源,可下载。Redis.php<?php /** * redis操作类 * 说明,任何为false的串,存在redis中都是空串。 * 只有在key不存在时,才会返回false。 * 这点可用于防止缓存穿透 * */class Redis{ private $redis; //当前数据库ID号 protected
2021-02-07 10:24:19 258
原创 Redis(十三)redis事务
Redis作为一个非关系型数据库,其也是有事务操作的。Redis 事务可以一次执行多个命令, 并且带有以下三个重要的保证:(1)批量操作在发送 EXEC 命令前被放入队列缓存。(2)收到 EXEC 命令后进入事务执行,事务中任意命令执行失败,其余的命令依然被执行。(3)在事务执行过程,其他客户端提交的命令请求不会插入到事务执行命令序列中。一个事务从开始到执行会经历以下三个阶段:(1)开始事务。(2)命令入队。(3)执行事务。但是redis的事务和mysql的事务还是有很大区别的,mysql
2021-02-05 17:20:51 77
原创 Redis(十二)redis键(KEY)
Redis 键命令用于管理 redis 的键。这个知识点一直被我给忽略了,前几天在测试redis的数据类型的时候,就在想,我测试过程中建了那么多的键来存储对应的数据,虽说最后数据都被我清掉了,但是键应该还是一直存在的吧。这个玩意怎么删呢?我要想查看一下,我都定义了那些键,这玩意是不是得有个命令啊?时间比较紧,也没多想。今天看到了这个redis键的命令,哦,原来你在这。大概看下几个常用的redis-key命令:一:linux命令1:del删除键,成功返回1,失败返回0del hash-key
2021-02-05 09:01:00 607
原创 Redis(十一)基于redis的发布订阅实现
Redis提供了发布订阅功能,可以用于消息的传输,Redis的发布订阅机制包括三个部分,发布者,订阅者和Channel。发布者和订阅者都是Redis客户端,Channel则为Redis服务器端,发布者将消息发送到某个的频道,订阅了这个频道的订阅者就能接收到这条消息。Redis的这种发布订阅机制与基于主题的发布订阅类似,Channel相当于主题。Redis发布订阅功能(1)发送消息Redis采用PUBLISH命令发送消息,其返回值为接收到该消息的订阅者的数量。(2)订阅某个频道Redis采用SUB
2021-02-04 16:55:14 296
原创 Redis(十)redis使用list解决高并发问题,如商品秒杀
redis真的是一个很好的技术,它可以很好的在一定程度上解决网站一瞬间的并发量,例如商品抢购秒杀等活动。redis之所以能解决高并发的原因是它可以直接访问内存,而以往我们用的是数据库(硬盘),提高了访问效率,解决了数据库服务器压力。为什么redis的地位越来越高,我们为何不选择memcache,这是因为memcache只能存储字符串,而redis存储类型很丰富(例如有字符串、LIST、SET等),memcache每个值最大只能存储1M,存储资源非常有限,十分消耗内存资源,而redis可以存储1G,最重要
2021-02-03 18:06:46 2781 9
原创 CentOS7.8使用yum安装PHP 7.4
服务器是阿里云的centos7.8。之前安装的PHP版本是7.2,但是laravel8框架要求PHP的版本必须大于7.3我这里尝试使用编译安装了一下,但是编译安装的PHP-GD库扩展不支持jpeg,目前并没有解决这个问题。因此,我这里先使用yum安装一下PHP7.4。一、添加EPEL和REMI存储库运行以下命令以添加所需的存储库:sudo yum -y install https://dl.fedoraproject.org/pub/epel/epel-release-latest-7.noar
2021-02-02 09:49:18 1470
小程序(三)配置tabbar及自定义tabbar样式
2020-09-26
blur-admin-master.zip
2020-09-26
gentelella-master.zip
2020-09-26
startbootstrap-sb-admin-2-master
2020-09-26
startbootstrap-sb-admin-master.zip
2020-09-26
设计模式(十六)之抽象工厂模式.zip
2020-02-17
设计模式(十五)之观察者模式.zip
2020-02-17
设计模式(十二)迪米特原则(最少知识原则).zip
2020-02-17
设计模式(十一)之模板方法模式.zip
2020-02-17
设计模式(十)之原型模式.zip
2020-02-17
设计模式(八)之静态代理模式.zip
2020-02-17
设计模式(六)之里氏替换原则.zip
2020-02-17
设计模式(五)之依赖倒转原则.zip
2020-02-17
设计模式(四)之开放封闭原则.zip
2020-02-17
设计模式(三)之单一职责原则.zip
2020-02-17
设计模式(一)之简单工厂模式
2020-02-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人