自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue的生命周期

vue 实例从创建到销毁的过程就是生命周期。  也就是从开始创建、初始化数据、编译模板、挂在 dom -> 渲染、更新 -> 渲染、准备销毁、销毁等一系列过程vue的生命周期常见的主要分为4大阶段8大钩子函数一、创建前 / 后在beforeCreate生命周期函数执行的时候,data和method 还没有初始化在created 生命周期函数执行的时候,data和method已经初始化完成二、渲染前/后在beforeMount 生命周期函数执行的时候,已经编译好了模版字

2021-12-18 16:07:37 452

原创 路由基本使用&路由传值&路由钩子函数

路由基本使用1:安装 yarn add vue-router2:导入 src/router/index.js import VueRouter from 'vue-router'3:注册import Vue from 'vue' Vue.use(VueRouter)4:实例化 const router=new VueRouter({ routes:[ { path:'/', compo...

2021-12-13 18:18:07 206

原创 Vue 自定义指令解决图片出错问题

全局自定义指令 v-on:keyup.enter="()=>{}" v-指令名:属性名.修饰符=’值‘ 定义 input v-xxx​Vue.directive('指令名',{ 自定义指令的生命周期 bind:绑定时,自定义指令绑定于相应dom时执行(类似于vue生命周期的beforeMount) bind(dom,obj,vnode){ dom:指令所在dom obj:{ 属性...

2021-12-12 22:18:42 351

原创 Vue 组件传值

一:父子传值父传子传 子组件标签内 属性名=值收 props:{ 属性名:{ type:类型,多个类型[Object,Array,String] default:基本数据类型直接写 复杂数据类型 ()=>({}) 或者 ()=>{return {}} required:true 必填 validator:(value)=...

2021-12-09 20:54:30 938

原创 权限管理整个流程

涉及到权限管理的模块用户管理: 账号的增删改查以外,为该账号分配角色角色管理:角色的增删改查,为该角色分配权限数据权限管理:需要进行权限管理的页面进行增删改查权限管理分三部分1.api主要是后端处理前端:响应拦截里做统一错误处理2.路由2.1将路由分为二大块静态路由:不需要访问权限的路由(登录页,404,首页)动态路由:需要权限访问的路由默认只有静态路由2.2在获取到用户信息后1.用户信息中包含当前用户能访问的权限页面的数据2.通过和动态路由匹配.

2021-12-08 21:38:31 1650

原创 JSONP的概念以及实现原理

什么是JSONPJSONP (JSON with Padding) 是 JSON 的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。这里我们先要清楚什么是同源?什么是跨域?同源指的是两个 URL 的协议、域名、端口一致,反之,只要协议、域名、端口其中任何一个不同, 则是跨域;出现跨域的根本原因:浏览器的同源策略不允许非同源的 URL 之间进行资源的交互这里解释一下同源策略:同源策略(英文全称 Same origin policy)是浏览器提供的一个安全功能MDN .

2021-10-12 23:23:58 650

原创 使用 MySQL模块增、 删、 查、 改数据

1.安装express在项目所处的目录中,运行如下的终端命令,即可将 express 安装到项目中使用:npm i express@4.17.12.创建基本的 Web 服务器// 导入expressconst express = require('express');// 创建web服务器const app = express();//todo:利用mysql模块进行数据的增 删 查 改 代码// 调用app.listen(端口号,启动成功后的回调函数),启动服务器a

2021-10-12 00:47:01 146

原创 改变函数内this指向 call() apply() bind()

改变函数内this指向 js提供了三种方法 call() apply() bind()共同点 : 都可以改变this指向不同点:1. call 和 apply 会调用函数, 并且改变函数内部this指向 2. call 和 apply传递的参数不一样,call传递参数使用逗号隔开,apply使用数组传递 3 .bind 不会调用函数, 可以改变函数内部this指向应用场景:1. call 经常做继承<body> ...

2021-10-09 22:16:42 97 1

原创 怎么实现三列布局,左侧和右侧宽度固定,中间自适应

1.使用自身浮动法:自身浮动法的原理就是对左右分别使用float:left和float:right,float使左右两个元素脱离文档流,中间元素正常在正常文档流中。对中间文档流使用margin指定左右外边距进行定位。该布局法的不足是三个元素的顺序,middle一定要放在最后,middle占据文档流位置,所以一定要放在最后,左右两个元素位置没有关系。当浏览器窗口很小的时候,右边元素会被挤到下一行。2.使用绝对定位法:绝对定位法原理是将左右两边使用absolute定位,因为绝对定位使其脱离文档流

2021-10-08 22:25:27 1088

原创 手把手教你开发自己的包

1. 创建一个空项目,取文件夹名例如myNpm。注意请先去npm官网去确定一下,这个项目名是否已经被占用了,或者npm view 包名 这个命令用来查看某个包的信息,如果返回404,说明这个项目名在npm官网上找不到,此时你就可以使用,否则,说明不可用.如果这个名字被占用了,是无法向npm上上传的.2. 在新建的文件夹myNpm中创建三个文件package.json (包管理配置文件) 通过命令npm init -y 创建大致如下:{ "name": "myN...

2021-10-08 00:04:48 189

原创 Node.js 中的模块化

什么是模块化:在前端代码中,一个 HTML 文件中引入的所有的 JS 文件,都共同拥有同一个全局作用域,也就意味着,这些 JS 文件互相之间是不独立的,是可以进行数据访问的。而在 Nodejs 中,引入了 模块化的概念。Nodejs 的模块化,就是将每一个 JS 文件都看作是一个独立的模块,都拥有自己单独的作用域。模块与模块之间,默认情况下数据不能进行互相的访问。把代码进行模块化拆分的好处:方便代码管理、项目维护 有助于分工协同开发 模块和模块之间不会出现变量"污染",一个模块

2021-10-06 22:51:08 104

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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