摘要: 前言 CSS的短板 作为前端学习者的我们 或多或少都要学些 CSS ,它作为前端开发的三大基石之一,时刻引领着 Web 的发展潮向。 而 CSS 作为一门标记性语言,可能 给初学者第一印象 就是简单易懂,毫无逻辑,不像编程该有的样子。在语法更新时,每当新属性提出,浏览器的兼容又会马上变成绊脚石,可以 阅读全文
posted @ 2019-06-27 23:38 野生夜神月 阅读(621) 评论(0) 推荐(0) 编辑
摘要: 我们都知道,css没有变量,也没有条件语句,在开发过程中,难免有些麻烦,因此有了CSS预处理器(css preprocessor),Sass便是其中之一。 一、什么是Sass Sass (Syntactically Awesome StyleSheets)是css的一个扩展开发工具,它允许你使用变量 阅读全文
posted @ 2019-06-27 22:31 野生夜神月 阅读(1162) 评论(0) 推荐(0) 编辑
摘要: Session和Cookie的区别与联系 一. 概念理解 你可能有留意到当你浏览网页时,会有一些推送消息,大多数是你最近留意过的同类东西,比如你想买桌子,上淘宝搜了一下,结果连着几天会有各种各样的桌子的链接。这是因为 你浏览某个网页的时候,WEB 服务器会先送一些资料放在你的计算机上,类似于你打的文 阅读全文
posted @ 2019-06-19 23:17 野生夜神月 阅读(727) 评论(0) 推荐(0) 编辑
摘要: sass/scss 和 less的区别 一. Sass/Scss、Less是什么? Sass (Syntactically Awesome Stylesheets)是一种动态样式语言,Sass语法属于缩排语法,比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理,函数等), 阅读全文
posted @ 2019-06-13 23:18 野生夜神月 阅读(7093) 评论(0) 推荐(2) 编辑
摘要: 2017-09-13 发布 前端常见跨域解决方案(全) cors nginx postmessage 跨域 中间件 2017-09-13 发布 前端常见跨域解决方案(全) cors nginx postmessage 跨域 中间件 2017-09-13 发布 前端常见跨域解决方案(全) cors n 阅读全文
posted @ 2019-06-13 21:16 野生夜神月 阅读(201) 评论(0) 推荐(0) 编辑
摘要: 方案1:position 元素已知宽度 父元素设置为:position: relative; 子元素设置为:position: absolute; 距上50%,据左50%,然后减去元素自身宽度的距离就可以实现 示例 2: <div class="box"> <div class="content"> 阅读全文
posted @ 2019-06-11 10:20 野生夜神月 阅读(129) 评论(0) 推荐(0) 编辑
摘要: DOM 事件模型 DOM 事件模型 DOM 事件模型 DOM 事件模型 DOM(Document Object Model 文件对象模型) DOM将用例如XML、HTML等标记语言写成的结构化文档看成一颗树,该树上的节点也即是文档内的节点。简单来说,DOM是一组API,可以使用户通过任何实现了DOM 阅读全文
posted @ 2019-06-11 09:40 野生夜神月 阅读(503) 评论(0) 推荐(0) 编辑
摘要: content-box和border-box的区别 2018年02月27日 22:20:16 sulingliang 阅读数:8011 content-box和border-box的区别 2018年02月27日 22:20:16 sulingliang 阅读数:8011 content-box和bo 阅读全文
posted @ 2019-06-11 09:05 野生夜神月 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 法一:左侧float:left;右侧margin-left; html <div class="left">left</div> <div class="right">right</div> css body,div{padding: 0 ;margin:0;} .left,.right{heigh 阅读全文
posted @ 2019-06-11 08:54 野生夜神月 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 1. 使用绝对定位 对这三栏都实现绝对定位,其中中间绝对定位的位置是上下两栏的高度,内容超出则中间部分出现流动条; 代码实现: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>绝对定位实现</title> < 阅读全文
posted @ 2019-06-11 08:49 野生夜神月 阅读(1577) 评论(0) 推荐(0) 编辑