经典布局方案 圣杯布局 双飞翼布局 (左右固定,中间自适应) 圣杯布局: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ...
分类:
Web程序 时间:
2020-08-01 21:33:23
阅读次数:
106
我知道的有点迟,现在应该是强制新UI了吧,先看图,你一眼应该就能看出变化了GitHub主要对UI设计以及Repository布局进行了更新,改善了访问和维护Repository的体验,其实主要有以下几点更新:响应式的布局以及改进了移动端Web的体验通过Repository侧边栏显示更多内容能够在Repository侧边栏现实/隐藏Release版本以及Packages和Environments目前
分类:
其他好文 时间:
2020-07-31 01:15:41
阅读次数:
83
一、什么是两列布局 两列布局分为两种,一种是左侧定宽、右侧自适应,另一种是两列都自适应(即左侧宽度由子元素决定,右侧补齐剩余空间)。在CSS面试题里面属于常考题,也是一个前端开发工程师必须掌握的技能,下面将分别介绍实现方式。 二、左侧定宽、右侧自适应如何实现? 1.双inline-block 原理: ...
分类:
Web程序 时间:
2020-07-30 18:10:07
阅读次数:
97
事件起因: 公司正在做一个sso的单点登录的项目,做完之后,在测试阶段,不同的终端的兼容测试时候,好几个不同的浏览器出现了不同的问题,有登录之后自动退出,有登陆不成功等问题。 在 pc 端只有 uc 浏览器不成功,移动端有 safari、360浏览器、qq浏览器、uc浏览器等。 结果排查: 后面具体 ...
分类:
其他好文 时间:
2020-07-30 14:29:40
阅读次数:
119
原理:CSS3规定,1rem的大小就是html元素的font-size的值。 举个栗子: 假设我们把html的font-size设为10px,那么此时1rem就为10px。如果我们要设置100px*50px的div,我们只需将它的宽设为10rem,高设置为5rem。 <!DOCTYPE html> ...
分类:
其他好文 时间:
2020-07-30 01:51:04
阅读次数:
99
本文主要写给刚接触移动端开发的同鞋们。 首先先将几个主要概念讲一下; 什么是移动端? 移动端故名思义是为移动终端,大名叫移动通信终端,是指可以在移动中使用的计算机设备。其实就是我们常说的手机。 什么是布局? 前端开发中布局是将主要的html结构布置好。 rem是什么? rem是一种长度单位,是而且仅 ...
分类:
移动开发 时间:
2020-07-30 01:49:01
阅读次数:
103
在导出时注册registerWriteHandler(new CustomCellWriteHandler()) /** * @author jamin * @date 2020/7/29 11:28 * 设置自适应列宽 */ public class CustomCellWriteHandler ...
分类:
其他好文 时间:
2020-07-30 01:23:09
阅读次数:
133
SUI Mobile http://m.sui.taobao.org/components/#popup SUI Mobile 是一套基于 Framework7 开发的UI库。 MUI http://dev.dcloud.net.cn/mui/ 最接近原生APP体验的高性能前端框架 weUI htt ...
分类:
移动开发 时间:
2020-07-29 12:43:04
阅读次数:
154
一.跨平台,是想跨哪些平台? 目前(2020/7/18)来看,移动端跨平台需求主要集中在: 跨 PC 端与移动端:PC 向无线过渡的早期,希望 PC Web 与移动 Web 复用同一套代码 跨 Native 与 Web:商品详情页等要求有一套功能差不多的 Web 页能够在端外访问,需要跨 Nativ ...
分类:
移动开发 时间:
2020-07-29 10:20:53
阅读次数:
95
方案一: 设置tranform/scale 首先设置内容固定宽度、自动高度(以下举例) width: 375px; height: auto; 通过获取窗口的宽度与固定宽度相除,获得缩放比例 const scaleValue=window.innerWidth / 375 在html层,添加一段sc ...
分类:
移动开发 时间:
2020-07-28 22:30:53
阅读次数:
105