摘要：
关于css的flex布局,我只想说他真的解决了曾经布局中float和position中的痛苦,网上关于flex的文章很多了,在这里分享两篇好的文章(真的只有两篇)供大家学习. 一.阮一峰(不用多说很详细)Flex 布局教程：实例篇Flex 布局教程：语法篇 二.渔人码头用大彩图和GIF动画解释 用大 阅读全文
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>网格布局Grid用法</title> <style> body{ width: 100%; height: 100%; display: flex; justi 阅读全文
摘要：
快来Star，在这里哦Awesome UIKit。 Collect JS Frameworks, Web components library and Admin Template. Frameworks Most of this comes from: The Ultimate Guide to 阅读全文
摘要：
效果图 代码 html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met 阅读全文
摘要：
由数据绑定和排序引入的几个 JavaScript 知识点 在 JavaScript 的数据绑定和做简单的表格排序中遇到的几个知识点 [[JS 基础] 对象冻结](https://juejin.im/entry/58998... 作者：滴滴公共前端团队 - YXY 前言： 很多人看 Vue 2.* 版 阅读全文
摘要：
One 核心代码: .loading{ width: 70px; height: 200px; margin: auto; display: flex; } .loading span{ display: inline-block; width: 8px; height: 40px; border- 阅读全文
摘要：
左滑 右滑 你不再是一个人 无论你是一个程序猿还是一个程序媛，每天干的事除了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; 阅读全文
摘要：
前言 用vue有一段时间了，从用vue-cli搭建项目、一步步配置axios、vuex、vue-router，到之后的研究canvas、动效这些，一直想写些东西记录一下、做个总结，刚好趁着有空就整理一下。这里先占个坑，列一下大纲，具体某一方面的总结会单独写文章，放链接在本文中，之后会不定期更新来填坑 阅读全文
摘要：
1 You-Dont-Need-JavaScript CSS是强大的，你可以做很多事情没有JS。 本文教你使用原生CSS做下面的事情。 内容目录 手风琴/切换 圆盘传送带 检查复选框的计数器 翻转点击 Textfield上的浮动标签 字体（拉丁） 游戏 悬停/弹出信息 图片廊 菜单 移动菜单关闭画布 阅读全文
摘要：
开始啦 最近发现一个css的小技巧。在以往，当我想要获取checkbox的数据数量的时候，常规的做法是使用js遍历checkbox数组，定义变量达到统计数量的效果。现在使用css完全可以实现相同的效果，简单便捷，在不操作DOM的情况下达到目的，嘻嘻 代码块 这里贴出相关代码，希望能帮到大家： <ht 阅读全文