学习前端ing
码龄5年
求更新 关注
提问 私信
  • 博客:18,901
    问答:308
    19,209
    总访问量
  • 18
    原创
  • 1
    粉丝
  • 3
    关注
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:浙江省
加入CSDN时间: 2020-02-19
博客简介:

m0_46360310的博客

查看详细资料
个人成就
  • 获得4次点赞
  • 内容获得3次评论
  • 获得19次收藏
  • 博客总排名401,196名
创作历程
  • 2篇
    2021年
  • 16篇
    2020年
成就勋章
TA的专栏
  • js基础学习
    5篇
  • react
    1篇
  • vue学习
    6篇
  • 布局学习
    2篇
  • 日常报错
    1篇

TA关注的专栏 0

TA关注的收藏夹 0

TA关注的社区 0

TA参与的活动 0

兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.js前端框架
  • 后端
    node.js
  • 网络与通信
    https
  • 学习和成长
    面试
创作活动更多

新星杯·14天创作挑战营·第13期

这是一个以写作博客为目的的创作活动,旨在鼓励大学生博主们挖掘自己的创作潜能,展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴,那么,快来参加吧!我们一起发掘写作的魅力,书写出属于我们的故事。我们诚挚邀请你们参加为期14天的创作挑战赛!注: 1、参赛者可以进入活动群进行交流、互相鼓励与支持(开卷),虚竹哥会分享创作心得和涨粉心得,答疑及活动群请见:https://bbs.csdn.net/topics/619781944 【进活动群,得奖概率会更大,因为有辅导】 2、文章质量分查询:https://www.csdn.net/qc

76人参与 去参加
  • 最近
  • 文章
  • 专栏
  • 代码仓
  • 资源
  • 收藏
  • 关注/订阅/互动
更多
  • 最近

  • 文章

  • 专栏

  • 代码仓

  • 资源

  • 收藏

  • 关注/订阅/互动

  • 社区

  • 帖子

  • 问答

  • 课程

  • 视频

搜索 取消

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

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

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 ·
248 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

深拷贝与浅拷贝的方法

浅拷贝'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.10.31 ·
177 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

水平垂直居中的方法

.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 ·
154 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

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 ·
695 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

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 ·
446 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

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

值类型Number,String,Boolean,Symbol,undefined通过栈存储从上往下存储栈keyvaluea100引用类型Array,Object,Null,Function通过堆存储,在栈中存储的值是堆中的地址栈keyvaluea内存地址b内存地址堆内存地址{key:value}keyvalue堆从下往上存储,有可能和栈重合typeof能够识别所有的值类型,函
原创
博文更新于 2020.09.11 ·
107 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

$attr与$listeners的学习

$ attrs和$ listeners是跨多层次组件传值的一种方式。$attrs用来继承上级组件的属性不包括在当前组件里面定义的props属性,也就是说如果用了$attrs的组件里,用props接受了属性之后,该属性就不再向下传递了$listeners用来监听。$emit发送来的自定义事件,以及属性。根组件<template> <div> <fieldset> <legend>Root</legend> {{ for
原创
博文更新于 2020.08.15 ·
1934 阅读 ·
3 点赞 ·
0 评论 ·
6 收藏

兄弟组件传值,$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 ·
799 阅读 ·
0 点赞 ·
1 评论 ·
0 收藏

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 ·
140 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

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

问题 <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 ·
170 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

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

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

日常记录,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 ·
4297 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

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 ·
367 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

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

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

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 ·
2372 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

之前接口需要一个参数时我用params就可以,为什么两个的就不行了?

发布问题 2020.06.15 ·
3 回答

关于轮播图的学习与实现

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 ·
242 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

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

插槽传值子组件传给根组件根组件<template> <div id="app"> <h2>根组件</h2> <child> <!-- 接收 --> <template v-slot:childslot='value'> <h2>内容</h2> <h3>{{value.msg}}</h3> </template> &l
原创
博文更新于 2020.06.05 ·
140 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏
加载更多