关键字:position
  • CSS背景重复方式属性——background-repeat
    background-repeat也是相当常用的属性,因为你在写背景图时,通常都会加个no-repeat,就像这样: background: url('../images/bg.jpg') no-repeat center; 其中的no- ...
  • H5吸顶功能--划到某一元素处将其固定在顶部
    在网页里经常遇到这样的情况,滑动页面至某一个元素处,元素一直固定在顶部或底部,当页面滑到元素原有位置上方时,元素恢复原有位置。例如京东秒杀的活动时间,还有常见的搜索输入框固定在顶部。 利用js写了个搜索输入框固定在上方的例子,效果示例如下: ...
  • video移动端踩坑记
    最近做的项目里涉及到一个视频列表,点击播放视频,有点类似短视频APP个人主页的效果,直接使用了h5自带的video标签,没想到坑一个接一个。 首先展示下效果图: 踩坑记录: 踩坑一:视频列表中直接使用多个video标签无法达到产品的设计效果 ...
  • 图片自适应等比缩放之object-fit
    object-fit:指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。与我们熟悉的background-size属性有点相似。 contain被替换的内容将被缩放,以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时 ...
  • div水平居中,垂直居中的几种方式
    假设我们现在要实现box元素的居中 <div class="wp"> <div class="box">123</div> </div> /* 公共代码 */ .wp { border: 1px solid red; ...
  • 用echarts写的转换率图表(漏斗图 + 象形柱图)
    <p>平时用图表可能都是常规的折线图,柱状图,饼图这些基本的。</p><p>下面的是一个漏斗图 + 象形柱图写出来的图表。</p><p>完成后的图表,关键是右半边</p><p>漏斗图很简单,只讲下象形柱图里的几个关键点(因为这里的用法有点特 ...
  • 2020年前端面试复习必读文章
    1. JavaScript 基础 1.1 执行上下文/作用域链/闭包理解 JavaScript 中的执行上下文和执行栈JavaScript深入之执行上下文栈一道js面试题引发的思考JavaScript深入之词法作用域和动态作用域JavaS ...
  • 小程序开发笔记《七》使用canvas绘制带二维码海报并预览保存到相册
    小程序生成带二维码的海报效果预览: 项目需求: 需要根据用户信息生成用户个人二维码,后台提供海报素材,将用户二维码画在海报上,并可预览海报,长按保存海报,方便用户分享或者发朋友圈。 涉及到的相关API: wx.getImageInfo()- ...
  • 小程序自定义组件实现
    在日常开发中,经常会有代码复用的情况,比如在很多个页面里,发现用户没有登录需要弹框登录的时候,比如多个页面顶部都有一个搜索框或者列表底部的暂无数据等等。 这个时候我们可以将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用;也可以 ...
  • css关键基础点
    CSS中 link 和@import 的区别是什么? a. link属于HTML标签,而@import是CSS提供的,且只能加载 CSS b. 页面被加载时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载 c. ...

暂无数据