240 发简信
IP属地:广东
  • 骚里骚气的styled-components快速入门

    styled-components 是什么? styled-components 是一个常用的 css in js 类库。和所有同类型的类库一样,通过 js 赋能解决了原生 ...

  • 120
    使用require.context实现前端工程自动化

    随便记录一些东西,如有错误欢迎指出 require.context是什么 一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来...

  • 什么是闭包?以及对闭包缺点详解

    在前端面试中,很多面试管都会问到得概念‘介绍一下闭包’我们一般从以下三方面来回答:1.闭包是什么,2.闭包优点,3.闭包缺点 一、闭包是什么? 闭包就是两个函数嵌套,内部函数...

  • 120
    HTMLCollection vs. NodeList

    本文章著作权归饥人谷_Lyndon和饥人谷所有,转载请注明出处 >>> 引文 这篇博客起源于我对一道作业题的思考,在DOM课程中,第二道作业题是: elem.children...

  • 120
    15 个有趣的 JavaScript 与 CSS 库

    在十一月份的前端技术列表中,我们整合了一些令人感到惊叹的 GitHub 项目,其中包含了新的 CSS 框架、node.js包管理器,以及用于实现图标、加载效果、工具提示的纯 ...

  • HTML的全局属性

    HTML的全局属性:即所有HTML都拥有的属性 1.class:样式 使用:<div class='color border'> 。class属性可以给标签指定一个样式的类,...

  • 120
    div的分层&层叠上下文

    一个div的分层:由下到上分别是,background,border,块级子元素,浮动子元素,内联子元素 根据这个原理,其实浮动就是将其分层上提一层。 层叠式上下文:当元素使...

  • 120
    CSS-flex布局

    青蛙小游戏学习flex布局 什么是flex布局? flex布局又称“弹性盒布局”,顾名思义元素就像有弹性一样,会根据空间的大小弹性地分布,甚至会像有弹性一样改变自身的宽度或高...

  • 120
    CSS外边距合并

    CSS外边距合并的情况主要分两种: 1.相邻兄弟元素之间的外边距合并   当相邻的兄弟元素,前一个设定了 margin-bottom 后一个设定了 margin-top,那么...

  • 120
    CSS盒子模型

    CSS的盒模型分为:content-box 和 border-box 两种 元素的盒模型组成   元素的盒模型主要由:margin、border、padding、conten...

  • <img>标签

    1.<img>的作用 <img>会发起一个 get 请求,请求一张图片,并展示在页面上。 2.<img>的属性 src :src(source),属性的值时请求的图片的路径...

  • <table>标签

    一个完整的<table>标签 <colgroup>&<col> 这2个标签的作用是在table中进行样式的设置。 每一个colgroup中的每一个col,代表了table中从...

  • 120
    守望先锋 UI 库

    缘起 去年 12 月玩守望等匹配的时候就无聊萌生出做一套守望 UI 的想法,因为觉得守望的 UI 比较简洁,而且对于那些小组件的实现都有个大概的思路。当时 Hey UI 的作...

  • 120
    HTML入门--(1)

    什么是HTML? HTML:HyperText Markup Language 超文本标记语言。 HTML不是一种编程语言,而是一种标记语言。HTML拥有许多用于描述一个网页...

  • 隐式声明 var let const window

    先看代码块 隐式声明 隐式声明是一种全局变量的声明方式,但是有一点需要注意的是,假如函数块中存在能访问的变量 a,同时又隐式声明了 a = 1 那么这个隐式声明则会变成一个赋...

  • <a>标签

    <a>:anchor 1.target属性的值 _blank:新开一个页面打开 指向的页面 _self:在自身窗口打开 指向的页面 _top:在最顶级的窗口打开 指向的页面 ...

  • 空元素&可替代元素

    空元素(empty element) 空元素,可能是 HTML,SVG,或者 MathML 里的一个不存在子节点(例如内嵌的元素或者元素内的文本)的element。但是空元素...

  • HTTP请求与响应&curl命令

    HTTP 什么是HTTP协议? 在我们进行网页的浏览过程中,我们不断地通过浏览器向对应的服务器发送请求,并且将服务器响应回来的内容下载并渲染到页面上,最终形成所看到的页面。而...

  • 120
    GIT的安装与配置

    1.官网下载GIT 2.按下图安装GIT 3.配置git的外观,配置完成后重启git即可 4.使用方法