css
暮 色
这个作者很懒,什么都没留下…
展开
-
css等高布局常用几种方式
等高布局的方式指在同一个父容器中,子元素高度相等的布局.从等高布局实现方式来说,又分为两类伪等高子元素高度差依然存在,只是视觉上给人感觉就是等高.真等高子元素高度相等先来看看伪等高实现方式通过负margin和Padding实现真等高实现方式•table•absoult•flex•grid•js伪等高之-负margin和padding主要利用负margin...原创 2019-06-06 16:07:21 · 331 阅读 · 0 评论 -
圣杯布局与双飞翼布局
圣杯布局和双飞翼布局是前端工程师需要日常掌握的重要布局方式。两者的功能相同,都是为了实现一个两侧宽度固定,中间宽度自适应的三栏布局。主要运用了浮动,定位,负边距。注释:图片来源圣杯布局原文In Search of the Holy Grail,双飞翼布局图片来源来源于淘宝UED。圣杯布局DOM结构圣杯布局的DOM结构主要由main包裹的center,left,right构成,其中cen...原创 2019-08-15 16:46:42 · 450 阅读 · 0 评论 -
当你在浏览器中输入google.com并按下回车后发生了什么0
按下"g"键接下来的内容介绍了物理键盘和系统中断的工作原理,但是有一部分内容却没有涉及。当你按下“g”键,浏览器接收到这个消息之后,会触发自动完成机制。浏览器根据自己的算法,以及你是否处于隐私浏览模式,会在浏览器的地址框下方给出输入建议。大部分算法会优先考虑根据你的搜索历史和书签等内容给出建议。你打算输入 “google.com”,因此给出的建议并不匹配。但是输入过程中仍然有大量的代码在后台运行...转载 2019-06-29 19:06:53 · 751 阅读 · 0 评论 -
Web前端——JavaScript练习
显示和隐藏,改变display属性关键代码:e.style.display = "block";e.style.display = "none";源码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>显示和隐藏<...原创 2019-06-29 16:00:43 · 385 阅读 · 0 评论 -
JS方法速查
首先这个文章是一个不断维护的项目,因为里面的内容并不是最优解,如果各位朋友有更好的解决方法,欢迎在下方评论,我也会第一时间感谢和更新文章内容的,拜谢!!!GitHub地址:项目地址查看更多速查:notes网址更新记录(只显示最近5条)数组部分增加了注释,和一些示例,整体上优化了很多,感谢大家的反馈(2019.6.25)增加DOM,BOM分类(2019.6.24)致谢:大湿胸。| Ad...原创 2019-06-28 19:29:56 · 1154 阅读 · 0 评论 -
前端插件库
原文链接:https://whjin.github.io/frontend-dev-doc/posts/插件库/前端插件库.html转载 2019-07-03 19:41:43 · 670 阅读 · 0 评论 -
CSS改变鼠标样式(图片)
如果你想让你的网站看起来更酷炫,可以改变鼠标样式,用你喜欢的图片来代替。下面就来介绍下步骤方法:首页把鼠标图标格式转换成.ico格式,大小为32*32转换格式网址为:https://www.easyicon.net/covert/然后在CSS样式中增加代码:*{ cursor:url(../images/shubiao.ico),auto;}大功告成啦~~~说明:图...原创 2019-06-22 14:54:35 · 8816 阅读 · 1 评论 -
CSS3移动端vw+rem不依赖JS实现响应式布局的方法
1、前言(1)vw/vh介绍在使用之前,我们先简单了解一下什么是vw和rem以及它们的作用,vw是css3出现的一个新单位,它是“view width”缩写,定义为把当前屏幕分成一百份,1vw即为屏幕的1%,与之对应的是vh,把高分成一百份,1vh即为屏幕高的1%,一般我们常用的vw单位来完成响应式开发(2)rem介绍rem是相对长度单位。相对于根元素(即html元素)font-size计...原创 2019-06-13 15:47:05 · 259 阅读 · 0 评论 -
CSS 类名的问题详解
以下以数字开头的 CSS 类名不会生效:.1st{ color: red;}一个合法的 CSS 类名必需以下面其中之一作为开头:• 下划线 _•短横线 -•字母 a - z然后紧跟其他 _ , - 数字或字母。用正则表示,一个合法的 CSS 类名为:-?[_a-zA-Z]+[_a-zA-Z0-9-]*另,根据CSS 标准 中的描述,如果类名开头是短横线 - ,第...原创 2019-06-06 16:25:54 · 212 阅读 · 0 评论 -
微信小程序后台持续定位功能使用
微信小程序团队在7月30日更新了 基础库 2.8.0其中新添加了小程序后台持续定位功能和联系定位的接口从上到下分别是1.wx.onLocationChange//监听位置实时变化2.wx.stopLocationUpdate//关闭监听实时位置变化,前后台都停止消息接收3.wx.startLocationUpdate//开启小程序进入前台时接收位置消息4.wx.startLocat...原创 2019-08-23 15:02:15 · 12956 阅读 · 2 评论