小孟学长-CSDN博客

原创关于margin-top留白问题

设置margin-top还会出现留白问题原因：当两个容器嵌套时，如果外层容器和内层容器之间没有别的元素，firefox会吧内层元素得margin-top作用到父元素上。解决方法：在父元素与子元素之间加一个空标签高可以设置为1px。或者使用浮动float也能解决留白问题。...

2021-01-18 18:29:08 902

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

2021-01-09 17:51:09 627

原创 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 20:25:54 170

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

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

2020-09-29 22:55:47 192 1

原创原型与原型链

一：构造函数构造函数模式的目的就是为了创建一个自定义类，并且创建这个类的实例。构造函数模式中拥有了类和实例的概念，并且实例和实例之间是相互独立的，即实例识别。 class Person{ constructor(name) { this.name = name } eat(){ console.log(`${this.name}正在吃饭`) } } class Student extends Person{ con

2020-09-18 19:49:05 75

原创 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 08:31:33 67

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

概念英寸1英寸大概2.54cm5.5英寸指的是手机对角线像素. 　一个屏幕都是由一个一个像素组建而成的，每个像素都对应一个小点。我们常见的 640*960 像素就说明了一个屏幕中包含了多少个小点（像素点），640列与960行像素点，乘一下就知道有多少个了，反正很多很多个。没错，手机中显示的任何图形和图像都是由这些小点组成。分辨率.、 720x1280. 、 750x1334 横向容纳750个像素点纵向容纳1334个像素点ppi— pixcei per inch 像素

2020-09-10 23:40:43 1863

原创 mockjs

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

2020-09-09 00:27:34 198

原创 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 00:14:22 69

原创 vue组件部分介绍

组件的基本使用注册组件注册组件就是利用Vue.component()方法，先传入一个自定义组件的名字，然后传入这个组件的配置。Vue.component('mycomponent',{ template: `<div>这是一个自定义组件</div>`, data () { return { message: 'hello world' } } })如上方式已经创建了一个自定义组件，然后就可以在Vue实例挂在的

2020-08-30 21:32:42 160

原创 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 10:40:09 265

原创 AJAX的简单介绍

AJAX的六种请求方法options：检测有哪些方法可以用get：获取服务信息post：修改与更新，新增服务器信息put：新增delete：删除head：只返回头信息trace：显示头信息，用来测试connect：管道形式链接请求过程客户端发起http请求简历tcp链接客户端（浏览器）发送请求信息（状态行请求头空行请求体）服务器的响应请求信息（状态行响应头空行响应体）客户关闭tcp网络连接客户端（浏览器）渲染内容常见的HTML响应码1

2020-08-25 21:52:02 97

原创互联网名词：O2O；B2B；C2C；B2C...等

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

2020-08-17 21:01:48 936

m724318546的博客

原创关于margin-top留白问题

原创 webpack打包原理

原创 React Hooks

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

原创原型与原型链

原创 Vuex

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

原创 mockjs

原创 axios

原创 vue组件部分介绍

原创 javascript基本数据类型

原创 AJAX的简单介绍

原创互联网名词：O2O；B2B；C2C；B2C...等

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

原创 ES6的基本方法

原创 JQurey的DOM操作

原创 JQurey

原创 ES6-2020-8-10

空空如也

空空如也