HTML
文章平均质量分 62
Welkin_qing
个人一些小小的总结和感悟.
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Antd4之一个form表单如何实现两个提交按钮
文章目录一、基本form表单二、实现两个提交按钮1. useForm2. validateFields--触发表单验证3. antd3之前的写法一、基本form表单可以参考antd4的api,可以看到,form表单现在使用的是form 的onFini事件函数。如下所示const handleSubmit = useCallback( values => { console.log(values) //这里就可以拿到name1,name2,name3的数据 },原创 2022-01-27 17:09:37 · 4566 阅读 · 0 评论 -
html之code标签和pre标签
文章目录一、两个标签区别(1)含义(2)显示区别,上面是pre,下面是code二、使用white-space 进行样式控制一、两个标签区别字符如下: const str = "[{'return_data': 'response', 'return_data_type': 'com.xiaoju.uemc.modules.support.common.Response'}]";(1)含义均来自w3cpre:可以保留您需要的文本格式,比如不会取消换行和空格,并且所示文本是等宽的cod原创 2022-01-24 17:58:20 · 5038 阅读 · 0 评论 -
HTML table 导出excel文件
文章目录1. 下载 jquery-table2excel2. 设置导出事件使用jquery-table2excel插件进行导出1. 下载 jquery-table2excelhttps://github.com/rainabba/jquery-table2excel在该页面之前需要引入jqery2. 设置导出事件$("#btn").click(function(){//绑定的clic...原创 2020-03-09 18:13:52 · 401 阅读 · 0 评论 -
详解浏览器重绘和重排
文章目录浏览器是如何把URL 变成一个屏幕上显示的网页的?1. 构建Dom 树2. 把css 属性规则应用到节点上,给Dom树添加上css 属性3. 浏览器确定元素的位置(排版)4. 根据样式信息和大小信息,为元素在内存中进行渲染,并绘制到响应的位置渲染(render)合成(compositing)绘制重绘和重排重排(reflow)常见引起重排的方法重排影响的范围重绘(repaint)常见引起重绘...原创 2019-03-26 21:34:18 · 1319 阅读 · 0 评论 -
总结HTML语义化标签
最近在看winter的重学前端,讲到语义化标签(我看的太慢了,捂脸)于是总结一下。一、语义化标签1. 语义化标签是什么,使用的好处是什么?语义类标签也是大家工作中经常会用到的一类标签,它们的特点是视觉表达上都互相差不多,主要的区别在于它们表示了不同的语义,比如大家会经常见到的 section、nav、p,这些都是语义类标签。语议是我们说话表达的意思,多数的语义实际上都是由文字来承载的。语义...原创 2019-02-23 14:03:21 · 1315 阅读 · 0 评论 -
详解Html5新标签和属性作用
上一篇博客中已经介绍了h5的一些新标签,在这篇博客中我将做详细介绍。一、H5基本概念和操作1. 什么是H5?万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改支持Html5的浏览器包括Firefox(火狐浏览器),IE9及其更高版本,Chrome(谷歌浏览器),Safari,Opera等;国内的傲游浏览器(Maxthon),以及基于IE或Chromium(Chrome的工程版或称实验版)所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具原创 2019-01-22 15:14:11 · 704 阅读 · 0 评论 -
浅谈HTML5+css3新标签和特性
HTML5新标签与特性兼容性问题 (ie9 以上的版本)文档类型设定documentHTML: sublime 输入 html:4sXHTML: sublime 输入 html:xtHTML5 sublime 输入 html:5 字符设定:HTML与XHTML中建议这样去写:HTML5的标签中建议这样去写...原创 2019-01-21 19:34:53 · 1733 阅读 · 0 评论 -
详解HTML5中接口的使用
一、 网络监听接口网络连通时触发这个事件,只与当前页面有关(window)ononline:网络连通的时候触发这个事件onoffline:网络断开时触发 /*1.ononline:网络连通的时候触发这个事件*/ window.addEventListener("online",function(){ alert(&q原创 2019-01-24 19:28:15 · 4769 阅读 · 0 评论 -
浅谈标签显示模式
displayHTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素。具体如下:1. 块级元素(block-level)每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。 霸道常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol&...原创 2019-01-17 22:18:40 · 208 阅读 · 0 评论 -
Canvas之绘制折线图
一、 绘制网格绘制网格网格的大小网格的条数,横线条数,竖线条数,画布高度网格的条数我们根据画布的大小来对网格大小进行相除,取整&lt;script&gt; var myCanvas = document.querySelector('canvas'); var ctx = myCanvas.getContext('2d'); /*1.绘制网格*/ /...原创 2018-11-27 16:33:38 · 5078 阅读 · 1 评论 -
Canvas基本入门操作
一、基本体验Canvas绘图1. 基本操作a. 准备画布使用canvas标签注意:画布是白色的 而且默认300*150,所以我们可以在style样式里给canvas加上边框设置画布的大小,需要使用内敛式设置,不建议在style样式进行设置&amp;lt;style&amp;gt; canvas{ border: 1px solid #ccc; ...原创 2018-11-27 16:16:11 · 615 阅读 · 0 评论 -
Canvas之绘制帧动画
一、 帧动画绘制图片 -----使用drawImage()三个参数drawImage(img, x,y)img 图片对象,Canvas对象,video对象x,y 图片绘制的左上角五个参数 drawImage(img, x, y, w, h)img 图片对象,Canvas对象,video对象x,y 图片绘制的左上角w,h图片绘制尺寸设置(图片缩放,不是截取)九个参数 ...原创 2018-11-29 20:27:57 · 1560 阅读 · 0 评论 -
Canvas之使用弧度绘制扇形图
一、体现曲线的绘制首先需要明白角度和弧度的关系:一个角度等于π/180个弧度1. 根据点动成线的概念绘制圆弧(利用函数)比如:y = x/2 y = (x + 2) ^2 y = sin(x) 在这里我们使用三角函数做示例or(var i = 1 ; i &lt; 600 ; i ++){ var x = i; var y = 50*Math.s...原创 2018-11-29 20:06:17 · 8281 阅读 · 0 评论
分享