- 博客(48)
- 收藏
- 关注
原创 未登录拦截和登陆后直接跳转到当时想要跳的页面去
例如我这里想要跳转到center页面去,但是这个页面需要登录授权才可以跳转过去,没有登录的话就会直接返回登录页面,query字段的话就可以记录到我是从center页面跳转过来的)应用获取到的query字段,我可以在登录成功后直接跳转到我想去的center页面。//next是必须要执行的,加上next路由才会跳转(next()允许跳转)我这里路由配置是单独放在一个文件下面。//from是跳转前的路由(从哪儿来)//to是跳转后的页面路由(到哪儿去。query字段记录从哪儿跳转来的。//路由拦截(守卫)...
2022-08-01 16:05:04
1066
原创 编程式导航
this.$router.push(‘/detal’)触发这个事件后跳转到了详情页detal。我给列表每一项li绑定了一个click事件,当点击li的时候,就会触发这个事件。我这里是相当于nowPlack子页面是展示列表的。
2022-07-27 19:39:18
324
原创 嵌套路由写法
然后创建一个films文件夹,在下面放两个子页面(这里这两个页面相当于孩子页面)这里主要还是嵌套路由的一个写法,具体功能可以自己去写一下。children子页面,孩子。首先创建一个films页面。redirect重定向。......
2022-07-27 18:08:49
326
原创 router-link active-class属性实现 路由切换对应文字高亮,点击文字跳转对应路由文字高亮 tag属性
然后在router-link上使用active-class,给一个class名,设置一个颜色,就能实现路由切换对应文字显示高亮,点击文字切换对应路由文字高亮。使用router-link会自动给标签加上class属性。films,cinemas…BOM中的方法,监听路径改变。........................
2022-07-25 16:51:48
2112
原创 (声明式导航)利用a标签点击文字跳转到相应的路径(页面)
这里利用了location.href。我这里是直接写在根组件中的,点击文字会跳转到相应的页面。
2022-07-25 16:09:07
660
原创 vue常用的传值方式:父传子,子传父,eventBus
非父子组件之间传值,需要定义个公共的公共实例文件bus.js,作为中间仓库来传值,不然路由组件之间达不到传值的效果。创建一个公共的bus.js。
2022-07-21 16:35:50
470
原创 搭建配置新版vue2
需不需要下次安装的时候默认这些配置文件(需要的话会留下配置信息)选择路由模式,我这里输Y直接回车了。这里直接回车选的默认第一个sass。后面在项目路由中也可以手动修改。vuecreate项目名。回车等待安装完成启动项目即可。这里我选的是手动配置。...
2022-07-18 18:38:13
279
原创 export default {} 和new Vue()区别
在JavaScriptES6中,export与exportdefault均可用于导出常量、函数、文件、模块等,你可以在其它文件或模块中通过import+(常量|函数|文件|模块)名的方式,将其导入,以便能够对其进行使用,但在一个文件或模块中,export、import可以有多个,exportdefault仅有一个。import{str,f}from‘demo’//也可以分开写两次,导入的时候带花括号。importstrfrom‘demo’//导入的时候没有花括号。......
2022-07-18 17:14:18
780
原创 【无标题】
控制台报错,sockjs.js?9be2:1606 GET http://192.168.16.105:8080/sockjs-node/info?t=1574662800493 net::ERR_CONNECTION_TIMED_OUT
2022-06-15 14:38:51
213
原创 http状态码
HTTP状态码(HTTP Status Code) 是当我们访问网页服务器,服务器做出相应的状态的3位数的数字代码。主要包括“1xx”(消息)、“2xx”(成功)、“3xx”(重定向)、“4xx”(请求错误)和“5xx”或“6xx”(服务器错误)五种不同类型。比较常见的状态码有:HTTP: Status 200 – 服务器成功返回网页HTTP: Status 404 – 请求的网页不存在HTTP: Status 503 – 服务不可用一、“1xx”(消息)(临时响应):属于临时相应,代表所发出的
2021-08-18 00:38:04
4030
原创 vue+element ui 实现增删改查
<el-row class="table-grid-content"> <el-col :span="18" class="grid"> <el-input v-model="input" placeholder="请输入搜索内容"></el-input> </el-col> <el-col :span="3" class="grid" :gutter="1"> <el-button type="success" .
2021-06-29 11:32:24
657
原创 谈谈对vue的理解
它同时具备angular和react的优点,轻量级,api简单,文档齐全,简单强大然后就是他的语法糖:语法糖是指在不影响功能的情况下, 添加某种方法实现同样的效果, 从而方便程序开发。v-if条件渲染(满足条件才会渲染)使用v-else-if 来做第二次匹配 使用v-else 的时候,在这个指令之前,必须要要有v-if,不需要条件参数v-show(所有DOM节点都会渲染,根据display控制节点显示与否)v-bind(用于绑定动态属性(可以绑定任意属性)v-on(在Dom上绑定事
2021-04-26 20:30:08
167
原创 css3新特性
css圆角属性:border-radiuscss阴影:Shadowcss3渐变效果background-image:-webkit-gradient(linear,0% 0%,100% 0%,from(#2A8BBE),to(#FE280E));这里 linear 表示线性渐变,从左到右,由蓝色(#2A8BBE)到红色(#FE280E)的渐变。css弹性盒子模型多列布局:multi-column layout动画特效:Animationtransfrom:用来向元素应用各种2D和3D转换,
2021-04-26 20:29:12
78
原创 webpack和gulp,打包过后的优缺点
gulpwebpack定位基于任务流的自动化打包工具模块化打包工具优点易于学习和理解, 适合多页面应用开发可以模块化的打包任何资源,适配任何模块系统,适合SPA单页应用的开发缺点不太适合单页或者自定义模块的开发学习成本低,配置复杂,通过babel编译后的js代码打包后体积过大...
2021-04-26 20:27:09
408
原创 layui相对其他的优点
是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。但是想用它,必须要按照他的规矩老干事,毕竟那人的手短,骚操作可以有,那也是规矩里的。优点:1、轻量级框架,简单易上手,并且UI简洁美观;2、适用于开发后端模式,它在服务端页面上有非常好的效果。缺点:1、layui框架还不太成熟,bug会比较多,也会有一些限制;2、容性也不强,尤其是在移动端;3、只适合小型项目。...
2021-04-26 20:25:42
1879
转载 flex的属性有哪些
1、常用的父级属性flex-direction :设置主轴的方向justify-content :设置主轴上的子元素排列方式flex-wrap :设置子元素是否换行align-content :设置侧轴上的子元素排列方式(多行)align-items :设置侧轴上的子元素排列方式(单行)flex-flow :复合属性,相当于同时设置了flex-direction和flex-wrap1.1、flex-direction 设置主轴的方向属性值 说明row 默认值从左到右row-reverse
2021-04-26 20:16:16
11793
原创 作用域链
函数可以嵌套函数,于是形成了作用域链1、作用域分为全局作用域和局部作用域,function会产生局部作用域,在全局环境中无法访问局部变量,局部环境内可以访问全局变量。若是函数中嵌套函数,嵌套的函数中还有函数,那么,这样就会形成作用域链。最内部的函数中的变量,会现在自身函数内找是否定义了改变量,若没定义,则向上一级函数中寻找,若上一级函数也没有定义,则继续向上寻找变量,直到全局环境,若还是没有找到,则报错。2、JS中每个函数或者变量都有其自它4身的作用域,作用域可以理解为他们的执行环境。每次调用函数的时
2021-04-26 20:14:40
163
原创 单页面和多页面开发
单页面:是指只有一个主页面的应用,浏览器一开始要加载所有必须的 html, js, css。所有的页面内容都包含在这个所谓的主页面中。但在写的时候,还是会分开写(页面片段),然后在交互的时候由路由程序动态载入。优点:-减小服务器压力。-增强用户体验,增加app的使用流畅性单页应用没有页面之间的切换,就不会出现“白屏现象”,也不会出现假死并有“闪烁”现象。-单页应用相对服务器压力小,服务器只用出数据就可以,不用管展示逻辑和页面合成,吞吐能力会提高几倍。-良好的前后端分离。后端不再负责模板渲染、输出
2021-04-26 20:12:47
692
原创 vue的生命周期
beforeCreate 创建之前 是指Vue组件实例对象被创建之前(能拿到数据 拿不到DOM节点created 创建之后 是指Vue组件实例对象(虚拟DOM对象)被创建之后(能拿到值,可以初始化数据,因为是undefind,能赋值但是会报错)如果要处理数据,可以在created生命周期处理beforMount 挂载之前 是指Vue组件(虚拟DOM节点)挂载到DOM树上,不能拿到dom节点mounted挂载之后【可使用dom节点:主要是用来做可视化节点(D3.js、highChart.js、ht.js
2021-04-25 17:07:36
291
原创 vue中的常用方法和属性
computed: computed是计算属性,也就是依赖其它的属性计算所得出最后的值。created: 在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图。mounted: 在模板渲染成html后调用,通常是初始化页面完成后,再对html的dom节点进行一些需要的操作。watch:监听属性,通过监听具体的值的变化,来执行对应的函数。methods: 基本事件方法执行。vue各方法之间的区别:computed与methods对比: 两者的效果都是一样的,但是 computed
2021-04-25 17:06:35
1534
原创 强制缓存和协商缓存
强制缓存就是直接从浏览器缓存查找该结果,并根据结果的缓存规则来决定是否使用该缓存的过程。协商缓存就是强制缓存失效后,浏览器携带缓存标识向服务器发起请求,有服务器根据缓存标识决定是否使用缓存的过程...
2021-04-25 17:04:53
105
原创 js的执行机制
js的事件机制和flash差不多,都是三个阶段:捕获(true 从上往下,从外往内)、目 标(target 点击谁目标就是谁)和冒泡(false 从下往上,从里往外)
2021-04-25 16:17:04
125
原创 宏任务和微任务
执行顺序:js 是单线程执行的,js中的任务按顺序一个一个的执行,但是一个任务耗时太长;那么后面的任务就需要等待,为了解决这种情况,将任务分为了同步任务和异步任务;而异步任务又可以分为微任务和宏任务:先是执行所有的同步任务,会在任务队列中取出可执行的异步任务,先将所有微任务执行完成后,才会执行宏任务,再去执行所有的微任务 ,直到循环完所有事件。宏任务一般是:由宿主环境发起的称为宏观任务包括整体代码script,setTimeout(定时器:setTimeout() 只执行 code 一次。如果
2021-04-25 16:15:53
615
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人