关键字:尺寸
  • 图片自适应等比缩放之object-fit
    object-fit:指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。与我们熟悉的background-size属性有点相似。 contain被替换的内容将被缩放,以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时 ...
  • 如何快速将你的SPA应用改造成PWA应用
    PWA是指渐进式web应用,一般由web app manifest, service worker, app shell, notification push等部分组成。 这里目前只讨论web app manifest, service w ...
  • 第32期 vite 一种新的、更快地 web 开发工具 & 如何实现高性能的在线 PDF 预览
    vite 一种新的、更快地 web 开发工具 Vite,一个基于浏览器原生 ES imports 的开发服务器。利用浏览器去解析 imports,在服务器端按需编译返回,完全跳过了打包这个概念,服务器随起随用。同时不仅有 Vue 文件支持, ...
  • 小程序开发笔记《七》使用canvas绘制带二维码海报并预览保存到相册
    小程序生成带二维码的海报效果预览: 项目需求: 需要根据用户信息生成用户个人二维码,后台提供海报素材,将用户二维码画在海报上,并可预览海报,长按保存海报,方便用户分享或者发朋友圈。 涉及到的相关API: wx.getImageInfo()- ...
  • 如何一句话激怒前端开发
    后端开发:前端比较简单,我也会写,只是我比较喜欢搞逻辑复杂的后端工作。 后端眼里,前端就是把后端数据渲染出来,写个页面就ok了,可能前后端分离之前他自己也写过,而自认为后端庞大,各种框架,各种技术都得会,殊不知其实自己也就是一个写入数据与读 ...
  • JS兼容及常用工具代码封装
    本文目录: 1.格式化日期时间函数 2.获取对应id或者class的DOM对象 3.获取当前浏览器的类型 4.为任意一个元素绑定事件 5.为任意一个元素解绑事件 6.获取页面向上或者向左卷曲出去的距离 7.限制字符显示字数 8.ajax原生 ...
  • px/em/rem的相同与不同点
    1px有多大? 我们先了解几个概念: 关键概念 设备像素:设备屏幕实际拥有的像素点一般来说:宽度方向有1920个像素点,长度方向有1080个像素点。 逻辑像素:CSS 的像素单位(就是我们这次要讨论的css的px),其尺寸大小是相对的,也称 ...
  • 整理了 25 个前端相关的学习网站和一些靠谱的小工具
    给大家整理了 25 个前端相关的学习网站和一些靠谱的小工具,包括一些小游戏、教程、社区网站和博客,以及一些资源网站,希望可以帮助到大家!CSS 相关1、CSS Battle - 在线比拼 CSShttps://cssbattle.dev在线 ...
  • WeChat 如何理解rpx
    Unsplash 在小程序样式表中,我们绝大多数的长度单位都设置成 rpx,而不是我们常见的 px,使用 rpx 小程序会自动在不同的分辨率下进行转换,而使用 px 为单位则不会 UI 同学给我们的视觉稿一般是以 i6 为标准进行设计的, ...
  • 足够好用,FFloat
    image FWidget 用心提供精致的组件,助您构建精美的应用。 你好开发者,来见识一下,这是由我们精心为开发者烘培 ? 的全新组件,F~~~Float。 image FFloat 是由 【阿里巴巴-飞猪-FliggyMobile 技 ...

暂无数据