随笔分类 - HTML
摘要：1. 同屏播放视频 <video src="" x-webkit-airplay="true" webkit-playsinline="true" playsinline /> 2. 移动端视频预加载 由于移动端不能预加载视频，所以hack一种方案：监听WXjsBridge WeixinjsBrid
阅读全文
摘要：html5发布于2014年，设计目的是为了在移动端支持多媒体。 一、语义化标签 <header>web知识大全</header> <nav> <a>html</a> <a>css</a> <a>JavaScript</a> </nav> <section> <h2>html4</h2> <p>htm
阅读全文
摘要：前言 随着大数据随着大数据时代的来临，物联网的日益发展，原先的 SCADA 系统本身也在求新求变，从最开始的专业计算机和操作系统，到通用计算机和相关软件，再到现在基于 html5 Canvas 的新型组态开发，其应用的范围也从最初的电力，逐渐发展到应用于电力、冶金、化工、自动化群控等等大部分工控场景
阅读全文
摘要：一、圆角边框 border-radius:5px; 二、多背景图 background: url(img_flwr.gif) right bottom no-repeat, url(paper.gif) left top repeat; 三、颜色和透明度(由原来的rgb到现在的rgba) backg
阅读全文
摘要：主要利用 form 的 target 属性，在提交表单之后 response 返回到 iframe 中。form 的 action 可以自己写，也可以直接利用 富文本编辑器的接口实现上传 <form id="form_img" method="post" action="/Ueditor/net/c
阅读全文
摘要：在互联网的影响下，移动互联网产业的发展也突飞猛进，越来越多的企业开始攻击移动互联网的大蛋糕。根据可靠的数据分析，中国对开发商的需求高达200万人，而且数据仍在改善。 目前，在移动互联网行业，它是一个热门的前沿，而且势头很猛。在2019年初的招聘季节的一个多月中，Web前端开发人员供不应求。对于那些想
阅读全文
摘要：我们都知道在浏览器通过域名发起一个网络请求的时候，会有DNS服务器将域名解析成ip地址，以便向正确的ip地址发送请求，那么这一个过程具体是怎么处理的呢？今天整理了一下DNS域名解析的过程。大致分为10步： 第一步 浏览器会检查缓存中有没有域名对应的ip地址，这个缓存是有过期时长的，一般是几分钟到几小
阅读全文
摘要：html5发布于2014年，设计目的是为了在移动端支持多媒体。 一、语义化标签 <header>web知识大全</header> <nav> <a>html</a> <a>css</a> <a>JavaScript</a> </nav> <section> <h2>html4</h2> <p>htm
阅读全文
摘要：前言 随着大数据随着大数据时代的来临，物联网的日益发展，原先的 SCADA 系统本身也在求新求变，从最开始的专业计算机和操作系统，到通用计算机和相关软件，再到现在基于 html5 Canvas 的新型组态开发，其应用的范围也从最初的电力，逐渐发展到应用于电力、冶金、化工、自动化群控等等大部分工控场景
阅读全文
摘要：第一种: 在组件中直接使用style 不需要组件从外部引入css文件，直接在组件中书写。 import react, { Component } from "react"; const div1 = { width: "300px", margin: "30px auto", backgroundC
阅读全文
摘要：一、公众号设置 注册企业微信，在应用与小程序栏目中，设置可信域名，配置公众号菜单。可信域名不得不说下，在最初开发时，认为设置并验证后，微信认证接口会实现跨域请求，其实并没有。所以全在H5端还得配合服务端完成票据获取等操作。 二、开发步骤 资源引入 开发文档地址 https://work.weixin
阅读全文
摘要：设置背景图片的大小，以长度值或百分比显示，还可以通过cover和contain来对图片进行伸缩。 语法： background-size: auto | <长度值> | <百分比> | cover | contain 取值说明： 1、auto：默认值，不改变背景图片的原始高度和宽度； 2、<长度值>
阅读全文
摘要：html 1、关闭首个字母大写（html） <input type="text" autocapitalize="off"/> 2、伪类:active失效 body class="" onmousemove="" ontouchstart="" meta 1、设置页面的编码（HTML） <meta
阅读全文
摘要：用过elementUI组件应该会知道它内置一个滚动效果，官网对此组件没有相关文档,也是细心网友发现的。 <el-scrollbar></el-scrollbar> 将会出现滚动的内容放到上述标签内就可以了。 这里要简单的设置一下，将标签的height设为100%，读者查看效果的时候，会出现一个横向的
阅读全文
摘要：作为前端，我们每天都在与css打交道，那么css的原理是什么呢？ 一、浏览器渲染 开篇，我们还是不厌其烦的回顾一下浏览器的渲染过程，先上图： 正如上图所展示的，我们浏览器渲染过程分为了两条主线：其一，html Parser 生成的 DOM 树；其二，CSS Parser 生成的 Style Rule
阅读全文
摘要：contain 为何？ 这个 contain 属性的主要目的是隔离指定内容的样式、布局和渲染。开发人员可以使用这个 contain 属性来限制指定的DOM元素和它的子元素同页面上其它内容的联系；我们可以把它看做一个iframe。跟iframe很相似，它能建立起一个边界，产生一个新的根布局；保证了它和
阅读全文
摘要：header() 函数向客户端发送原始的 HTTP 报头。认识到一点很重要，即必须在任何实际的输出被发送之前调用 header() 函数 语法 header(string,replace,http_response_code) 数描述 string 必需。规定要发送的报头字符串。 replace 可
阅读全文
摘要：主要内容：左侧的导航框架包含了一个链接列表，这些链接将第二个框架作为目标。第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。 创建3个html,分别为 index.html ，content.html，link.html. index.html的代码如下： <!DOCTYPE h
阅读全文
摘要：<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" /> 在网页的<head>中增加以上这句话，可
阅读全文
摘要：作为前端，我们每天都在与css打交道，那么css的原理是什么呢？ 一、浏览器渲染 开篇，我们还是不厌其烦的回顾一下浏览器的渲染过程，先上图： 正如上图所展示的，我们浏览器渲染过程分为了两条主线：其一，html Parser 生成的 DOM 树；其二，CSS Parser 生成的 Style Rule
阅读全文
