- 博客(19)
- 收藏
- 关注
原创 导航守卫
//挂载路由导航守卫router.beforeEach((to, from, next) => { if (to.path === "/login") return next(); const tokenStr = window.sessionStorage.getItem("token"); if (!tokenStr) return next("/login"); next();});
2021-04-21 10:34:30 106
原创 react前端解决跨域问题
# react脚手架配置代理总结## 方法一> 在package.json中追加如下配置```json"proxy":"http://localhost:5000"```说明:1. 优点:配置简单,前端请求资源时可以不加任何前缀。2. 缺点:不能配置多个代理。3. 工作方式:上述方式配置代理,当请求了3000不存在的资源时,那么该请求会转发给5000 (优先匹配前端资源)## 方法二1. 第一步:创建代理配置文件 ``` 在src下创建配置文件:src...
2021-03-26 14:09:09 736
原创 VUE中的一些常用知识
element 组件的使用 import {xx} from "element-ui"Vue.use(Button);Vue.prototype.$message = Message;Vue.prototype.$confirm = MessageBox.confirm;//引用this.$message.error("获取动态参数列表失败!") 挂载路由导航守卫 //挂载路由导航守卫router.beforEach((to,from,next)=>{//to 将要..
2021-03-08 13:25:01 127
原创 vue-router 安装和配置、使用
安装路由vue-router 指令:npm install vue-router --save 在模块化工程中使用它(因为一个插件,所以通过Vue.use()来安装路由功能)第一步:导入路由对象,并且调用Vue.use(VueRouter) 第二步: 创建路由实例,并且传入路由印射配置 第三步:在Vue实例中挂载创建的路由实例使用vue-router的步骤:第一步:创建路由组件 第二部:配置路由印射:组件和路径印射关系(配置印射关系是可以重定向 redirect mode:‘his...
2020-11-21 00:01:16 108
原创 认识VueCLI3创建项目和目录结构
node-modules安装的一些依赖public文件静态文件.browserslistrc配置游览器的一些东西,gitignore不想给同事分享的话可以在这忽略下package.json根据这个文件 通过 npm install 自动安装一些依赖babel.config.js配置babel相关的东西的(ES语法转换)package.lock.json安装版本管理README.mdmarkdown语法pos...
2020-11-18 23:59:08 353
原创 git下载和管理
1.安装git官网:https://git-scm.com/downloads2.安装后初始设置执行:$ git config --global user.name "runoob"$ git config --global user.email ""查看信息:$ git config --list查看版本$ git --version3.git在本地管理新建仓库$ git init工作区上传到暂存区$ git add .查看状态:$...
2020-11-11 23:38:13 111
原创 10分钟搭建自己的云服务器环境
1.购买云服务器(阿里云、百度云)2.重置或者重建一个云服务器实例(我用的是Ubuntu 18.04its 64位)3.在本地使用xshell 、 finalshell远程连接到服务器4.百度宝塔面板,然后在xshell 或者 finalshell 安装 复制粘贴相应的指令5.获得网址 用户名和密码后 进入面板 创建站点6.上传自己的文件到服务器...
2020-10-28 23:05:58 1146
原创 媒体查询使用
可以同时适应pc端、ipad端和手机移动端 /* pc端 */ @media screen and (min-width: 992px){ .box{ background-color: red; } } /* ipad */ @media screen and (max-width: 992px) and (min-width: 768px){ .box{ background-color: green; } } /* 移动端 .
2020-10-21 14:49:18 101
原创 前端面试(面试碰到的)一
1.移动端响应式布局移动端响应式布局参考rem 百分比% 利用UI框架实现响应式布局flexible.js媒体查询2.绝对定位、相对定位和固定定位position : absolute / relative / fixed没有滚动条的情况下没有差异 在滚动条的情况下,fixed定位不会随滚动条移动而移动,而absolute则会随滚动条移动3.垂直和居中对齐text-align;centerline-height:200pxdisplay;...
2020-10-19 15:19:44 148
原创 css3新增的特性总结
1.新的选择器属性选择器[title] [class="demo"]结构伪类选择器nth-child(n)伪类选择器::before::after 2.转换transform2dtranslate(x,y)rotate(45deg )scale(x,y)3dtranslate3d(x,y,z)rotateX(x)rotateY(y)rotateZ(z)3.动画animation重点记住我们动画的简写属性4.游览器的私有前缀私有前缀是.
2020-10-15 21:39:19 163
原创 Css3新特性(3D转换)
3D移动 translate3d1.3D移动在2D移动的基础上多加了一个可以移动的方向,就是z轴方向transform: translate (100px):仅仅是在x轴上移动transform:translate(100px):仅仅是在y轴上面移动 transform: translate (100px) : 仅仅是在z轴上移动(注意:translateZ一般用在px单位) transform:translate3d(x,y,z):其中x,y,z分别指要移动的轴的方向的距离2.透视 pe..
2020-10-14 17:12:28 203
原创 css3的一些新特性2(2D)
一、2D旋转1.transfrom:translate 平移transformtransform:translate(100px,0)transform:translateX(100px)transform:translateY(100px)1.定义2D转换中的移动,沿着x和y轴移动元素2.translate的最大优点:不会影响到其他元素的位置3.translate中的百分比单位是相对于自身的元素的translate:(50%,50%)4.对行内元素没有效果2.transfo..
2020-10-13 15:35:44 108
原创 Css3一些新特性3(动画)
1.动画的基本使用制作动画分两步:1.先定义动画2.在使用(调用)动画1.keyframes 定义动画(类似定义类选择器)@keyframes 动画名称{ 0%{ width:100px; } 100%{ width:200px; }}@keyframes 动画名称{ from{ transfrom:translate(0,0); } to{ transfrom.
2020-10-13 15:34:52 78
原创 css3的一些新特性
css新增的一些新特性1.属性选择器 2.结构伪类选择器 3.伪元素选择器 4.2d转换 5.动画 6. 3D转换 7.游览器私有前缀一.属性选择器选择符 简介 举例 E[att] 选择具有att的E元素 button[disabled] E[att=“val”] 选择具有att属性且属性等于val的E元素 input[type="search"] E[att^="val"] 匹配具有att属性、且值以val开头的E元素 .
2020-10-12 12:47:39 147
原创 Html5的一些新特性
概括Html5新增了哪些新特性?语义特性、本地存储特性、设备兼容特性、连接特性、网页多媒体特性、三维、图形及特效特性、性能与集成特性、css3特性。
2020-09-27 21:49:45 105
原创 ES6一些新特性
新的声明方式let 局部声明(只在区块内起作用,防止数据被污染)const 常量声明 变量始终不变 (一旦声明就不会在业务层改变) 2. 变量的结构赋值let [a,b,c] = [1,2,3];let [a,[b,c],d]=[1,[2,3],4];let [a,b="1eee"]=['rrrrr'] //可以有默认值let {a,b} = {a:'eee',b:'tttt'}; 3.rest运算符 (...)4. 字符操作...
2020-09-26 20:16:10 125
原创 在后台改时间格式2019-07-02 16-30-00
private Data CreateTimeprivate String time;private SimpleDateFormat dateFormat=new SimpleDateFormat("yy-MM-dd HH-mm-ss");public void setCreateTime(Date createTime) { this.createTime ...
2019-07-02 16:31:20 376
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人