html
笑望灬星辰
这个作者很懒,什么都没留下…
展开
-
添加、移除、移动、复制、创建和查找节点
添加、移除、移动、复制、创建和查找节点创建新节点createDocumentFragment() //创建⼀个DOM⽚段createElement() //创建⼀个具体的元素createElementNS() //创建⼀个具体的SVG元素 需要命名空间等createTextNode() //创建⼀个⽂本节点添加、移除、替换、插入appendChild() //添加removeChild() //移除replaceChild() //替换insertBefore() /原创 2021-04-25 23:26:35 · 235 阅读 · 0 评论 -
渲染几万条数据并不卡住界面
渲染几万条数据并不卡住界面如何在不卡住⻚⾯的情况下渲染数据,也就是说不能⼀次性将⼏万条都渲染出来,⽽应该⼀次渲染部分 DOM ,那么就可以通过requestAnimationFrame 来每 16 ms 刷新⼀次<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, in原创 2021-04-25 23:17:37 · 139 阅读 · 0 评论 -
常见兼容性问题
常见兼容性问题png24 位的图⽚在iE6浏览器上出现背景,解决⽅案是做成 PNG8浏览器默认的 margin 和 padding 不同。解决⽅案是加⼀个全局的 *{margin:0;padding:0;} 来统⼀,,但是全局效率很低,⼀般是如下这样解决:body,ul,li,ol,dl,dt,dd,form,input,h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; }IE 下, event 对象有 x , y 属性,但是没有 pageX , pag原创 2021-04-18 17:56:40 · 100 阅读 · 0 评论 -
几种常见的CSS布局
几种常见的CSS布局流体布局.left { float: left; width: 100px; height: 200px; background: red; }.right { float: right; width: 200px; height: 200px; background: blue; }.main { margin-left: 120px; margin-right: 220px; height: 200px; background: green;原创 2021-04-07 22:54:06 · 109 阅读 · 0 评论 -
html 导出 excel 设置单元格文本格式 -- 2
html 导出 excel – 1效果如下图导出时不设置单元格的文本格式的话会默认导出为常规的文本格式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>html导出excel-原创 2020-07-03 14:00:29 · 3026 阅读 · 3 评论 -
web开发中会话跟踪的⽅法有哪些
web开发中会话跟踪的方法有哪些1. cookie2. session3. url 重写 4. 隐藏 input5. ip 地址原创 2021-04-01 13:19:15 · 152 阅读 · 0 评论 -
清除浮动的⼏种⽅式
清除浮动的几种方式,各自的优缺点1. ⽗级 div 定义 height2. 结尾处加空 div 标签 clear:both3. ⽗级 div 定义伪类 :after 和 zoom4. ⽗级 div 定义 overflow:hidden5. ⽗级 div 也浮动,需要定义宽度 结尾处加 br 标签 clear:both题外话比较好的是第3种方式,多数网站都采用改方案不过 float 布局也已淘汰差不多了很多第三方 ui 库都有自己的栅格布局 或者 flex 弹性布局最不济原创 2021-04-01 13:14:11 · 96 阅读 · 0 评论 -
div+css的布局较table布局有什么优点
div+css的布局较table布局有什么优点1. 改版的时候更⽅便 只要改 css ⽂件。2. ⻚⾯加载速度更快、结构化清晰、⻚⾯显示简洁。3. 表现与结构相分离。4. 易于优化( seo )搜索引擎更友好,排名更容易靠前。5. 实现一些复杂的布局更加容易题外话截止发文时间 2021年3月30日 富士康网站还是用 table 布局首页轮播还是用 flash 技术...原创 2021-03-31 08:13:58 · 399 阅读 · 0 评论 -
src与href的区别
src与href的区别1. src ⽤于替换当前元素,href⽤于在当前⽂档和引⽤资源之间确⽴联系。2. src 是 source 的缩写,指向外部资源的位置,指向的内容将会嵌⼊到⽂档中当前标签所在位置;在请求 src 资源时会将其指向的资源下载并应⽤到⽂档内,例如 js 脚本,img 图⽚和 frame 等元素3. <script src ="js.js"></script> 当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执⾏完毕,图⽚原创 2021-03-31 08:11:07 · 75 阅读 · 0 评论 -
ajax请求⼀般情况下有哪些地⽅会有缓存处理
ajax请求⼀般情况下有哪些地⽅会有缓存处理dns 缓存, cdn 缓存,浏览器缓存,服务器缓存,redis缓存, mybatis 一二级缓存原创 2021-03-31 08:10:06 · 89 阅读 · 0 评论 -
⼀个⻚⾯上有⼤量的图⽚(⼤型电商⽹站),加载很慢,怎么做优化
⼀个页面上有大量的图片(大型电商网站),加载很慢,怎么做优化首先 一切优化得前后端开发协同配合区做 离开哪一方都举步维艰(很重要)1. 先渲染缩略图, 主要看后端开发的技术能力, 这种方案几乎没前端啥事 就写个判断渲染而已 推荐2. 图⽚懒加载,在⻚⾯上的未可视区域可以添加⼀个滚动事件,判断图⽚位置与浏览器顶端的距离与⻚⾯的距离,如果前者⼩于后者,优先加载。3. 如果为幻灯⽚、相册等,可以使⽤图⽚预加载技术,将当前展示图⽚的前⼀张和后⼀张优先下载。4. 如果图⽚为css图⽚,可以使⽤原创 2021-03-31 08:09:18 · 185 阅读 · 0 评论 -
xhtml和html有什么区别
xhtml和html有什么区别1. ⼀个是功能上的差别2. 主要是 XHTML 可兼容各⼤浏览器、⼿机以及 PDA ,并且浏览器也能快速正确地编译网页3. 另外是书写习惯的差别4. XHTML 元素必须被正确地嵌套,闭合,严格区分⼤⼩写,⽂档必须拥有根元素...原创 2021-03-30 00:27:45 · 140 阅读 · 0 评论 -
⾏内元素有哪些?块级元素有哪些? ⾏内元 素和块级元素有什么区别?
行内元素有哪些?块级元素有哪些? 行内元 素和块级元素有什么区别?1. ⾏内元素有: a b span img input select strong2. 块级元素有: div ul ol li dl dt dd h1 h2 h3 h4… p3. 空元素: <br> <hr> <img> <input> <link> <meta>区别1. ⾏内元素不可以设置宽⾼,不独占⼀⾏ 2. 块级元素可以设置宽⾼,独占⼀⾏原创 2021-03-30 00:26:57 · 343 阅读 · 0 评论 -
HTML全局属性有哪些
HTML全局属性有哪些1. class :为元素设置类标识2. data-* : 为元素增加⾃定义属性3. draggable : 设置元素是否可拖拽4. id : 元素 id ,⽂档内唯⼀5. lang : 元素内容的的语⾔6. style : ⾏内 css 样式7. title : 元素相关的建议信息题外话 现今框架流行 这些依然不是很重要...原创 2021-03-30 00:26:24 · 487 阅读 · 0 评论 -
Canvas和SVG有什么区别?
Canvas和SVG有什么区别?1. svg 绘制出来的每⼀个图形的元素都是独⽴的 DOM 节点,能够⽅便的绑定事件或⽤来修 改。 canvas 输出的是⼀整幅画布2. svg 输出的图形是⽮量图形,后期可以修改参数来⾃由放⼤缩⼩,不会失真和锯⻮。⽽3. canvas 输出标量画布,就像⼀张图⽚⼀样,放⼤会失真或者锯⻮题外话导出图片或者 pdf 文档 使用的是canvas做游戏一般使用canvas 如微信小程序交互方面 svg 优于 canvas canvas 要去算 x y 坐标绑定原创 2021-03-30 00:25:57 · 280 阅读 · 0 评论 -
cookies , sessionStorage 和 localStorage 的区别
cookies , sessionStorage 和 localStorage 的区别随着前后端分离的到来 cookies 技术越来越少人用了 几乎都是采用token令牌的校验方式了1. cookie 是⽹站为了标示⽤户身份⽽储存在⽤户本地终端(Client Side)上的数据(通常经过加密)2. cookie数据始终在同源的http请求中携带(即使不需要),记会在浏览器和服务器间来回传递3. sessionStorage 和 localStorage 不会⾃动把数据发给服务器,仅在本地保存原创 2021-03-29 13:52:29 · 90 阅读 · 0 评论 -
html 导出 excel -- 1
html 导出 excel – 1<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>html导出excel-1</title> <script src="原创 2020-07-03 13:33:24 · 475 阅读 · 0 评论 -
html 导出 excel 单元格合并 --3
html 导出 excel 单元格合并 --3最终的excel效果核心代码块 view.tableExport = function (tableId = '', filename, type) { var doc = view.document, // table = doc.getElementById(tableId), charSet = doc.characterSet var uri = { json: 'application/json;charset='原创 2020-07-04 19:57:45 · 1156 阅读 · 0 评论 -
html 各种布局整理 -- 1
废话不多说直接上代码<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>css真正的精髓</title> <style> *{ margin: 0;原创 2020-07-09 01:03:19 · 963 阅读 · 0 评论 -
html 引入 vue.js
html 引入 vue.js1 vue官网 下载 vue.js目录结构编码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="./js/vue.js">&原创 2020-06-13 23:01:21 · 11033 阅读 · 1 评论 -
html 之 块级元素 与 行内元素
html 之 块级元素 与 行内元素块级元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><原创 2020-06-09 13:20:20 · 475 阅读 · 0 评论 -
html 使用 Echarts
Echarts 官网注意 项目开发就是下载压缩版 平时修仙就下载源代码也可以直接在线定制 或者使用 npm 下载npm install echarts这里我使用npm下载目录对应进入 /_echarts@4.8.0@echarts / dist使用 vscode 编辑器打开dist 开始编码创建 index.html<!DOCTYPE html><html lang="en"><head> <meta charset原创 2020-06-05 22:28:24 · 3606 阅读 · 0 评论