![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
壁虎回家
这个作者很懒,什么都没留下…
展开
-
导航守卫
//挂载路由导航守卫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 · 98 阅读 · 0 评论 -
react前端解决跨域问题
# react脚手架配置代理总结## 方法一> 在package.json中追加如下配置```json"proxy":"http://localhost:5000"```说明:1. 优点:配置简单,前端请求资源时可以不加任何前缀。2. 缺点:不能配置多个代理。3. 工作方式:上述方式配置代理,当请求了3000不存在的资源时,那么该请求会转发给5000 (优先匹配前端资源)## 方法二1. 第一步:创建代理配置文件 ``` 在src下创建配置文件:src...原创 2021-03-26 14:09:09 · 720 阅读 · 0 评论 -
常用的一些插件
json-server一个在前端本地运行,可以存储json数据的server。 nanoid 随机生成唯一id原创 2021-03-25 15:44:55 · 90 阅读 · 0 评论 -
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 · 109 阅读 · 0 评论 -
认识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 · 345 阅读 · 0 评论 -
jquery学习笔记一
1原创 2020-10-24 21:49:35 · 90 阅读 · 0 评论 -
媒体查询使用
可以同时适应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 · 92 阅读 · 0 评论 -
前端面试(面试碰到的)一
1.移动端响应式布局移动端响应式布局参考rem 百分比% 利用UI框架实现响应式布局flexible.js媒体查询2.绝对定位、相对定位和固定定位position : absolute / relative / fixed没有滚动条的情况下没有差异 在滚动条的情况下,fixed定位不会随滚动条移动而移动,而absolute则会随滚动条移动3.垂直和居中对齐text-align;centerline-height:200pxdisplay;...原创 2020-10-19 15:19:44 · 140 阅读 · 0 评论 -
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 · 158 阅读 · 0 评论 -
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 · 198 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 阅读 · 0 评论 -
Html5的一些新特性
概括Html5新增了哪些新特性?语义特性、本地存储特性、设备兼容特性、连接特性、网页多媒体特性、三维、图形及特效特性、性能与集成特性、css3特性。原创 2020-09-27 21:49:45 · 100 阅读 · 0 评论 -
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 · 120 阅读 · 0 评论