- 博客(39)
- 收藏
- 关注
RSS订阅原创 BFC的简单介绍
什么是BFC哪？BFC - Block Formatting Context 块级格式化上下文 BFC的定义。这是官方文档对BFC的介绍但其实我们很难读明白。接下来我就为大家主要介绍以下BFC的要点一、BFC特点1.定义中所说的块级指的就是块级作用域的意思，它只能包括他的子元素，并不包括孙子元素2.每一个BFC区域都是独立的，密闭的。二、什么样的元素是BFC？body根元素 设置浮动，不包括none 设置定位，absoulte或者fixed 行内块显示模式，inline-block
2022-04-06 09:12:09
215
原创 如何让一个元素水平垂直都居中
1.通过改变边距 div{ width: 800px; height: 400px; background-color: pink; position: absolute; top: 50%; left: 50%; margin-top: -200px; margin-left: -400px; } div{ width: 80
2022-04-05 17:09:55
113
原创 宏任务和微任务
本文主要为大家介绍一下js中的EventLoop，其实也就是宏任务和微任务的使用方式一、宏任务、微任务的定义其实我理解的EventLoop主要就是指代码的执行顺序，或者说执行方法是循环的，即先执行微任务，在执行宏任务宏任务主要包括DOM事件,setInterval,setTimeout,new promise，postMessage，ajax请求微任务主要是包括promise.then，process.nextTick...
2022-04-02 21:32:30
836
原创 事件绑定与事件解绑
在js学习过程中，事件的绑定以及解绑是不必可少的。第一种方式：最开始我们学习的就是var btn = document.querySelector("button")btn.onclick=function(){//填上点击事件触发的效果}这种直接绑定形式，解绑也非常的简单。btn.onclick=null这个也很好理解，当这个对象的点击事件为null，就自动对该事件进行解绑了。第二种方式就是通过 对象.addEventListener('事件（不带on）',函数).
2022-03-25 10:42:46
1508
原创 MVVM模型
大名鼎鼎的MVVM模型来了一、什么是MVVM模型MVVM即model-view-ModelView，首先我们分开来看model意思就是模板，负责数据的存储还有业务逻辑，第二层是view是视图层，主要工作是负责展示model中的数据，第三层view-model层是负责连接model层以及view层的中间人，具有双向绑定，自动更新视图的功能，在vue中就是vue实例。这就是mvvm各层以及各层的主要工作二、MVVM以及MVCMVVM实现了前后端更好的分离作用，提升了效率我们都知道mvvm
2022-03-21 15:10:39
3079
原创 es6新增的内置方法
es6又称es2015，在es5的基础上又增加了很多的新的方法供我们使用，让我们写代码变得更加简单啦，今天我们就来介绍一下es6新增的那些新方法。一、include1.他的作用是查找字符串中是否包含某个字串，如果包含返回true，如果没有就返回false。2.使用方式包括两个参数，第一个参数是要找的字串，第二个参数是从哪里开始找（注：这里的哪里指的是索引值）let str="abcdef"console.log(str.includes('ab',0));//truelet str
2022-03-18 19:29:46
796
1
原创 模板引擎值art-template
art-template可以说是模板引擎中非常重要之存在了，不仅因为它的功能强大，还因为他容易入手，新手也可以轻松的理解，并且写出自己想要的效果。接下来由我简单介绍一下art-template的用法，在文章的末尾我会用一个art-template结合ajax做一个简单的搜索功能，来帮助小伙伴们更好的理解一下它的使用方法。如果有错误的话，希望大家多多指正。一、安装art-template1. 如果你已经下载了nodejs，你可以通过终端输入命令npm install art-templa...
2022-03-17 12:18:16
1383
原创 常用的数组、字符串内置方法
// toString() var list = [5,2,3,1,4] console.log(list.toString()); // 从当前数组中删除最后一位 var listLast = list.pop() console.log(list); // 从当前数组中删除第一位 var listLast = list.shift() // 为当前数组添加元素（...
2022-03-16 14:54:34
411
原创 什么是跨域问题，跨域问题如何解决
其实在学习过程中我对跨域问题我一直都有一些疑问，一直都没有感觉自己理解的很通透，为了写这篇文章我也查阅了很多的资料，下面由我带领大家一起来探讨一下跨域问题吧。
2022-03-11 20:40:09
1410
原创 this的指向
this的指向在不同的位置是不同的，但是，在学习过程中，this的指向问题一直是初学者的困扰，因为情况是多种多样的，通过短暂的记忆可能很快就忘却了，本篇文章将介绍一下如何理解着记忆，而不是'死记硬背'。1....
2022-03-10 15:15:09
4169
原创 闭包的解释
1.闭包是什么意思那？一个函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包（closure）。这是在MDN中对闭包的官方定义，其实简单地说闭包就是内层函数来访问外层函数的一个方法。 function fn1() { var a=1; console.log(a);//1 console.log(b);//报错 function fn2() { va
2022-03-01 21:46:46
287
原创 Http和Https的区别、http1.0、http1.1、http2.0
HTTP（HyperText Transfer Protocol：超文本传输协议），HTTPS（Hypertext Transfer Protocol Secure：超文本传输安全协议）区别HTTP默认工作在 TCP 协议 80 端口...
2022-02-22 20:18:26
2130
原创 for的各种循环总结，for in，foreach，for of
最开始我们接触的是简单的for循环，但是在我们学习过程中，遇到很多for的其他使用方法，比如常用的for in，foreach，for of，本文章简单介绍一下关于他们的使用。一for in注意：使用for in的时候对象不可以是Symbol类型的对象，且应该具有可循环迭代的特点。下面的例子是for in循环数组类型的 var obj = [1, 5, 2, 3, 85] for (const key in obj) { console.log(key); //key的值
2022-02-12 11:58:23
1091
原创 ES6中set，WeakSet，map，WeakMap
一、Set对象1.定义set：Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。 Set对象是值的集合，你可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次，即 Set 中的元素是唯一的（定义来自mdn）set对象中最重要的就是唯一的值2.使用方法（1）add添加值let set=new Set();set.add(1);(2)delete删除特定值let set=new Set();set.add(1);set.delete(1);(3
2022-02-12 11:17:51
757
原创 JS三大家族
一、js三大家族包括js三大家族包括offset，client，scroll。二、三大家族的简介1.offsetWidth\offsetHeight=width\heigt+padding+border2.clientWidth\clientHeight=width\height+padding3.scrollWitdh\scrollHeight=width\height(页面内容的高度\宽度)，巧记：offset代表的是自身，所以，offset应该像我们平时所说的宽和高（conte
2022-02-12 10:43:00
848
原创 JSON的介绍以及json、js的转化
一、json简介什么是json哪？json的全称是 JavaScript Object Notation，JSON 使用 Javascript语法来描述数据对象，其实按照我的理解就是带有一种特定格式的数据类型。 var obj = { age: 18, sex: '男' } console.log(obj); console.log(JSON.stringify(obj));对比j
2022-02-07 16:33:53
644
原创 DOM,BOM的区别
在学习js的时候，小伙伴们或许会产生疑问BOM,DOM他们的名字这么相似，到底有什么区别哪，本篇文章将会对他们两个区别进行简要的介绍DOM BOM 文档对象模型 DOM 就是把「文档」当做一个「对象」来看待 DOM 的顶级对象是 document DOM 主要学习的是操作页面元素 DOM 是 W3C 标准规范 浏览器对象模型 把「浏览器」当做一个「对象」来看待 BOM 的顶级对象是 window BO
2022-01-22 19:56:07
763
原创 js中session,cookie,sessionStorage以及localStorage的用法还有区别
sessionStorage以及localStorage的用法还有区别
2022-01-13 21:34:27
784
原创 利用var s1 = prompt(“请输入任意字符”)可以获取用户输入的字符（存到变量s1中了），试编程将用户输入的字符“反转顺序”并首尾字母转为大写，其他字母转为小写后alert出来。
利用var s1 = prompt(“请输入任意字符”)可以获取用户输入的字符（存到变量s1中了），试编程将用户输入的字符“反转顺序”并首尾字母转为大写，其他字母转为小写后alert出来。
2022-01-05 22:08:39
949
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人