样式如下需要注意的点实现题目内容的最外层即循环题目数据的位置谨慎使用div标签包裹,否则v-if控制的样式可能有问题。使用div标签包裹并且在最外层设置题目样式的页面:<div class="topicContent" v-for="item in subjectType" :key="item.type"></div>.topicContent{
height:
前端开发对于现在的互联网企业而言,是一个非常重要的岗位。随着市场竞争状态日益严峻,企业对于前端工程师的技能要求也在逐步提升。这就要求前端工程师涵盖的知识面非常广,既有具体的技术,又有抽象的理念,从而把网站界面更好地呈现给用户。那么HTML5前端工程师需要具备哪些能力呢?下面,千锋上海小编就给大家介绍一下。 1、熟练而全面的掌握前端技术 优秀的前端开发工程师要在知识体系上既要有广度和深度。如
3.CSS样式(1)字体样式color 字体颜色(red、blue、#fff...)font-family 字体形态("微软雅黑"、"Microsoft YaHei"、"宋体"、serif...)font-style 字体是否开启斜体(normal、italic)font-weight 字体粗细(thin、normal、bold、bolder、100~900)font-size 字体大小(浏览器默
rem是什么?rem(font size of the root element)是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位,em(font size of the element)是指相对于父元素的字体大小的单位。它们之间其实很相似,只不过rem计算的规则是依赖根元素,em是依赖父元素计算。
原创
2022-03-04 11:20:43
244阅读
rem是什么?rem(font size of the root element)是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位,em(font size of the element)是指相对于父元素的字体大小的单位。它们之间其实很相似,只不过rem计算的规则是依赖根元素,em是依赖父元素计算。rem布局原理是,先按定高宽设计出...
原创
2021-09-09 14:24:26
222阅读
文章目录前言一、创建一个Vue-Cli项目1.创建项目a. 新建一个文件夹vueCreateTest,在此文件下打开终端执行“vue create XXX”命令(XXX是你的项目名)b. 执行完vue create命令之后以下出现的情况根据自己需求选择:c. 进到项目文件下,启动项目即可。二、配置项目1.配置package.jsona. 若没有eslint,在项目文件下开启终端执行"yarn a
H5-MediaSourceExtension 目录 文章目录前言介绍诞生原因`MSE`标准缺点注意`DASH`协议优势常见特点缺点与对比接口`MediaSource`注意解决办法`Media Source Extension`转码开始测试的视频需要的工具引入方法检测片段基于`Fetch API` 前言介绍媒体源扩展 API(MSE) 提供了实现无插件且基于 Web 的流媒体的功能。使用 MSE,
一、基础概念在了解如何做H5页面适配前,大家都应该把移动端涉及的一些概念搞明白,比如:dpr 是什么意思?移动端H5解惑-概念术语(一) 二、为什么要做页面适配 2.1 PC端为什么要解决浏览器兼容因为在PC端,由于浏览器种类太多啦,比如几个常用的:IE、火狐、Chrome、Safari等。同时,由于历史原因,不同浏览器在不同时期针对当时的WEB标准有一些不一样的处理(虽然大部分一样),比如:IE
一、H5 的meta viewport<meta> 标签是 HTML 语言头部的一个辅助性标签,我们可以定义页面编码语言、搜索引擎优化、自动刷新并指向新的页面、控制页面缓冲、响应式视窗等,今天重点来说一下viewport。语法:<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-
前言在讲解适配方案之前,我们聊聊为什么要做适配?因为视口、逻辑像素、分辨率这些变量的不同,在每个设备展示都不一样,需要一种方案来统一。物理像素:也就是分辨率,一个物理像素是显示器上的最小的物理显示单元,所以分辨率越高,屏幕可展示的像素点越多,也就更清晰。逻辑像素:也叫设备独立像素,可以认为是计算机坐标系统中的一个点,这一个点代表可以由程序使用的虚拟像素(css像素),然后由相关系统转换为物理像素。
1、概述移动端屏幕大小不一,要使网页能自适应不同尺寸的手机屏幕,而且还要尽可能开发便捷,目前使用最多的还是rem大法,相对比较成熟,而新兴的vw方案也可以一试。 本文主要介绍rem和vw两种方案的使用配置方式。2、meta设置首先移动端要设置好视口,使视口的宽度等于设备屏幕宽度,这样浏览器识别后就认为该网页是移动端网页,同时也就不再有点击300ms延迟的问题了:<meta name="vie
转载
2023-09-01 07:55:38
223阅读
怎样将PDF转成Word?这是很多网友经常问到的问题,PDF转换成Word利用一些小技巧和工具,你会发现是很容易的,以下的PDF转Word的3种免费方法你一定要看一看。1、“复制/粘贴”大法在寻找如何将PDF转换成Word的“高级”办法之前,不妨先试一下最傻瓜的方法:首先用极速PDF阅读器打开PDF文档,选择文本内容后右击选择“复制选择内容”或直接使用“全选”;接着新建一个Word文档后,直接将内
最近做了个项目,项目本身没什么复杂的,就是其中有一个功能是要求调用手机摄像头扫描并识别二维码,最后还要打包成一个App。 基于以上的需求,最后决定采用的技术方案是前端页面用 vue 来写,然后涉及到扫码和打原生App的话就用 HBuilder 的 wap2app 的方式,综合时间和开发成本上的考虑,这种方案是最合适的。前端界面没什么说的,这里要说的是在实现扫码功能和 App 打包的时候会碰到的坑,
介绍rem作用:谈到rem,我们首先就要说一下移动端的适配问题: 由于移动设备的尺寸不一,所以移动端的页面要能够适应不同尺寸的设备,即页面的自适应,让页面在视觉上保持一致。 rem:rem 是css3的一种相对单位,参考是根元素HMTL的font-size的值,即html的font-size:10px;那么 **1rem = 10px;**我们使用rem主要作用就是为了适配移动端不同屏幕对应尺寸单
没错,我用Vue写了一个H5项目,来看下我踩坑记录吧。1、按需引入在开发过程中,会遇到很多五花八门的库。其实这些库中有很多功能/模块是用不到的,所以,这里推荐按需引入:import { Slider } from 'element-ui';
Vue.use(Slider);像这样,如果只用到滑条,只需引入Slider,并挂载到Vue实例。2、全局样式抽离Css样式在前端开发中是绕不开的话题,以V
一:普通浏览器唤醒app//判断是否为微信浏览器
function isWeiXin() {
var ua = window.navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == "micromessenger" || ua.match(/_SQ_/i) == "_sq_") {
re
,rem方案可以比较容易地做到等比例适配...
原创
2022-03-30 15:06:53
105阅读
在我们现在的无纸化办公环境下,大家可以方便的制作出各种电子表格excel,使用公式和函数对数据进行复杂的运算。例如:财务报表、订货单、验收单、成绩单等,现在都是走向无纸化办公,采用excel表格文件进行统计。因此一些对于我们重要的excel文件中的数据属于重要资源,都不是以excel表格文件形式存在的,大多编辑会进行用PDF封存防止他人使用,对自己文化创造成损失,同时很多的公司内部网站也会将上传的
H5 - rem自适应方案对于H5应用来说,为了更通用地满足各机型屏幕的自适应布局要求,我们目前采用rem布局方案。remrem是相对于根元素(html)字体大小的单位,它只是一种相对单位。不同于另一个相对单位em,em是相对于父元素的字体大小,而rem则相对于根元素(html)
原创
2021-04-15 12:11:29
5241阅读
1评论
最近,一个项目上使用到一些数据,这些数据必须要从本地导入,因此提供了相关的服务端上传接口,然鹅我是一个纯纯的后端,前端的各种框架都不太会使,并且我认为这样的小项目使用一个前端框架反而不好,比如LayUi,虽然很简单就可以引入,但是有时候我需要做些特殊操作,修改人家源码的底层方法还是不太方便,因一顿google后实现了纯H5+JS实现的方法,连ajax都使用的原生;记录一下:一、单文件上传<!