写在最前:BFC看起来是个很陌生的概念但它却时时发生在我们工作中,如何清除浮动影响?如何避免margin穿透问题?如何编写两栏自适应布局?都和BFC有这密不可分的关系,下面走进切图妞的世界,分分钟搞定BFC! 一、什么是…
分类:html5
前端小报 - 201903月刊
【Alibaba-TXD 前端小报】- 热门前端技术快报,聚焦业界新视界;不知不觉 2019 年已经过去了 1/4,日新月异的前端技术正在蓬勃发展,ES10 都已到来。 欢迎 订阅 &am…
一款基于 Vue 的问答移动端实战项目
前言 项目地址:https://github.com/yaozhongna… 预览地址:预览点击此处,无法滑动请刷新页面请使用谷歌浏览器并调整为手机模式预览,由于并未备案,因此域名后携带端口号 这是一款基于 …
两行代码让你创建vue项目
和大家分享一下自己写的cli 由于用vue自己的脚手架没那么舒服,所以自己写了个cli(主要是为了新建项目的时候偷懒,不想复制粘贴了); 1.vue-cli 这个我是基于yeoman开发的 npm install -g …
关于JS的原型链的理解。
– JS是一个非常有魅力的语言也是一个比较烦人的语言,主要就是因为他的特殊性灵活性。 JS的原型链,需要深刻的研究才能搞懂。不要纠结细节吧。实在不行就按这个死背住,慢慢就理解了。总之吧就是一句话万物皆对象。 …
什么是可替换元素?
最近在群聊里偶然看到有位仁兄发了张今日头条前端面试题的截图,其中关于 HTML 的只有一题,如下: 请问什么是可替换元素和非可替换元素,它们的差异是什么?并举例说明。 前端面试中 HTML 的题目本来就最少,而且并不难,…
CSS 搞事技巧:hover+active
介绍 在 JavaScript 中,我们可以利用变量,DOM 来保存状态,而 CSS 当中,我们也可以利用伪类选择器来保存状态,这就是 CSS 搞事的核心了。 核心概念:保存状态。 在上一篇 CSS 搞事技巧:check…
CSS 搞事技巧:checkbox+label+selector
介绍 其实这篇文章写到一大半时它的名字还叫做 《重温 Flex 布局》,结果写着写着就走了心,附上一图表示心情吧: 其实我并不是一个喜欢搞事的人,真的,从我游戏:屠夫沉默(DOTA2),盖伦(LOL),亚瑟(农药)的英雄…
git时光穿梭机--女神的侧颜
背景 狗蛋年近三十,被老母亲逼着跟隔壁村大花成亲狗蛋厌倦了种田,觉得自己的人生要自己决定于是在某大型婚恋平台上约了个妹纸狗蛋感觉有诈 ,于是叫我今晚陪他一起去面基 到了约定的饭店后 我们都震惊了见到妹纸的一瞬间 我们俩全…
vue2.0脚手架的安装和项目搭建
首先我们需要安装nodejs,我就不多说了,去node官网下载安装吧https://nodejs.org/zh-cn/ 关于node的版本选择,我一向是啥时候用就安装最新的。因为前端技术更新太快了,用最新的两个月后就不是…
Javascript运行机制
Javascript是一种单线程开发语言。理解Javascript的运行机制是日常编码必须要掌握的技能。 为什么是单线程? JavaScript的主要用途是与用户交互,以及操作DOM。这决定了它只能是单线程,否则会带来很…
async await详解
async await本身就是 promise + generator的语法糖。 本文主要讲述以下内容 async awiat 实质 async await 主要特性 async await 实质 下面使用 promis…