小孟学长
码龄5年
求更新 关注
提问 私信
  • 博客:8,244
    8,244
    总访问量
  • 18
    原创
  • 1
    粉丝
  • 4
    关注
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:上海市
加入CSDN时间: 2020-08-10
博客简介:

m724318546的博客

查看详细资料
个人成就
  • 获得11次点赞
  • 内容获得1次评论
  • 获得8次收藏
  • 博客总排名1,203,441名
创作历程
  • 2篇
    2021年
  • 16篇
    2020年
成就勋章

TA关注的专栏 0

TA关注的收藏夹 0

TA关注的社区 1

TA参与的活动 0

兴趣领域 设置
  • 前端
    vue.js
  • 网络与通信
    https
创作活动更多

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

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

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

  • 文章

  • 专栏

  • 代码仓

  • 资源

  • 收藏

  • 关注/订阅/互动

  • 社区

  • 帖子

  • 问答

  • 课程

  • 视频

搜索 取消

关于margin-top留白问题

设置margin-top还会出现留白问题原因:当两个容器嵌套时,如果外层容器和内层容器之间没有别的元素,firefox会吧内层元素得margin-top作用到父元素上。解决方法:在父元素与子元素之间加一个空标签高可以设置为1px。或者使用浮动float也能解决留白问题。...
原创
博文更新于 2021.01.18 ·
1058 阅读 ·
4 点赞 ·
0 评论 ·
2 收藏

webpack打包原理

一、什么是webpackwebpack 是一个模块打包机,将根据文件间的依赖关系对其进行静态分析。然后将这些模块按指定规则生成静态资源。当webpack处理程序时,他会递归地构建一个依赖关系图,其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个bundle。主要承担如下功能打包:将多个文件打包成一个文件,减少服务器压力和下载贷款。转换:将与编译语言转换成浏览器识别的语言优化:性能优化webpack 特点:代码拆分webpack 有两种组织模块的方式,异步,同
原创
博文更新于 2021.01.09 ·
682 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

React Hooks

Hook 是什么Hook是一个特殊的函数,它可以让你钩入React的特性,让函数组件拥有state,ref,reduce等功能。什么时候我们会用Hook?如果在你编写函数组件并意识到需要向其添加一些state,以前的做法是必须将其转换为class,现在你可以在现有的函数组件中使用Hook。Stare hookstare hook的主要作用就是过去需要的state和更新state的方法使用方法const [state,setState] = useState(initialState)参数ini
原创
博文更新于 2020.10.09 ·
234 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

react/vue 组件设计方法/原则

一、组件库的价值/> 就个人而言,拥有一套自己的组件库,可以让你的开发变得更高效,让你在行业里更有价值。/> 就团队而言,拥有一套团队的组件库,可以让协同开发变得更高效规范,让你的团队在公司更具有影响力。/> 就公司而言,拥有一套公司维护的开源组件库,可以让你的公司在行业里更具有影响力。对vue组件的设计原则的理解容错处理, 这个要做好, 极端场景要考虑到, 不能我传错了一个参数你就原地爆炸缺省值(默认值)要有, 一般把应用较多的设为缺省值颗粒化, 把组件拆分出来.一切皆
原创
博文更新于 2020.09.29 ·
247 阅读 ·
1 点赞 ·
1 评论 ·
0 收藏

原型与原型链

一:构造函数构造函数模式的目的就是为了创建一个自定义类,并且创建这个类的实例。构造函数模式中拥有了类和实例的概念,并且实例和实例之间是相互独立的,即实例识别。 class Person{ constructor(name) { this.name = name } eat(){ console.log(`${this.name}正在吃饭`) } } class Student extends Person{ con
原创
博文更新于 2020.09.18 ·
100 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Vuex

关于vuexVueX是适用于在Vue项目开发时使用的状态管理工具。试想一下,如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值,一旦项目变得很庞大,管理和维护这些值将是相当棘手的工作。为此,Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中,我们只需要把这些值定义在VueX中,即可在整个Vue项目的组件中使用。安装npm i vuex -s使用import Vue from 'vue'import Vuex from 'vuex'
原创
博文更新于 2020.09.14 ·
91 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

前端移动端页面与手机尺寸和分辨率的关系

概念英寸1英寸 大概2.54cm5.5英寸 指的是手机对角线像素.  一个屏幕都是由一个一个像素组建而成的,每个像素都对应一个小点。我们常见的 640*960 像素就说明了一个屏幕中包含了多少个小点(像素点),640列与960行像素点,乘一下就知道有多少个了,反正很多很多个。没错,手机中显示的任何图形和图像都是由这些小点组成。分辨率.、 720x1280. 、 750x1334 横向容纳750个像素点 纵向容纳1334个像素点ppi— pixcei per inch 像素
原创
博文更新于 2020.09.10 ·
2063 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

mockjs

mock.js什么是mock.js在前后端分离的开发环境中,前端同学需要等待后端同学给出接口及接口文档之后,才能继续开发。而MockJS可以让前端同学独立于后端同学进行开发,前端同学可以根据业务先梳理出接口文档并使用MockJS模拟后端接口。那么MockJS是如何模拟后端接口的呢?MockJS通过拦截特定的AJAX请求,并生成给定的数据类型的随机数,以此来模拟后端同学提供的接口。mock.js 下载npm install mockjs --savenpm install axios --save
原创
博文更新于 2020.09.09 ·
257 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

axios

Axios概述首先,axios是基于promise用于浏览器和node.js的http客户端,是ajax工具包,支持请求和响应拦截。特点支持浏览器和node.js支持promise能拦截请求和响应能转换请求和响应数据能取消请求自动转换json数据浏览器端支持防止CSRF(跨站请求伪造)一、 安装npm安装$ npm install axios二、 导入挂载import axios from ‘axios’vue.prototype.$http = a
原创
博文更新于 2020.09.09 ·
94 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue组件部分介绍

组件的基本使用注册组件注册组件就是利用Vue.component()方法,先传入一个自定义组件的名字,然后传入这个组件的配置。Vue.component('mycomponent',{ template: `<div>这是一个自定义组件</div>`, data () { return { message: 'hello world' } } })如上方式已经创建了一个自定义组件,然后就可以在Vue实例挂在的
原创
博文更新于 2020.08.30 ·
186 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

javascript基本数据类型

JS数据类型:JS数据类型有几种?7种:Number、String、Boolean、Null、undefined、object、symbol这七种数据类型又分为两大种:基本数据类型,引用数据类型基本类型(单类型): String、Number、boolean、null、undefined。引用类型:object,Array,function数据类型的转换字符串与任意类型的拼接都会变成字符串var a = 100;var b = "10";console.log(a+b) // 返回 10
原创
博文更新于 2020.08.28 ·
312 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

AJAX的简单介绍

AJAX的六种请求方法options:检测有哪些方法可以用get:获取服务信息post:修改与更新,新增服务器信息put:新增delete:删除head:只返回头信息trace:显示头信息,用来测试connect:管道形式链接请求过程客户端发起http请求 简历tcp链接客户端(浏览器)发送请求信息(状态行 请求头 空行 请求体)服务器的响应请求信息 (状态行 响应头 空行 响应体)客户关闭tcp网络连接客户端(浏览器)渲染内容常见的HTML响应码1
原创
博文更新于 2020.08.25 ·
135 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

互联网名词:O2O;B2B;C2C;B2C...等

常见的互联网名词什么是O2OO2O,即Online to Offline/ Offline to Online,翻译成汉语就是“从线上到线下”或”从线下到线上“,简单的理解就是打通线上与线下,将线上的流量转化线下的消费,或者翻过来把线下的消费者引流到线上来。对于互联网行业来说,更多指的是前者,亦即将线下的商务机会与互联网结合。最具有代表里的app就是美团!什么是B2BB2B,也有写成 BTB,是Business-to-Business的缩写,是指企业与企业之间通过专用网络或Internet,进行数据
原创
博文更新于 2020.08.17 ·
1133 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

ES6,call(),apply(),set(),map(),类,模块的用法

ES6,(call(),apply(),set(),map(),类,模块的用法)call,apply,bind的作用时改变函数运行是的this指向。callcall 方法第一个参数是要绑定给this的值,后面传入的是一个参数列表。当第一个参数为null、undefined的时候,默认指向window。applyapply接受两个参数,第一个参数是要绑定给this的值,第二个参数是一个参数数组。当第一个参数为null、undefined的时候,默认指向window。区别事实上apply 和 c
原创
博文更新于 2020.08.12 ·
524 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

ES6的基本方法

ES5数组的高阶方法forEach() 遍历map() 映射filter() 过滤回调函数如果返回true,保留当前元素,如果返回false,当前元素被删除reduce() 累计var arr = [1,2,3]arr.reduce(function(a,b){return a+b}) //返回6some() 有一个目标判断,判断数组中有没有符合条件的元素,只要有一个满足条件就返回trueevery() 每一个判断数组中每个元素是否都满足条件,如果有一个不满足就返回fals
原创
博文更新于 2020.08.11 ·
184 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

JQurey的DOM操作

jquery的DOM操作(创建节点、插入节点、删除节点、复制节点、替换节点、包裹节点)1、创建DOM节点  1、创建节点 document.createElement  2、添加节点的一些属性 setAttribute innerHTML  3、加入到文档中 appendChild2、jquery节点创建与属性的处理  通过$()函数处理 $ (‘html结构’)  $ ("< div class=‘right’>动态创建DIV元素节点</ div>")3、DOM内
原创
博文更新于 2020.08.11 ·
198 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

JQurey

JQureyJQurey.attr() //获得被选中元素属性和自定义属性JQurey.attr(属性名,属性值) // 设置属性JQurey.attr({'属性名1':'属性值1','属性名2':'属性值2'}) //设置多个属性JQurey.prop() //获得官方定义的属性,不能获得自定义属性JQurey.removeAttr() //移出属性JQurey.css() //获得被选中元素的计算过的样式JQurey.css(属性名,属性值) //设置样式JQurey.c
原创
博文更新于 2020.08.10 ·
406 阅读 ·
5 点赞 ·
0 评论 ·
2 收藏

ES6-2020-8-10

标题ES61.声明变量let**let声明的变量是局部的,只能在一对{}内才能访问let不能重复声明let不能变量提升(变量提升就是:js在执行过程中会预翻译,会把所有的变量提升在代码的最前面,并赋值为undefined,也会吧所有的函数提升在最前面) **console.log(a); //报错 (let 不能变量提升)let a = 15; let a =15;let a =30;console.log(a)//报错 (let 不能重复声明)if(true){var x
原创
博文更新于 2020.08.10 ·
340 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏
加载更多