HTML
风从北方来
一枚前端攻城狮
展开
-
虚拟dom和真实dom定义与比较
推荐链接:https://blog.csdn.net/weixin_38655450/article/details/107505574?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_baidulandingword-5&spm=1001.2101.3001.4242转载 2021-04-06 10:27:36 · 229 阅读 · 0 评论 -
url请求页面浏览器的工作原理
url 请求页面到界面显示,浏览器是如何工作的?主要有以下6个步骤:1. 浏览器使用http或https协议发出url请求,向服务端请求页面。2.服务端根据url地址找到代码,返回到浏览器端,浏览器把请求回来的html代码经过解析(利用状态机解析为词),构造成dom树(利用栈的方式)。3.计算css规则应用到dom树上。4.根据css属性对dom树元素进行逐个渲染,得到内存中的位图。5.对于变化可能性不大的子元素进行合成,得到合成位图,增加后续绘制的速度。(可选步骤) 注:是否需要合成.原创 2021-04-06 09:42:18 · 449 阅读 · 0 评论 -
vue 中常用空格写法
见链接:https://blog.csdn.net/qq_29752857/article/details/109672902转载 2021-03-30 14:39:56 · 3494 阅读 · 0 评论 -
input 标签添加readonly属性和laydate插件显示时间后,如何再增加 onChange事件的效果
试错:直接在html 和js中给input标签绑定onChange事件不可行。原因:readonly为只读,onChange事件为值变化后响应。但实测onChange事件只对界面输入值有效。通过dom对象修改改值无效。解决1:百度其他人解决方法:用onblur代替, onblur事件在对象失去焦点时触发。实测效果偶尔可已出发,偶尔失败。解决2:考虑到input框中用laydate渲染事件,在laydate中的done函数中,给该input框赋值为已经选择的值,在执行onChange事件中需要执行原创 2021-02-26 09:11:20 · 800 阅读 · 0 评论 -
html中meta标签的 http-equiv属性是"X-UA-Compatible" content是"IE=edge"的意义详解
X-UA-Compatible是神马?X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页,在html的<head>标签中使用。可以在微软官方文档获取更多介绍。为什么要用X-UA-Compatible?在IE8刚推出的时候,很多网页由于重构的问题,无法适应较高级的浏览器,所以使用X-UA-Compati...转载 2019-12-03 17:23:36 · 1899 阅读 · 0 评论 -
HTML 请输入关键字的搜索框,功能:输入时:框内的请输入关键字消失,鼠标移开时 框内的请输入关键字又重现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div s原创 2018-05-31 17:31:00 · 10576 阅读 · 0 评论 -
Dom样式操作,属性操作以及创建标签
1.样式操作总结:obj.className=x 设置类名为x obj.classList 获取obj对象的所有类 obj.classList.add('c1') 在obj对象中添加类c1 obj.classList.remove('c2') 在obj对象中删除类c2obj.style.fontSize='16px' 设置属性fontSize为16...原创 2018-05-31 20:43:41 · 1343 阅读 · 0 评论 -
Dom提交表单及其他
1.提交表单<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <原创 2018-05-31 21:49:52 · 530 阅读 · 0 评论 -
CSS中的padding和margin属性
直接看例子:1.margin的用法1)<div style="height:70px;width:300px;border:1px solid green;"> <div style="background-color:red;height:50px;width:280px;margin:10px "> </div></div>2)...原创 2018-07-07 15:10:08 · 398 阅读 · 0 评论 -
CSS之透明度与层级
用例子说明:1.</head><body> <div style="position:fixed;top:0;left:0;right:0;bottom:0;background-color:green;"> asdfas <span style="color:white">我是黑色</span&原创 2018-07-07 15:42:39 · 850 阅读 · 0 评论 -
HTML+CSS+JavaScript后台管理页面1: 实现头部菜单,内容中分为左侧菜单和右侧表格以及返回顶部,表格中实现全选,反选,取消,添加。
代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="fo原创 2018-05-30 13:08:19 · 2432 阅读 · 0 评论 -
HTML+CSS做登录注册界面
在登录界面点注册会进入注册界面登录界面代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body&am原创 2018-05-29 14:03:40 · 141216 阅读 · 8 评论 -
HTML标签总结
HTML标签可分为块级标签和内行标签。常用块级标签:(1)p标签 ,<p 属性>内容</p> 通常用于标题等 表示一个段落。 且p标签间有间距。主动闭合标签(2)h系列 ,<hn 属性>内容</hn>,n取1-6,特性:字体加大加粗,h1->h6,字体从大到小。 主动闭合标签(3)div标签,特性:白板,随便在里面写内容。 主动闭合标签(...原创 2018-05-17 11:39:09 · 330 阅读 · 0 评论 -
HTML---float,display,position标签的应用
实例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <di原创 2018-05-17 20:44:52 · 246 阅读 · 0 评论 -
HTML做网页登录界面
代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <d原创 2018-05-17 22:39:16 · 34552 阅读 · 6 评论 -
HTML 模态对话框
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .hide{ displ原创 2018-05-26 21:58:34 · 5278 阅读 · 0 评论 -
HTML文件组成
在Pycharm中创建HTML文件时会自动生成一个具有基本框架的HTML文件。如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head&g原创 2018-05-16 16:36:45 · 723 阅读 · 0 评论 -
HTML----head标签
head标签中可有:meta标签,title 标签,link标签,style标签,script标签。meta标签常用方法:编码,刷新,跳转,关键字,IE兼容<meta charset="UTF-8"><meta http-eqiuv="Refresh" content="3"><!--<meta http-equiv="Refresh" co原创 2018-05-16 19:21:38 · 159 阅读 · 0 评论 -
HTML---body
body标签中可有:图标,p标签,h系列,div标签,span标签,div标签,input系列,form标签,textarea标签,select标签,a标签,img标签,列表标签,表格标签,lable标签,field标签。input系列:<form action="http://localhost:8888/index" method="GET"> <input type="t...原创 2018-05-16 19:34:55 · 216 阅读 · 0 评论 -
html 左侧菜单,功能:打开菜单1,同时关闭其他菜单内容
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .hide{ display原创 2018-05-28 10:20:39 · 2780 阅读 · 0 评论 -
HTML+CSS 后台管理页面布局及fontawesome中的图标应用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="font-原创 2018-05-28 22:18:39 · 1053 阅读 · 0 评论 -
HTML---label标签和fieldset标签
例子说明:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <原创 2018-05-17 10:51:03 · 591 阅读 · 0 评论