- 博客(11)
- 收藏
- 关注
RSS订阅原创 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-xxxVue.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关注的人