• 豌豆资源网
  • 开引网企业服务
  • 服务外包网
  • 上一页 1 ··· 47 48 49 50 51 52 53 54 55 ··· 61 下一页
    摘要: rem vh vw vmin vmax做为CSS3中的新单位,其实都出来挺久的了,这篇文章将总结并理解下它们。 rem 如果你给body设置了font-size字体大小,那么body的任何子元素的1em就是等于body设置的font-size body { font-size: 14px; } di 阅读全文
    posted @ 2020-05-23 15:52 前端一点红 阅读(513) 评论(0) 推荐(0) 编辑
    摘要: 这篇文章主要讲解:右键复制失效方法、菜单"文件"-"另存为"失效方法、防止查看源代码进行复制的方法、防止页面缓存的方法。来达到一定的代码保护效果 右键复制失效方法: 方法一: <script language="Javascript"> document.oncontextmenu=new Func 阅读全文
    posted @ 2020-05-23 15:41 前端一点红 阅读(2256) 评论(0) 推荐(0) 编辑
    摘要: 一、解决iphonX白条,网站扩展到整个屏幕 网页在iphoneX的浏览器屏幕显示上,默认情况下在头部的2侧会出现白条背景,网站被限制在了一个“安全区域”内,移除白色背景的方法 方法一:设置body的背景色: .body{ background-color:#f00; } 方法二:添加mate属性v 阅读全文
    posted @ 2020-05-23 13:09 前端一点红 阅读(2831) 评论(0) 推荐(0) 编辑
    摘要: 通过 CSS3 的 content 获取内容,很有意思的一个思路,实际场景中有可能用的到: CSST (CSS Text Transformation) 利用js动态创建一个link插入到文档中, 请求css文件. 利用 computedStyle = window.getComputedStyle 阅读全文
    posted @ 2020-05-23 13:03 前端一点红 阅读(116) 评论(0) 推荐(0) 编辑
    摘要: 懒加载 什么是懒加载? 懒加载也就是延迟加载。当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次,俗称占位图),只有当图片出现在浏览器的可视区域内时,才设置图片正真的路径,让图片显示出来。这就是图片懒加载。 为什么要使用懒加载? 很 阅读全文
    posted @ 2020-05-23 12:45 前端一点红 阅读(805) 评论(0) 推荐(0) 编辑
    摘要: 整理一下CSS最容易躺枪的二十规则,大家能躺中几条? 转载:API中文网 一、float:left/right 或者 position: absolute 后还写上 display:block? 二、认为布局就是 Float,所有的地方都是 Float,全家都是 Float! 三、认为 px 是一个 阅读全文
    posted @ 2020-05-22 16:06 前端一点红 阅读(136) 评论(0) 推荐(0) 编辑
    摘要: 如何提高CSS性能,根据页面的加载性能和CSS代码性能,主要表现为: 加载性能 (主要是从减少文件体积,减少阻塞加载,提高并发方面入手),选择器性能,渲染性能,可维护性。 1、尽量将样式写在单独的css文件里面,在head元素中引用 (1)内容和样式分离,易于管理和维护 (2)减少页面体积 (3)c 阅读全文
    posted @ 2020-05-22 16:01 前端一点红 阅读(1123) 评论(0) 推荐(0) 编辑
    摘要: 任何有开发经验的前端工程师都会考虑到不成体系的设备生态所带来的挑战。设备间不同的屏幕尺寸、分辨率和比例使得产品难以提供一致的体验,对于那些对产品有着像素级完美追求的人这种体验差异尤其显著! SVG(可缩放的矢量图形)完美地解决了上文中提到的部分问题。尽管 SVG 有它的局限性,但是在某些场景下是非常 阅读全文
    posted @ 2020-05-22 15:49 前端一点红 阅读(877) 评论(0) 推荐(0) 编辑
    摘要: 小伙伴们在写CSS3动画时,会发现在手机上很多时候会感到卡顿,然后Google到的解决方案大多是开启GPU加速transform: translate3d(0,0,0); 可解决,但是为什么开启GPU加速就能让动画顺滑呢? 我们从浏览器内部去理解下 JS是单线程的,但是浏览器可以开启多个线程,渲染一 阅读全文
    posted @ 2020-05-22 15:38 前端一点红 阅读(268) 评论(0) 推荐(0) 编辑
    摘要: 在我们的实际开发中,经常会遇到页面中需要悬浮效果,比如最早的客服联系,对联悬浮广告等,今天为大家介绍一些如何实现div悬浮的效果。 传统的fixed实现: 通过css中的属性position参数设为fixed,理由它相对于浏览器为绝对位置,通过设置right和bottom,使得div固定在右下角。例 阅读全文
    posted @ 2020-05-22 00:18 前端一点红 阅读(2343) 评论(0) 推荐(0) 编辑
    上一页 1 ··· 47 48 49 50 51 52 53 54 55 ··· 61 下一页
  • 乐游资源网
  • 热爱资源网
  • 灵活用工代发薪平台
  • 企服知识
  • 355软件知识