布局 使用块元素搭建网页结构,改变默认文档流的方式,让其在一行中显示多列。【让块在一行中显示】 <div> <div></div> <div></div> &l…
分类:css
详解css相对定位和绝对定位
赞助我以写出更好的文章,give me a cup of coffee? 2017最新最全前端面试题 案例代码1 <style type="text/css"> .rel{ border: 1px solid…
CSS外挂:Sass 之规则(Rules)和指令(Directives)
前戏:下面这些玩意还是比较实用的,好像是进阶Sass必备的,以后写起 CSS 要溜得飞起啊! 规则(Rules) 1. @import Sass 扩展了 CSS 的 @import 规则,让它能够引入 SCSS 和 Sa…
关于字体大小px与rem混用的个人经验
关于rem与px的区别,网上已经有不少文章了,在此不多谈。主要想谈的是:在制作网页时,什么时候设定字体大小用px,什么时候用rem? 先谈结论,再讲为什么。一般情况下,还是以用px为主,只有当需要在不同设备上显示不同大小…
css还可以这么写?
作为一个前端,毫无疑问css肯定是最基础的一项技能之一。css是一个标记语言,没有编程语言的诸多特性,比如变量定义,复用,嵌套等,所以相应的开发效率也受到限制。 在追求效率和自动化的当下,涌现了一批解决方案,像是css预…
使用clay.js绘制一棵圆形树
作者:心叶时间:2019-01-23 17:55 温馨提示:clay.js已经停止维护,项目迁移到 https://github.com/yelloxing/… 准备环境 我们需要用到的库有三个: clay-…
JS每日一题: 前端的缓存有哪些?都适用什么场景?区别是什么?
20190116问: 前端的缓存有哪些?都适用什么场景?区别是什么? 参考回答 前端缓存分为两部分: http 缓存 浏览器缓存 http 缓存 强缓存 强缓存主要是采用响应头中的Cache-Control和Expire…
前端人员必须知道的三个问题
第一个问题:前端都做哪些事呢,前端都需要哪些技术呢 前端发展的三个阶段: 初级阶段:(入门) html:常见标签,html5新增的,语义化标签等等 css:选择器,背景,文本,链接,列表,盒模型,定位,浮动,css3新增…
react知识点整理50问(未完待续)
react知识点50问 1.react中的keys的作用 keys是react来追踪哪些元素被修改添加、删除的辅助标记 2.调用setState之后发生了什么 react会将传入的参数对象和组件的当前状态合并,根据新的状…
Codepen 每日精选(2018-3-25)
按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以打开原始页面。 纯 css 写的星球玩呼啦圈的动画https://codepen.io/jcoulterde… 纯 css 写的鸽子喝水动画https…
组件设计漫谈
最近组件库 N3 支持了 vue 2.0 ,并且做了功能的升级, 文档看这里 https://n3-components.github…. 下文不谈论 vue 这门技术,我打算从组件的设计以及一些细节来谈谈组…
书页效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>书页效果</t…