- 博客(19)
- 收藏
- 关注
RSS订阅原创 导航守卫
//挂载路由导航守卫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
95
原创 react前端解决跨域问题
# react脚手架配置代理总结## 方法一> 在package.json中追加如下配置```json"proxy":"http://localhost:5000"```说明：1. 优点：配置简单，前端请求资源时可以不加任何前缀。2. 缺点：不能配置多个代理。3. 工作方式：上述方式配置代理，当请求了3000不存在的资源时，那么该请求会转发给5000 （优先匹配前端资源）## 方法二1. 第一步：创建代理配置文件 ``` 在src下创建配置文件：src...
2021-03-26 14:09:09
709
原创 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
108
原创 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
100
原创 认识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
344
原创 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
105
原创 10分钟搭建自己的云服务器环境
1.购买云服务器（阿里云、百度云）2.重置或者重建一个云服务器实例（我用的是Ubuntu 18.04its 64位）3.在本地使用xshell 、 finalshell远程连接到服务器4.百度宝塔面板，然后在xshell 或者 finalshell 安装 复制粘贴相应的指令5.获得网址 用户名和密码后 进入面板 创建站点6.上传自己的文件到服务器...
2020-10-28 23:05:58
1126
原创 媒体查询使用
可以同时适应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
85
原创 前端面试（面试碰到的）一
1.移动端响应式布局移动端响应式布局参考rem 百分比% 利用UI框架实现响应式布局flexible.js媒体查询2.绝对定位、相对定位和固定定位position : absolute / relative / fixed没有滚动条的情况下没有差异 在滚动条的情况下，fixed定位不会随滚动条移动而移动，而absolute则会随滚动条移动3.垂直和居中对齐text-align;centerline-height：200pxdisplay；...
2020-10-19 15:19:44
135
原创 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
156
原创 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
195
原创 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
98
原创 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
67
原创 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
134
原创 Html5的一些新特性
概括Html5新增了哪些新特性？语义特性、本地存储特性、设备兼容特性、连接特性、网页多媒体特性、三维、图形及特效特性、性能与集成特性、css3特性。
2020-09-27 21:49:45
100
原创 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
119
原创 在后台改时间格式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
358
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人