【HTML篇】4.HTML的内嵌标签、框架标签、表单

1.内嵌标签: iframe: src:要显示的网络资源路径 可以是本地资源(相对路径)也可以是网络资源(url) 注:默认当前页面打开及加载src指向的资源 width:设置显示区域宽度 height:设置显示区域高度 name:设置内嵌区域的名字,结合超链接标签的target属性使用 注:在当前 ...

pdfjs优化,实现按需加载,节省流量和内存

1 问题 当使用pdfjs来实现预览功能的时候,遇到了2个问题: 一是带宽占用过大,会下载整个pdf文件,这对部署在公网的应用来说,成本压力很大,因为云服务带宽是很贵的。 二是内存占用过大,一个80M的pdf,在预览时占用内存高达600M,在一些内存较小的手机上容易发生崩溃。 pdfjs默认配置下, ...

【HTML篇】3.HTML的图片标签、超链接标签、表格标签

1.图片标签 img src:图片路径 width:设置图片的宽度,如果是单独设置,则保存图片比例进行修改,单位可以是px和% height:设置图片的高度,如果是单独设置,则保存图片比例进行修改,单位可以是px和% title:鼠标放在图片上提示图片名称 alt:当图片路径有误的时候用来提示 路径 ...

【HTML篇】2.HTML的head标签和body标签

1.HTML的head标签 head标签中主要配置浏览器的配置信息 常用的配置信息: 1.网页解析编码格式 2.网页标题标签 3.网页关键字 4.网页描述 5.作者 6.自动跳转 7.其他(引入css,js) 注:其中第三,第四和第五项,提升在浏览器中的搜索概率 例: 2.HTML的body标签(文 ...

移动端疑难特性、兼容性

safari浏览器字体不能自动随网页缩放调整大小 -webkit-text-size-adjust:100% 点击<button><input>有灰色透明背景 -webkit-tap-highlight-color:rgba(0,0,0,0); 微信、QQ内置浏览器视频自动全屏 非腾讯域名的视频地址 ...

前端知识

前端知识 web服务的本质: 基于B/S网络架构,浏览器和服务端的交互 浏览器发送请求,服务端接收请求,服务端响应请求,服务端吧HTML文件内容发给浏览器,浏览器渲染页面 发送请求通过OSI网络七层模型:应用层,表示层,会话层,传输层,网络层,数据链路层,物理层 一、HTML介绍 html是超文本标 ...

那个炒鸡有趣的HTML5标签 —— <dataList>

因为所出标签太多,所以我们很难都用得上或者意识到需要用。 但其实也有许多有趣但是我们未曾发掘的标签,本文所要介绍的 便是一个。 <dataList>是什么? 标签一个类似于 标签一样可以通过包裹 来表示控件可选值的,唯一不同的就是 需要配合 来使用,而且 不表示任何内容,仅作展示。 我们康个栗子: ...

Vue+ElementUI: 手把手教你做一个audio组件

目的 本项目的目的是教你如何实现一个简单的音乐播放器(这并不难) 本项目并不是一个可以用于生产环境的element播放器,所以并没有考虑太多的兼容性问题 本项目不是ElementUI的一个音频插件,只是一个教程,不过你可以自行扩展实现 本项目只是为了学习audio相关事件以及API 本项目的音频文件 ...

使用vue+django写一个个人版博客(1)

首先 我们先创建一个vue项目 使用 vue init webpack ”项目名称“ 命令 创建完后 该项目基于element来构建的所以需要npm i element-ui -S 然后在main.js里写一下内容 import Vue from 'vue'; import ElementUI fr ...

前端实习生需要到达什么水平?

作为一个过来人,对于题主的问题,有些个人的见解,我当年也是自学出来的,不过感觉自己走了很多弯路!可能是时代不一样,选择也不一样吧!那会儿也没有现在这么好的势头.当年只是因为非常简单的一个”喜欢”,2002年的时候刚开始接触淘宝,那时对网络非常感兴趣,然后就买了各种学习的相关资料,再然后就一发不可收了 ...

CSS浮动标准修复top塌陷和清除浮动及IE兼容标准格式

#浮动特性 1、浮动元素有左浮动(float:left)和右浮动(float:right)两种 2、浮动的元素会向左或向右浮动,碰到父元素边界、其他元素才停下来 3、相邻浮动的块元素可以并在一行,超出父级宽度就换行 4、浮动让行内元素或块元素自动转化为行内块元素(此时不会有行内块元素间隙问题) 5、 ...

chrome如何分析页面加载时间

以chrome为例,开发者模式中跟页面加载时间相关的是network面板。 network 面板的 DOMContentLoaded和load 打开Network面板后,刷新页面,面板底部有这三个时间: finish:页面最后一个请求截止的时间,如果页面加载完成后,触发了ajax请求,那么该时间会变 ...

三个装修 家具 装饰公司网站模板 大气美观 简单明了的静态模板

今天给大家分享三个网站模板,这三个模板主要是可以用于装修 家具 装饰 门窗建筑类公司企业网站模板,三个网站模板页面都是简单明了,大气美观,可直接使用,商用,二次开发,在页面直接加程序,省得你再掏出UI设计的费用,续约时间和成本。 一.建筑风格时尚简单大气的响应式企业网站模板,页面采用最新网页设计技术 ...

面试: H5新特性:十个新特性

面试: H5新特性:十个新特性 PS:比较全面,故不自己总结了,转载自:https://www.cnblogs.com/binguo666/p/10928907.html html5总的来说比html4多了十个新特性,但其不支持ie8及ie8以下版本的浏览器 一、语义标签 二、增强型表单 三、视频和 ...

2020年程序员是否过剩?

别天天贩卖焦虑,能当上程序员就已经干掉多少亿人了? 程序员不优秀吗?很优秀啦!你非要跟那些运气好的,出身好的,赶上红利期的,比你玩命的比,那不能焦虑吗? 程序员肯定是一个小圈子。程序员距离过剩还远,只是门槛越来越高,你感叹饱和只是你想不努力就挣钱,哪有那么简单的事情。 有大量的人学习程序,但是真正能 ...

SVG高级应用及动画

canvas 和 webGL 这两项图形技术结合 css3 可以说能完成绝大部分的动画和需求。但 canvas 和 webGL 毕竟是偏向底层的绘制引擎,某些场景使用起来还是过于繁琐的,不分场合一律使用锤子解决的行为不值得提倡。svg 在解决排版,图标,相关动画还是非常高效的,而且 svg 还是矢量 ...

Vue组件之间的嵌套

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ...

<1···456···18>