
前端 知识点
yechaoa
优快云博客专家、掘金签约作者、infoQ 专家博主、阿里云专家博主、51CTO专家博主、华为云云享专家;现就职于阿里巴巴,研究方向包括但不限于大前端、端基础架构与中间件、性能优化等。
展开
-
常用颜色RGB、灰度值、取色值、透明度。
■■■■■#DC143C——Crimson深红/猩红■■■■■#FFF0F5——LavenderBlush淡紫红■■■■■#DB7093——PaleVioletRed弱紫罗兰红■■■■■#FF69B4——HotPink热情的粉红■■■■■#FF1493——DeepPink深粉红■■■■■#C71585——MediumVioletRed中紫罗兰红■■■■■#DA70D6——O...原创 2017-02-16 11:34:05 · 26686 阅读 · 0 评论 -
css background-image 背景图片自适应宽高
背景图片与标签宽高保持一致:div { background-image: url('路径'); background-repeat:no-repeat; background-size:100% 100%; -moz-background-size:100% 100%;}原创 2019-04-08 15:57:04 · 25869 阅读 · 0 评论 -
H5 适配 iPhone X
1,设置网页在可视窗口的布局方式新增 viweport-fit 属性,使得页面内容完全覆盖整个窗口:<meta name=“viewport” content=“width=device-width, viewport-fit=cover”>只有设置了 viewport-fit=cover,才能使用 env 函数。contain: 可视窗口完全包含网页内容(左图)cove...转载 2018-12-28 11:02:56 · 1013 阅读 · 0 评论 -
js 实现倒计时功能,兼容ios,类似京东
效果html<div class="weui-cell count_down"> <div class="weui-cell__bd"> <p>秒杀中,抢到就是赚到</p> </div> <div class="weui-cell__ft"&原创 2018-09-04 18:25:44 · 1464 阅读 · 0 评论 -
weui-navbar 导航栏页面切换
效果html<div class="weui-tab"> <div class="weui-navbar"> <a class="weui-navbar__item weui-bar__item_on" href="#tab1"> 标签一 </a>原创 2018-08-31 16:04:53 · 16813 阅读 · 4 评论 -
前端开发常用代码片段
作者:WEBINGsegmentfault.com/a/1190000014700549一、预加载图像如果你的网页中需要使用大量初始不可见的(例如,悬停的)图像,那么可以预加载这些图像。二、检查图像是否加载有时为了继续脚本,你可能需要检查图像是否全部加载完毕。你也可以使用 ID 或 CLASS 替换<img> 标签来检查某个特定的图像是否被加载。三、自动修复破坏的图像逐个替换已经破坏的...转载 2018-06-27 10:27:28 · 1018 阅读 · 0 评论 -
推荐15个 JavaScript 和 CSS 库
Tutorialzine的使命是让开发者与最新的Web开发发展同步。因此,我们每月都会精选一批最优秀的资源推荐给大家,相信这些资源你绝对值得拥有!ClarifyJSClarifyJS可以让你串联一串方法,以任意顺序执行。通常的JavaScript方法是从左到右执行的,ClarifyJS可以让你改变它们执行的顺序。而且,通过选择是否让进程等待某个特定的异步方法完成还是执行后继续,也能控制异步方法。S...转载 2018-03-30 22:15:18 · 712 阅读 · 0 评论 -
HTML 文档之 Head 最佳实践
语言在 html 标签中通过 lang 属性进行明确的语言声明,将会有助于翻译,英文、简体中文和繁体中文网页所属性值如下:html lang="en">html lang="zh-Hans">html lang="zh-Hant">编码请在 中第一行统一使用 utf-8 编码声明。meta charset="utf-8">Base 元素尽量不使用 元素,转载 2018-01-22 14:15:37 · 744 阅读 · 0 评论 -
Android前端正则表达式(通用)
前端示例: function validate(){ var reg = new RegExp("^.{6}$"); var pass = document.getElementById("password"); if(!reg.test(pass.value)){ alert("最少6位"); }else{ alert("suc原创 2017-09-01 11:49:23 · 1060 阅读 · 0 评论 -
CSS选择器大全
通配符选择器通配符选择器可代表给所有的标签添加样式 *{ margin:0px; Padding:0px; }class选择器适合class属性值的选择器 .classSelector{ background-color:cyan; }id选择器适合id属性值的选择器 #idSelector{ background-c...原创 2017-01-19 13:31:31 · 1035 阅读 · 0 评论