- 博客(20)
- 收藏
- 关注
RSS订阅原创 vue3导航守卫
vue3导航守卫router.beforeEach我们在写后台登录系统的时候很多地方都会用到权限，比如说没有登录就不能进入到某页面，只有登录后才可以进入到某页面。第一步在router文件中的index.js中添加一个对象，这个requireAuth中的布尔值用来判断是否需要进行登录验证第二步在vuex中存储一个变量，也可以使用本地存储，这里我使用的是vuex第三步在router文件中index.js具体思路：当在HelloWord这个登录页面时根据输入的账号密码来进行请求接口，请求成功就返回
2021-07-22 10:31:10
1052
原创 vue3.0项目可视化安装
vue可视化安装项目在所需要安装的文件中使用cmd输入指令vue-ui输入成功后会自动打开一个页面点击这里开启项目管理页面这里可以选择是vue2，或者vue3的项目都可以，也可以选择自己手动配置创建好了就可以启动项目了...
2021-07-06 15:27:17
268
原创 vue3子路由嵌套
vue子路由嵌套，嵌套多重子路由首先要使用子路由嵌套就要在route文件中要添加子路由的页面添加一个参数children中的格式为数组，这里面参数就是我们今天要说的子路由然后在页面中写下route-link标签，route-link标签中有一个为to的参数，这个参数里面的name值就是要显示的子页面当然只写一个route-link标签是不够的，它如何显示到页面呢，显示到什么位置呢这个时候就要用到router-view这个标签了这个标签中定义的就是点击中的子路由中的内容了，当然这个标签只要不放
2021-07-06 14:29:14
2677
原创 vue3.0axion
vue3.0axios首先安装axios我是使用vue中的可视化管理进行安装在对应文件使用cmd命令打开npm后输入vue ui，输入后会自动打开页面（下图）看到这个页面后点击项目依赖，如果没有axios就在右上角安装依赖搜索axios进行安装(下图)安装完成后到项目中main.js中进行配置(下图)配置完成之后就可以使用axios了这样就完成了...
2021-06-19 11:20:16
264
原创 vue3.0路由跳转
vue3.0跳转首先查看自己项目目录中是否有route文件，这个文件用来配置路由信息（下图）如果没有可以在当前项目文件夹使用cmd命令，然后输入vue ui打开之后是这个页面（上图）这里我已经下载了，没有下载的小伙伴可以在右上角的安装依赖搜索vue-route进行下载（上图）回归正题当有了router文件时打开对应的index.js文件进行路由配置当然配置好这个文件还是不行的，还要在页面中进行引用，这里我是给div添加了一个点击事件然后就是在页面中配置这些东西这个时候就可以跳转
2021-06-19 09:42:38
9922
原创 js入口函数和jq入口函数区别
JQuery入口函数与JS的区别书写简洁JS入口函数的定义多次只能生效一次JQuerry入口函数的定义多次只能生效多次< page contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>入口函数</title> <script src="js/jquery-3.3.1.min.js"></script>
2021-03-29 21:14:45
240
原创 js函数定义方法和区别
定义一个函数一般有如下三种方式：1.函数关键字(function)语句：function fnName(x){ alert(x);}2.函数字面量(Function Literals)：var fnName = function(x){alert(x);}也可以使用下属方式，为其显示命名并赋于一个变量：var fnName = function fnn (x){alert(x);}console.log(fnName)----> function fnn (x){alert
2021-03-29 21:07:46
198
原创 new关键字作用
1.创建一个空对象obj2.该对象的原型指向构造函数的原型对象3.传入参数，执行构造函数，将this指向obj手写new的执行过程控制台结果可以看到控制台结果是相同的
2021-03-29 21:01:57
116
原创 js绑定事件方法
js的话有三种绑定事件，下面就是一些实例1.嵌入dom<button onclick="open()">按钮</button><script>function open(){ alert(1)}</script>2.直接绑定<button id="btn">按钮</button><script>document.getElementById('btn').onclick = function(){
2021-03-29 20:58:32
141
原创 js本地存储
js中本地存储的方式javaScript有三种数据存储方式，分别是：sessionStoragelocalStoragecookier1. sessionStoragesessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除；setItem(key,value) 设置数据getItem(key) 获取数据removeItem(key) 移除数据clear() 清除所有值<script> // 添加数据 window.sessionStora
2021-03-29 16:55:33
387
原创 如何在vue行内使用三元表达式
格式color是要添加的css样式，当status值为true时文字的颜色就为蓝色，当status值为false时文字颜色为红色<text :style="{'color':status === true ? 'blue':'red'}">按钮</text>也可以使用这个办法进行绑定css<div id="containes" style="width:100%; height:100%" :class="[cursor ? 'cursorCrosshair' : '
2021-03-29 16:29:16
3261
原创 前端单位
首先网页设计单位是涉及到我们布局的效果，使用不同的单位会对最终的demo，会有影响。现在都是要求响应式设计，需要适配各种设备，电脑，手机，平板。如果单位不合适，可能在这个设备显示良好，那个设备就会打乱布局。所以需要我们选择合适的单位来进行开发，设计。1.pxpx就是pixel的缩写，意为像素。px就是设备或者图片最小的一个点，比如常常听到的电脑像素是1024x768的，表示的是水平方向是1024个像素点，垂直方向是768个像素点。是我们网页设计常用的单位，也是基本单位。通过px可以设置固定的布局或
2021-03-29 15:37:57
104
原创 uniapp音频
uniapp音频今天使用uniapp制作了一个音频播放的一个功能现在来分享一下首先呢是实例化音频声音然后获取到音频的一个路径，将音频放到api的src中这知识简单的音频播放如果需要同一个按钮来控制播放暂停就可以加一个if判断首先在data中给一个变量赋值为一个true然后进行判断...
2021-03-29 15:31:28
1679
原创 git版本管理
git版本管理首先注册git账号然后在此新建仓库用来存储代码部分仓库名称自己拟定然后选择语言然后创建仓库，创建好仓库后出现一个地址，复制此地址后面要用到之后再在需要存储的文件夹中点击鼠标右键出现一个Git Bash Here然后点击这个...
2021-03-29 13:40:11
116
原创 js抽奖功能
需求从数组中随机挑选中奖成员js代码实现let list = [‘王大’, ‘hhh’, ‘撒旦’, ‘是小甜甜’, ‘ghj4232’, ‘啊哦额’, ‘笔头3862’, ‘李鹏’, ‘阿兴’, ‘梦d’, ‘阿萨斯’, ‘Json’, ‘B塔’, ‘ss’]// 抽3个for(let i =0; i < 3; i ++) {const random = Math.floor(Math.random() * list.length)console.log(list[random])
2021-03-22 10:36:16
213
原创 前端理论知识（3）
前端理论知识题（3）vue简述框架和库的区别库是一个封装好的特定的集合，提供给开发者使用；框架则是为解决一类问题而开发的产品；库的使用非常灵活，但没有框架方便，这就是框架和库本质的区别。什么是渐进式框架渐进式框架的大概意思就是你可以只用我的一部分,而不是用了我这一部分就必须用我的所有东西。Vue有哪些优缺点（各四个）优点：1.组件化开发2.单页面路由4.双向的数据绑定5.单向数据流6.易于结合其他第三库7.轻巧、高性能 8.渐进式框架9.是已数据驱动执行的缺点
2021-03-13 17:23:48
237
原创 前端理论知识（2）
前端理论知识题（2）jsjs由dom，bom，ECMAScript变量命名规则1. 可以含有字母、数字、_ 、$2. 不能以数字开头3. 不能是ES中的关键字或保留字4. 一般都采用驼峰命名法数据类型有几种，判断数据类型的方法undefined（未定义）null（空值）string（字符串）number（数字）boolean（布尔值）objick（对象）使用typeof判断数据类型 可以判断undefined，objick，number，boolean，function，
2021-03-13 17:22:44
285
原创 前端理论知识（1）
前端理论知识（1）htmldoctype 的作用是什么？标准模式与兼容模式各有什么区别? 你知道多少种Doctype文档类型DOCTYPE的作用是告知浏览器的解析器用什么文档标准解析这个文档。标准模式的以该浏览器支持的最高标准运行。在兼容模式中，模拟老式浏览器的行为以防止站点无法工作。简单的说，就是尽可能的显示能显示的东西给用户看。XHTML 1.0中有3种文档类型定义分别是过渡的（Transitional）、严格的（Strict）和框架的（Frameset）。html5为什么只需要
2021-03-13 17:20:37
322
原创 vue项目安装
vue项目安装vue是当前最火的前端技术之一，本文将介绍怎么利用vue-cli工具快速搭建一个vue项目，适用于大部分前端架构，详细的操作步骤如下。一:node.js安装1.首先打开node.js官网https://nodejs.org/en/download/在node.js官网下载安装包根据自己的电脑配置进行选择,例:我的电脑是Windows 64位系统,那么就选择相对应的版本2.安装完成后会在文件夹显示3.在电脑上使用winwods+r可以查看是否下载成功windows+r打开cm
2020-11-26 16:24:39
687
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人