daipi173的个人博客

daipi173的个人博客
Always Creative.
Welcome!

YOUR EFFORTS BOUND TO SUCCEED
关注公众号：Yoho前端

你的努力必将成为成功。

关于伪类和伪元素的理解

2019-08-09 | HTML, CSS, 伪类, 伪元素

在CSS中，我们不得不说的就是伪类和伪元素，在不深入了解CSS的情况下，大多数的人都会将这两个混为一谈，趁今天有多余的空闲时间，我就来带大家总结一下关于伪类和伪元素的区别。 1. 伪类和伪元素的描述CSS引入伪类和伪元素的概念是为了格式化文档树以外的信息。即伪类和伪元素是用来修饰不在文档树中的部分。举一些例子：列表中的第一个元素；一句话中的第一个字母。在相关的书籍中对伪类和伪元素的描述如下所示：伪类：伪类用于当已有元素处于某个状态时

常见的将元素水平垂直居中的方法

2019-08-07 | HTML, CSS, 居中

其实将元素水平垂直居中是我们在日常学习和工作中常常见到的，而且有时候面试也会常考的，所以今天特此花点时间来总结一下常用的一些用法。方法一：容器内元素为display:block，而且元素的宽和高是已知的； 12345678910111213141516171819202122232425262728293031323334<!DOCTYPE html><html lang="zh"><

执行上下文

2019-08-05 | JavaScript, 闭包, this, 执行上下文

1. 执行上下文是什么当执行一段代码的时候，就会进行准备工作，这里的“准备工作”，让我们用个更专业一点的说法，就叫做“执行上下文(execution context)”。 2. 执行上下文是怎样产生的执行上下文会产生三种执行上下文，分别是：全局执行上下文（刚开始执行script标签或者刚开始执行js代码的时候就会产生）；函数执行上下文； eval执行上下文（了解一下即可，因为现在不太使用了）。 3. 执行上下文产生的时候发生了什

关于this常用的场景总结

2019-08-03 | JavaScript, this

关于this指向问题是初学者最头疼的一件事情，但是没有关系，接下来我会总结在学习或者工作中常用的几个例子。全局执行上下文的this是指向window的；举一个例子，在全局上打印this：1console.log(this); // window 函数执行上下文的this需要看函数调用的时候，而不是看函数定义的时候，因为函数调用的时候才会形成执行上下文，形成执行上下文的时候，会有一个属性叫this；（关于执行上下文到时候我会专门写一篇

手动封装AJAX

2019-08-01 | JavaScript, 网络, AJAX

1234567891011121314151617181920212223242526272829303132333435363738394041424344// （1） web浏览器// （2） ajax对象 // （3）初始化 HTTP 请求参数(请求方式, 地址, 同步or异步)// （4）发送请求// （5）监控数据 // （6）检查数据使用// （1） web浏览器function ajax

当我们在浏览器中输入URL时，Web页面是如何呈现的

2019-07-30 | HTML, 网络

首先我们需要了解两点：1. URL代表的是资源的位置；2. 浏览器本身不具有发送请求的功能。我们先来看看最简单的一个过程，如下图所示：但是接下来我们会更加深入的了解：当我们在浏览器中输入URL时，到Web页面是呈现出来，中间究竟发生了怎样的一个过程？接下来先来看一张图片，然后我会根据图片来进行一个相应的讲解，图片如下图所示： a. 首先我们需要清楚一点，就是daipi173.github.io域名相当于服务器的一个别名，而服务器真

关于解决margin塌陷和合并问题

2019-07-25 | HTML, CSS, margin

在标准的文档流中，竖直方向（注意：左右方向是不会出现塌陷的现象。）的margin会出现叠加现象，即较大的margin会覆盖掉较小的margin，竖直方向的两个盒子中间只有一个较大的margin，这就是margin的塌陷现象。 1. 什么是外边距合并外边距合并就是：当两个垂直外边距相遇时，它们将形成一个外边距。合并的外边距的高度等于两个发生合并的外边距的高度中的较大者。 2. 常见的几种情况两个元素是父子关系，见如下代码： 123456

使用hexo来搭建博客

2019-07-22 | Git, Hexo

今天给大家介绍的是如何使用hexo工具来搭建个人博客。 1. 什么是hexo简单一点的说：hexo是一个快速、简洁且高效的博客框架。 2. hexo相关文件的介绍打开编辑器在终端先下载hexo-cli，因此执行的命令是:npm install hexo-cli -g。然后再执行命令:hexo init myBlog来新建一个网站，其中myBlog是我自己随意取得名字，这里大家可以取自己喜欢的名字。当下载完成之后执行命令:cd myBlo

ES6之Symbol

2019-07-20 | JavaScript, ES6, Symbol

1. Symbol的由来ES5 的对象属性名都是字符串，这容易造成属性名的冲突。比如，你使用了一个他人提供的对象，但又想为这个对象添加新的方法（mixin 模式），新方法的名字就有可能与现有方法产生冲突。如果有一种机制，保证每个属性的名字都是独一无二的就好了，这样就从根本上防止属性名的冲突。这就是 ES6 引入Symbol的原因。 2. Symbol的概述JS中分为七种内置类型，七种内置类型又分为两大类型：基本类型、对象(Object)

如何使用vue在循环中绑定v-mode

2019-07-16 | vue, 循环, v-mode

这几天用vue写form表单时，遇到了一个问题，那就是如何使用vue在循环中绑定v-mode的问题。我现在给大家举一个例子，大致的内容就是在form表单里面添加自己的一个兴趣爱好，点击添加兴趣爱好就会在下列添加一项兴趣项，内容如下图所示：在做这个小demo的时候，我遇到的问题就是添加兴趣爱好之后，在新添加这一栏会出现上一次我们添加的内容，并且改变相应的内容会导致上一个的兴趣爱好内容被修改，给大家具体还是看一下我遇到问题的图片。添加新

And we should call every truth false which was not accompanied by at least one laugh

YOUR EFFORTS BOUND TO SUCCEED 关注公众号：Yoho前端

YOUR EFFORTS BOUND TO SUCCEED
关注公众号：Yoho前端