qing_bk-优快云博客

原创 Vue的生命周期

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

2021-12-18 16:07:37 541

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

路由基本使用 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 315

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

原创 Vue 组件传值

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

2021-12-09 20:54:30 1088

原创权限管理整个流程

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

2021-12-08 21:38:31 1790

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

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

2021-10-12 23:23:58 798

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

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

2021-10-12 00:47:01 239

原创改变函数内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 215 1

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

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

2021-10-08 22:25:27 1366

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

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

2021-10-08 00:04:48 297

原创 Node.js 中的模块化

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

2021-10-06 22:51:08 179

qing_bk的博客