摘要:
左滑 右滑 你不再是一个人 无论你是一个程序猿还是一个程序媛,每天干的事除了coding还是coding,代码不能解决的问题(什么问题自己心里还没点abcd数嘛),探探能帮你解决。最近网上特流行一款交友软件叫探探(据说是yp软件)。作为探探曾经的一名从来只浏览图片但是没有yue过的资深玩家同时又是一 阅读全文
摘要:
首先,sass和scss使用同一种语法,但是写法有所不同。sass在编写的时候不适用' { '和' } '来包括,每一句的末尾也不可以用' ; '来结束。而scss则完全可以按照css的写法编写,本篇基本使用sass的写法。 1 变量 1-1 变量声明 在sass中可以使用$来定义变量 //变量定义 阅读全文
摘要:
background-size与背景图片填满div 在开发中,常有需要将一张图片作为一个div的背景图片充满div的需求 background-size的取值及解释 background-size共有三种属性,分别为 background-size: cover MDN文档解释说明:缩放背景图片以完 阅读全文
摘要:
最近在项目中要用到[react-native-percentage-circle][1]组件实现进度条和画圆环。UI界面要实现如下效果 可以看出要实现两个圆环嵌套,实现同心圆还是比较简单的,react-native-percentage-circle组件支持子元素,所以,在外面圆环里面嵌套一个同心圆 阅读全文
摘要:
前言 前端模块化是个非常大的话题了,我们可以简单的分为html模块化、javascript模块化、css模块化;那么我们先从css模块化开始,css模块化基础却必不可少。希望能通过理解css的模块化,窥探出模块化的意义与思想。 提纲 当项目稍微复杂点的时候,项目迭代时,css的编写会让人痛苦不已,c 阅读全文
摘要:
上代码 <div class="red yellow" style="height:200px; width: 200px;"><div> .yellow { background: yellow; } .red { background: red; } 这个区域渲染出来是什么颜色呢?红色? 黄色? 阅读全文
摘要:
[TOC]备份及更新 说明 .center表示要被居中的元素,.wrap 表示要居中的元素的父元素(包含.center元素的元素)。 为了便于理解和叙述同一: 对于文本内容居中的情况,.wrap就是指包含文字的元素(例如<i>文字</i> ,i标签就是.wrap )。文本内容会在外部创建一个行框(l 阅读全文
摘要:
本文为饥人谷讲师方方原创文章,首发于 前端学习指南。 这是一篇译文,对 inline 和 inline-block 的元素剖析非常给力。 原文:Deep dive CSS: font metrics, line-height and vertical-align - Vincent De Olive 阅读全文
摘要:
https://csswizardry.com/2013/...https://css-tricks.com/bem-101/https://www.smashingmagazine....https://hackhands.com/70-Expe... 重置你的CSS样式 normalize ht 阅读全文
摘要:
1. Element.clientHeight和Element.clientWidth 两者分别返回元素节点 可见部分 的高度和宽度。此“可见部分”包括padding、但不包括border、margin和滚动条。 let rootElement = document.documentElement; 阅读全文