自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 问答 (1)
  • 收藏
  • 关注

原创 使用ant design mobile的定制主题时的配置

官网给出两种配置方式less比较简单的方式,用 less 文件进行变量覆盖,但是无法按需加载。建立一个单独的 less 文件如下,再引入这个文件。@import "~antd-mobile/dist/antd-mobile.less"; // 引入官方提供的 less 样式入口文件@import "your-theme-file.less"; // 用于覆盖上面定义的变量theme 属性使用 modifyVars 的方式来覆盖变量使用了官网按需加载配置后,再配置自定义主题时出现

2021-01-27 11:34:55 677 1

原创 vue学习关于snabbdom中h函数简单学习了解

h函数的主要功能是根据传进来的函数返回一个vnode对象,之后便是patch方法将其挂载到页面//index.jsimport h from "./mysnabbdom/h"let mynode = h("div", {}, [ h("p", {}, "ll"), h("p", {}, "ll"), h("p", {}, h("p", {}, "ll"))])console.log(mynode)// 三种情况// h("div", {}, [h("p", {}, "test"), h(

2021-01-14 10:45:48 202

原创 水平垂直居中的方法

.parent { background-color: gray; height: 500px; width: 500px; position: relative;}.child { background-color: greenyellow; height: 100px; width: 100px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}.parent { ba

2020-09-21 08:40:30 115

原创 bind.apply和apply.bind是怎么一回事

在看书的过程中看到Function.apply.bind有些不懂,不知道是怎么回事,平时用的时候都是单个用,没有合到一起过,寻找到原理之后在这里记录一下。实际上Function.apply.bind和Function.apply.bind的原理都是一样的,先将fn.bind提出来,然后用apply调用它,此时参数中的apply是add函数,arguments是[add,1,2],apply将bind的this绑定成fn,并且传入参数,arguments,此时的,arguments是[add,1,2],然

2020-09-13 15:20:53 653

原创 this指向学习中遇到的问题,arguments[0]()

原代码逛社区时看到一段有关this指向的问题,在arguments[0]()这里有些不懂,代码如下: var length = 1 function fn() { console.log(this.length) } const person = { length: 2, say(fn) { fn() arguments[0]() } } person.say(fn, 1, 2)不理解时认为person.say(fn, 1, 2)执行fn(

2020-09-11 16:32:25 398

原创 前端基础知识学习,类型,值,深拷贝

值类型Number,String,Boolean,Symbol,undefined通过栈存储从上往下存储栈keyvaluea100引用类型Array,Object,Null,Function通过堆存储,在栈中存储的值是堆中的地址栈keyvaluea内存地址b内存地址堆内存地址{key:value}keyvalue堆从下往上存储,有可能和栈重合typeof能够识别所有的值类型,函

2020-09-11 16:17:26 81

原创 $attr与$listeners的学习

$ attrs和$ listeners是跨多层次组件传值的一种方式。$attrs用来继承上级组件的属性不包括在当前组件里面定义的props属性,也就是说如果用了$attrs的组件里,用props接受了属性之后,该属性就不再向下传递了$listeners用来监听。$emit发送来的自定义事件,以及属性。根组件<template> <div> <fieldset> <legend>Root</legend> {{ for

2020-08-15 10:10:11 1875

原创 兄弟组件传值,$emit和$on的使用

使用之前使用之前需要注册总线事件先创建一个空的示例,并且将自定义的$bus绑定到原型上Vue.prototype.$bus = new Vue()$emit发送数据用的$emit(‘事件名’ , ‘数据’ )<template> <div> 组件B <button @click="send">发送</button> </div></template><script>export defau

2020-08-14 18:46:24 743 1

原创 proxy代理简单实现一下vue的双向绑定

<input type="text" v-model="title" /><input type="text" v-model="title" /><h3 v-bind="title"></h3>比较low的方式'use strict' let inputs = document.querySelectorAll('input') let h3s = document.querySelector('h3') let values =

2020-07-17 19:09:07 109

原创 深拷贝与浅拷贝的方法

浅拷贝'use strict' let food = { chicken: 'chicken', fruits: { banana: 'yellow' }, color: ['red', 'yellow'], } //1 let myFood = { ...food } //2 let myFood = Object.assign({}, food) //3 let myFood = { chicken: food.chick

2020-07-17 17:06:18 145

原创 在底部添加元素来清除浮动的方式

问题 <div class="box"> <div class="leftbox"></div> <div class="rightbox"></div> </div>如果给leftbox和rightbox添加上宽高与浮动的话,box盒子无法被撑开。在尾部添加一个没有尺寸的空元素 <div class="box"> <div class="leftbox"></div>

2020-07-11 08:08:31 141

原创 nodejs中form表单传值,req.body显示空的问题,但是表单却有数据

今天在学习node时,遇到了一个苦恼很久的问题,表单传值时,进行数据库操作时,数据一直显示空,后来检查req.body没有数据,但是游览器中的formData却显示有数据,看了很多文章,问题,都是说让用body-parse,但是添加了body-parse之后还是不可以。后来看到有一篇博客说 body-parser 不支持 contentType: multipart/form-data 的格式类型,不支持formData格式。需要使用 connect-multiparty 第三方模块,于是在路由中引入了一

2020-07-06 21:28:26 1628 1

原创 日常记录,nodejs写后台时报错next is not a function

记录一下今天出现的问题,苦恼了很久,结果原因是写错了位置。错误地方,不应该在路由渲染的地方调用中间件里的方法,位置写错了,导致报错promise里没有.catch处理错误。代码User.lastLoginTime应该在 ‘ / ’ 后边报错信息(node:12708) UnhandledPromiseRejectionWarning: TypeError: next is not a function at C:\Users\blog\middleware\user.js:11:5

2020-07-05 19:36:57 4130

原创 resetFields重置表单失败

在做学习时用到了resetFields对表单进行重置,结果一直不成功,后来找到了出错的地方,分析一下原因<el-dialog title="修改地址" @close="addressDialogClosed" :visible.sync="addressDialogVisible" width="50%"> <el-form ref="addressFormRef" :model="addressForm" label-width="100px" :r

2020-06-16 14:09:57 324

原创 element中pagination组件关于数据在分页显示时遇到的问题

问题描述在做练习时其中有一个页面需要用到element中的pagination组件进行分页显示,但是按照文档配置后结果始终不能分页显示数据原因相关接口里没有关于page-size和current-page的请求参数解决办法利用slice对数据进行分割组件<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="queryInfo.

2020-06-15 13:14:48 3993

原创 axios中用params传参时遇到的问题

今天在学习VUE时遇到了一个关于请求传参的问题,百思不得其解,记录一下环境后端用的是node.js前端用的是vue框架问题代码 addParams () { this.$refs.addFormRef.validate(async vaild => { if (!vaild) return //问题代码 const { data: res } = await this.$http({ url: `categori

2020-06-15 12:25:26 2253

原创 关于轮播图的学习与实现

HTML部分代码<div class="wrap"> <ul class="list"> <li class="item active">0</li> <li class="item">1</li> <li class="item">2</li> <li class="item">3</li> <li class="item">4</l

2020-06-08 12:54:00 218

原创 关于VUE的学习记录——组件传值

插槽传值子组件传给根组件根组件<template> <div id="app"> <h2>根组件</h2> <child> <!-- 接收 --> <template v-slot:childslot='value'> <h2>内容</h2> <h3>{{value.msg}}</h3> </template> &l

2020-06-05 21:57:51 111

空空如也

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

TA关注的人

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