自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(48)
  • 收藏
  • 关注

原创 rem配置 页面等比例缩放

pxtorem&rpx&vw(cssrem)

2022-08-01 16:45:20 745 1

原创 路由懒加载

1.组件页面比较多的时候,页面加载特别慢的情况。

2022-08-01 16:23:19 227

原创 未登录拦截和登陆后直接跳转到当时想要跳的页面去

例如我这里想要跳转到center页面去,但是这个页面需要登录授权才可以跳转过去,没有登录的话就会直接返回登录页面,query字段的话就可以记录到我是从center页面跳转过来的)应用获取到的query字段,我可以在登录成功后直接跳转到我想去的center页面。//next是必须要执行的,加上next路由才会跳转(next()允许跳转)我这里路由配置是单独放在一个文件下面。//from是跳转前的路由(从哪儿来)//to是跳转后的页面路由(到哪儿去。query字段记录从哪儿跳转来的。//路由拦截(守卫)...

2022-08-01 16:05:04 1066

原创 路由局部拦截的几种方式

代码】路由局部拦截的几种方式。

2022-08-01 15:52:52 698

原创 beforeEach路由拦截(全局

meta字段,便于路由拦截的时候用于判断是否放行通过。iskey是自定义的。

2022-08-01 15:06:38 761

原创 动态路由 命名式路由 点击列表项跳转到对应详情页

代码】动态路由点击列表项跳转到对应详情页。

2022-07-28 18:43:00 545

原创 编程式导航

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

原创 路由重定向,

当路由显示/的时候就会自动重定向到films。

2022-07-25 15:59:35 151

原创 一极路由,路由容器实现

当跳转到films路径的时候会把App根页面和films页面的都显示出来。

2022-07-25 15:33:33 118

原创 跨域,反向代理解决跨域

跨域问题

2022-07-22 15:32:06 446

原创 vue常用的传值方式:父传子,子传父,eventBus

非父子组件之间传值,需要定义个公共的公共实例文件bus.js,作为中间仓库来传值,不然路由组件之间达不到传值的效果。创建一个公共的bus.js。

2022-07-21 16:35:50 470

原创 scss样式逻辑处理及用法

scaa用法

2022-07-19 17:34:27 275

原创 vscode插件

eslinet代码及格式检查工具。

2022-07-19 17:18:04 88

原创 搭建配置新版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

原创 vue 购物车案例

购物车案例

2022-06-16 16:46:48 99

原创 【无标题】

控制台报错,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

原创 运行项目单词写错报错和没安装相关依赖报错

单词写错报错,和依赖没安装报错

2022-06-15 10:58:50 87

原创 安装npm i vue-router版本不对应报错

安装vue依赖的时候报错

2022-06-15 10:07:14 654

原创 vue项目主要依赖安装

vue项目需要安装的常用依赖

2022-06-14 17:13:00 2300

原创 vue项目搭建

搭建vue项目流程

2022-06-14 17:07:33 234

原创 运行npm run sever报错

解决运行npm run sever指令报错问题

2022-06-14 16:19:02 943

原创 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

原创 解决页面刷新数据丢失,数据持久化问题

npm i vuex-persistedstate数据持久化,解决vue中页面刷新,数据丢失的情况

2021-07-01 18:07:16 544

原创 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关注的人

提示
确定要删除当前文章?
取消 删除