- 博客(14)
- 资源 (22)
- 收藏
- 关注
RSS订阅原创 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
4845
原创 VUE3（六）项目配置使用404页面
当我们访问的路由没有预先定义的时候，就会跳到一个空白的页面。这样的体验不太好，那么我们需要配置，访问路由不存在时跳转404页面。实现这个小功能我用到了vue-router的路由守卫功能。在我们上一篇《VUE3（五）vue路由vue-router4》中的ts文件中添加如下代码：/** * 路由守卫 */router.beforeEach((guard) => { beforeEach.checkAuth(guard, router);}); /** * 路由错误回调 */r
2021-02-25 09:31:45
1354
原创 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
1660
原创 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
1952
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
452
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
396
原创 centos7.4修改ssh登录默认端口
禁止默认端口22 SSH登录修改成其他的端口。第一步，在阿里云配置开启你想开启的端口第二步：vim /etc/ssh/sshd_config找到“#Port 22”，按下图所示操作，将你想开启的端口号填在马赛克位置如果你开启了防火墙，还需要在防火墙开启端口。这里不做过多描述。重启服务器。大功告成欢迎访问个人博客https://guanchao.site欢迎访问小程序：...
2021-02-08 09:23:45
357
原创 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
3740
原创 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
252
原创 Redis（十三）redis事务
Redis作为一个非关系型数据库，其也是有事务操作的。Redis 事务可以一次执行多个命令， 并且带有以下三个重要的保证：（1）批量操作在发送 EXEC 命令前被放入队列缓存。（2）收到 EXEC 命令后进入事务执行，事务中任意命令执行失败，其余的命令依然被执行。（3）在事务执行过程，其他客户端提交的命令请求不会插入到事务执行命令序列中。一个事务从开始到执行会经历以下三个阶段：（1）开始事务。（2）命令入队。（3）执行事务。但是redis的事务和mysql的事务还是有很大区别的，mysql
2021-02-05 17:20:51
71
原创 Redis（十二）redis键（KEY）
Redis 键命令用于管理 redis 的键。这个知识点一直被我给忽略了，前几天在测试redis的数据类型的时候，就在想，我测试过程中建了那么多的键来存储对应的数据，虽说最后数据都被我清掉了，但是键应该还是一直存在的吧。这个玩意怎么删呢？我要想查看一下，我都定义了那些键，这玩意是不是得有个命令啊？时间比较紧，也没多想。今天看到了这个redis键的命令，哦，原来你在这。大概看下几个常用的redis-key命令：一：linux命令1：del删除键，成功返回1，失败返回0del hash-key
2021-02-05 09:01:00
573
原创 Redis（十一）基于redis的发布订阅实现
Redis提供了发布订阅功能，可以用于消息的传输，Redis的发布订阅机制包括三个部分，发布者，订阅者和Channel。发布者和订阅者都是Redis客户端，Channel则为Redis服务器端，发布者将消息发送到某个的频道，订阅了这个频道的订阅者就能接收到这条消息。Redis的这种发布订阅机制与基于主题的发布订阅类似，Channel相当于主题。Redis发布订阅功能（1）发送消息Redis采用PUBLISH命令发送消息，其返回值为接收到该消息的订阅者的数量。（2）订阅某个频道Redis采用SUB
2021-02-04 16:55:14
268
原创 Redis（十）redis使用list解决高并发问题，如商品秒杀
redis真的是一个很好的技术，它可以很好的在一定程度上解决网站一瞬间的并发量，例如商品抢购秒杀等活动。redis之所以能解决高并发的原因是它可以直接访问内存，而以往我们用的是数据库(硬盘),提高了访问效率,解决了数据库服务器压力。为什么redis的地位越来越高，我们为何不选择memcache，这是因为memcache只能存储字符串，而redis存储类型很丰富（例如有字符串、LIST、SET等），memcache每个值最大只能存储1M,存储资源非常有限,十分消耗内存资源,而redis可以存储1G,最重要
2021-02-03 18:06:46
2668
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
1387
小程序（三）配置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关注的人