前端手记

  • 如何让background在img标签的上面?

    今天写了一个页面,客户要求在图片上面增加一个背景图片,刚开始感觉还挺不好写,遂百度之: html结构 <div class=”test”> <img src=”c…

    2021年1月12日
  • 从布局看css基础

    css布局 学习css的主要目的是为了记住各种属性么?NO,最重要的是理解css的定位机制与盒子模型。 接下来,从布局的角度来学习css的定位机制和盒子模型,学习之前还是先来提几个…

    2019年5月20日
  • Webpack入门教程

    什么是WebpackWebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeS…

    2019年5月14日
  • Git使用过程中常见的错误

    发现学会了一项技能后用的机会并不多,今天需要在Github里面传一些源码,所以又重新使用了,总是记不住命令,还好之前做过笔记,复制粘贴即可,但在运行的过程中还是出现了一些问题,随百…

    2019年4月10日
  • 零基础学习Sass

    Sass又名SCSS,是CSS预处理器之一,它能让你更好的、更轻松的工作。Sass 是一门高于 CSS 的元语言,它能用来清晰地、结构化地描述文件样式,有着比普通 CSS 更加强大…

    2019年4月4日
  • Git 远程仓库

    学习的Git的小伙伴估计都已经注册Gitthub账号了,如果没有注册,可以先自行注册一个Gitthub账号,这样就可以免费获得Git远程仓库。 本地Git仓库和GitHub仓库之间…

    2019年4月3日
  • Git 操作及常用命令

    今天写这篇文章主要是记录自己学习 Git 过程中遇见的各种命令操作,Git 是什么?Git 是目前世界上最先进的分布式版本控制系统(没有之一)。本人是在Windows系统上操作的,…

    2019年3月26日
  • HTML meta标签介绍

    我们在做前端开发的时候,在head部分会发现有很多meta标签,今天就来详细的总结下我们常用到的一些meta标签。 The <meta> tag provides me…

    2019年3月22日
  • 手把手打造电商平台

    需求拆分原则 单个迭代不宜太大 需求可交付,能够形成功能闭环 有成本意识,遵循二八原则 有预期的价值体现 提炼核心需求     架构设计–分层架构 …

    2019年3月19日
  • 伪元素:after和:before的深入理解

    许小珂今天看了一篇之前看过的关于利用伪元素:after和:before制作小三角的简述,因为没代码,只是说利用伪元素可以制作出三角形,当时并没有仔细研究。 正好趁着今早没事就查阅了…

    2019年3月15日
  • 移动web开发之viewport的深入理解

    之前已经讲解了很多关于移动开发和响应式布局的基础知识,今天许小珂就来讲讲最后一个基础概念:视口 在桌面上,视口的宽度等同于浏览器窗口的宽度,高度即为浏览器窗口的高度。而在浏览器宽度…

    2019年3月15日
  • 移动开发之像素的深入理解

    许小珂在写这篇文章之前还没想好用什么标题,文章写了一大半了依然感觉写的挺乱的。权当是把自己的一些个人感悟进行下总结。 举个栗子在分享之前许小珂先问大家一个问题:一个背景为width…

    2019年3月15日
  • px像素和em相对单位之深入理解

    最近许小珂在研究响应式布局,我们都知道px代表像素的意思。在css中我们一般使用px作为单位,在桌面浏览器css的1个像素往往都是对应着电脑屏幕的1个物理像素,这可能会造成我们的一…

    2019年3月15日
  • 如何使用媒体查询(Media Queries)

    最近许小珂在研究响应式布局,说到响应式布局就不得不提媒体查询,那么Media Queries是如何使用的?媒体查询的两种方式 一种是直接在link中判断设备的尺寸,然后引用不同的c…

    2019年3月15日
  • CSS 媒体类型介绍大全

    最近许小珂正在研究响应式布局,也突然发现css中有很多媒体类型,今天特来总结一下 媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上,在纸张上,或听觉浏…

    2019年3月15日
  • 关于网页自适应百分比单位的使用

    许小珂最近在研究自适应布局,深入研究让许小珂确实对css的属性的理解的更深刻了。今天就来介绍一下网页自适应所使用的百分比单位,希望能解大家的迷惑。不正确的地方也请高手指点出来,许小…

    2019年3月15日