- 博客(18)
- 收藏
- 关注
原创 关于margin-top留白问题
设置margin-top还会出现留白问题原因:当两个容器嵌套时,如果外层容器和内层容器之间没有别的元素,firefox会吧内层元素得margin-top作用到父元素上。解决方法:在父元素与子元素之间加一个空标签高可以设置为1px。或者使用浮动float也能解决留白问题。...
2021-01-18 18:29:08
902
原创 webpack打包原理
一、什么是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
原创 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 21:28:50
459
原创 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 21:32:34
146
原创 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 20:58:09
162
原创 JQurey
JQureyJQurey.attr() //获得被选中元素属性和自定义属性JQurey.attr(属性名,属性值) // 设置属性JQurey.attr({'属性名1':'属性值1','属性名2':'属性值2'}) //设置多个属性JQurey.prop() //获得官方定义的属性,不能获得自定义属性JQurey.removeAttr() //移出属性JQurey.css() //获得被选中元素的计算过的样式JQurey.css(属性名,属性值) //设置样式JQurey.c
2020-08-10 20:53:38
329
原创 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 20:22:39
310
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人