- 博客(14)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 逐步深入发布-订阅模式
发布-订阅模式又叫观察者模式，它定义对象间的一对多的关联关系，当一个对象发生改变，与其关联的对象也会得到通知。一、现实实例无论是现实世界还是代码世界，观察者模式都有广泛的应用。小明最近看上了一套房子，到了售楼处才被告知，该楼被售罄，好在该工作人员告诉小明，不久后还有一部分尾盘推出，开发商正在办理相关手续，当手续办理完成就可以购买。但没有人知道手续多久办理完成，于是小明记下了售楼处的电话，小明每天都会询问售楼处是否可以购买。除了小明，还有小红，小刚，小王每天都会向售楼处询问这个问题。在一周过后，售楼处的
2020-09-05 20:48:17
2046
原创 深入理解this的指向问题，在代码中灵活使用this对象
今天是准备面试的第八天，那我们就讲一讲我们在代码中经常遇到的this关键字吧。最重要的概念：this在函数定义的时候确定不了，只有在函数执行，this指向调用它的对象。你把这句话理解了，你就初步懂this的指向了一、this指向的分类我将其分为四类函数调用模式方法调用模式构造函数调用模式cell，apply，bind重指向模式是不是感觉有点晕呀！别忙我们一个一个来讲解二、解说this的指向1.函数调用模式当一个函数不是一个对象的属性时，当它被当做一个函数来调用，this绑定为全局
2020-09-01 21:59:57
1314
原创 深入了解parentNode,parentElement,childNodes,children的区别，一看就懂
今天是准备面试的第七天，js是由ECMAScript、文档对象模型（DOM）和浏览器对象模型（BOM）组成，我们今天就了解下与DOM有关的常用接口parentNode,parentElement,childNodes,children。parentNode，parentElement，childNodes和children都是对节点的操作，因此我们需要对dom树有一定的了解，在文档对象模型中，每一部分都是由节点组成（包括document都是一个节点），节点的类型一共有三种：元素节点，属性节点，文本节点，
2020-08-26 22:13:38
3068
1
原创 清除浮动的方式、BFC块级标准化上下文原理与使用（看这一篇就够了）
今天是准备面试的第6天，我们来深入了解一下面试高频问题，清除浮动的方式、BFC块级标准化上下文原理与使用。一、预备知识想深入了解清除浮动的方式、BFC块级标准化上下文原理与使用，我们需要理解几个概念文档流和文本流文档流：是相对于盒子模型讲的（布局）文本流：是相对于文字段落讲的（文本内容）我经常把页面理解为3层结构（虽然是两层）文档流、文本流、非文档流文本流。我们都知道定义了float属性，该盒子脱离文档流，但没有脱离文本流，我们页面上会看到盒子可能会发生重叠没有占据自己独有的空间，但依然占据了
2020-08-21 16:53:50
540
原创 深入了解盒子模型和与盒子相关的属性
今天是准备面试的第5天，盒子模型是前端程序员必须了解的基础内容，今天就来深入的讲解一下，与盒子模型相关的内容。1、定义所谓的盒子模型，就是将html中的一个元素看成一个四边形盒子，也是盛放内容的一个盒子，盒子模型包含为四个部分：content（内容）、padding（填充）、border（边框）、margin（外边距）。2、种类一共有两种盒子模型，第一种就是默认的W3C盒子模型，第二种是由微软出品的ie盒子模型，这两种盒子的区别是什么呢？默认的W3C盒子模型，设置的宽和高决定了content的长度
2020-08-19 17:33:17
1068
原创 画一个三角形、使用transform/inline-gradient画一条0.5px的直线、不改变形状大小的情况下，给四边形添加一个0.5px的边框
今天是准备面试的第四天，面试经常会考到画简单图形，那就让我们深入了解一下画图形一、画一个三角形<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .app{ height: 0; width: 0; border-bottom: 100px s
2020-08-18 21:44:28
1558
原创 面试题rem、em、vw\vh、px的含义
这些都是长度单位rem是相对于根元素的，通常的做法是在html元素设置一个font-size属性，其他的元素大小都是相对于根元素大小来计算的em是相对于父元素的，当使用width、height、padding、margin时，如果是用em做单位，此属性的大小是相对于该元素的font-size属性vw\vh全称viewport weight \ viewport height，视窗的大小约为屏幕大小1%，设置宽度的时候建议使用%作为单位，设置高度的时候建议使用vh作为单位px像素的意思，像素
2020-08-13 14:44:37
1015
原创 css中垂直居中和水平居中及使用范围说明
准备面试的第二天，今天我们就聊聊面试中最容易出现的基础问题，行内元素和块级元素垂直居中和水平居中吧一.水平居中1、text-align: center;只支持行内元素的水平居中方式，对块级元素无效只能让子标签获得居中的属性，自身不具有<style type="text/css"> .app{ width: 100px; height: 100px; border: 1px solid #000000; text-align: center; } .app .t
2020-08-11 17:37:44
512
原创 calc，supports，media各自的含义及用法
即将步入大三，看着身边的同学都在准备考研，不想考研的我慌了，需要准备一下大四的就业面试，今天是准备的第一天，我想用博客记录下我的成长一 calc()定义：用于动态计算长度值calc()支持"+"，"-"，"*"，"/"四则运算注意运算符前后要留有空格应用场景有时你没法准确的（或难度很大）算出一个宽度的大小，这个计算属性就很有用了div{ width: calc(100% - 2px);}二 @supports定义：判断该浏览器是否支持该属性，如果支持就使用后面的一套渲染方式
2020-08-09 10:37:46
1385
1
原创 浅析回调函数、Promise、iterator、Generator、async-await的异步方式
想了解这些函数的异步实现，我们就首先说一下什么是异步和同步异步和同步异步和同步都是消息通讯机制，都是对"调用一个函数"==来说的同步：调用一旦开始，调用者必须等到被调用的函数返回了结果才会往下执行异步：调用更像一个消息传递，一旦开始，方法调用就会立即返回，调用者就可以继续后续的操作。异步方法通常会在另外一个线程中，“真实”地执行，不会阻碍调用者的工作（你可以看成多线程的形式，主函数和调用函数在并发的执行，这样比较好理解，虽然实际上不是这样）举例：你用洗衣机洗衣服同步：站在洗衣机旁边等到衣服洗
2020-08-07 23:59:02
1116
原创 const、let和var的区别
const、let和var的区别在以前无论是声明变量还是常量，总是使用var一锅端，在方便的同时也出了很多让程序员难以解决的问题，在2015年出了es6，新增了一些使用的命名属性var的弊端全局变量，没有区分局部作用域和块级作用域{ var num = 0 for(var i = 0; i < 10; i++){ num++ } console.log(i) //输出是10}变量提升{ console.log(a)//输出
2020-07-30 18:04:37
411
原创 计算机专业的选择和分类
计算机专业的选择和分类前言现在有很多都觉得计算机专业很好，都在想选择计算机专业，但是计算机专业有很多类别有很多方向，会绕的你头晕目眩，作为菜鸟的我帮你们分析一下计算机专业的发展方向软件和硬件软件：软件是我们经常用到的app，网页，word，QQ，电梯升降管理系统都属于我们软件这一范畴，是一种抽象的工具。硬件：硬件是电脑的核心主板，手机主板都是一些我们见过的实实在在的元器件。因为我是学软...
2020-03-18 21:57:05
1254
原创 warn：There was a problem with the instance info replicator
warn：There was a problem with the instance info replicator先搞清楚你这一层是服务端还是客户端如果是服务端：eureka: instance: hostname: localhost # eureka服务端的实例名称 client: register-with_eureka: false # 服务注册，fals...
2020-03-16 21:08:09
2357
1
原创 Maven pom relativepath子模块找不到父模块路径的问题
Maven pom relativepath子模块找不到父模块路径的问题你发现你的路径和继承过程都是对的，但还是会报错。解决方法一： 将 <relativePath>../..<relativePath/>改成<relativePath/>默认的是上一级目录的下的pom.xml。你的父类的pom.xml在你的上一层目录，这方法才行得通。解决方法二...
2020-03-15 11:37:31
9335
纯web前端抽奖程序
2021-02-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人