html学习笔记
关注
分享
扫一扫
文章平均质量分 63
位面元哥
三十功名尘与土 ，八千里路云和月
展开
-
在局域网中的另一台主机如何访问windows10WSL中的服务
【代码】在局域网中的另一台主机如何访问windows10WSL中的服务。原创 2024-07-31 18:53:23 · 379 阅读 · 0 评论 -
解决nginx端口转发后，获取不到真实IP问题
【代码】解决nginx端口转发后，获取不到真实IP问题。原创 2024-07-31 18:19:19 · 1245 阅读 · 0 评论 -
jsvascript使用dhtmlXTreeObject的loadJSONObject绘制目录树
注意： js的引用顺序很关键！原创 2023-11-10 21:46:04 · 866 阅读 · 0 评论 -
apache搭建静态网站，moongoose搭建网站后台，出现的跨域问题解决
http://v2.www.example.com/dir/other.html：不同源（域名不同）http://www.example.com:81/dir/other.html：不同源（端口不同）http://example.com/dir/other.html：不同源（域名不同）http://www.example.com/dir2/other.html：同源。原创 2023-10-21 20:46:18 · 450 阅读 · 0 评论 -
html学习笔记，图片点线框操作仪表盘
文章目录1，效果展示2，代码干货3，图片元素1，效果展示2，代码干货<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>demo</title> <style> html, body{ width:100%; height:100%; margin:0; padding:0; fon原创 2021-07-07 00:52:47 · 418 阅读 · 0 评论 -
html学习笔记，canvas基于原图缩放，canvas绘制图形，canvas重绘所有图形，canvas图形被覆盖问题
文章目录1，效果展示2，代码干货canvas画布，若果每次都在现有canvas基础上缩放图片，n此之后，图片质量会很差，现在解决方法是图片加载到canvas上的时候，保存一份dataURL。之后的resize都基于原图去做。这样 就会带来一个问题，在canvas上画的图形，无法在resize原图时在画布上展示。解决方案，抽象绘制图形为一个对象，保存要花的所有图形。提供绘图接口函数。每次要画一个图形，比如一个框，现将框保存到绘图对象中，然后再调用绘图对象的绘图接口。当resize画布的时候，调用绘图原创 2021-06-27 01:04:32 · 1436 阅读 · 1 评论 -
html学习笔记，canvas多次resize图片质量变差问题，canvas缩放，canvas内部图片缩放，图片加载时缩放
文章目录1，效果展示2，代码干货canvas加载图片时，宽高与父元素相差不大时，父元素也会自动开启滚动条。如：https://blog.csdn.net/m0_37542524/article/details/118251630?spm=1001.2014.3001.5501解决办法，图片加载时，不原图加载，而是缩放为当前显示接口最大显示界面1，效果展示2，代码干货<!DOCTYPE html><html> <head> <meta ch原创 2021-06-26 18:20:33 · 517 阅读 · 0 评论 -
html学习笔记，canvas多次resize图片质量变差问题，canvas缩放，canvas内部图片缩放
1，效果展示2，代码干货<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>canvas</title> <style> html, body{ width:100%; height:100%; } .main-area{ position:absolute; height:80%.原创 2021-06-26 17:01:33 · 533 阅读 · 0 评论 -
html学习笔记，动态调整canvs大小，js调整canvs居中父容器，js本地文件写入canvs，html拖拽本地文件到canvs，canvs加滚动条
文章目录1，效果展示2，代码干货1，效果展示2，代码干货<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>canvas</title> <style> html, body{ width:100%; height:100%; } .main-area{ position:absolut原创 2021-06-26 09:55:03 · 271 阅读 · 0 评论 -
html学习笔记，ul li实现换页，js触发事件，transform实现屏幕滚动
文章目录1，运行效果2，代码干货1，运行效果2，代码干货<!doctype html><html> <head> <meta charset="utf-8"> <title>button</title> <style> html,body{ width:100%; height:100%; margin:0; padding:0; font-fam原创 2021-06-23 23:00:02 · 429 阅读 · 0 评论 -
html学习笔记，ul li遍历，children属性，getElementsByTagName(“li“)
<!doctype html><html> <head> <meta charset="utf-8"> </head> <body> <ul id="id-func-buttons"> <li>看图片</li> <li>看小说</li> <li>看视频</li> <li>听音乐</li>原创 2021-06-23 21:53:26 · 623 阅读 · 0 评论 -
html学习笔记，ul li实现button（水平或垂直布局）,for循环遍历ul下li，js获取标签内容，为ul中li批量添加多个事件方法，html选项卡功能
1，效果演示2，代码<!doctype html><html> <head> <meta charset="utf-8"> <title>button</title> <style> html,body{ width:100%; height:100%; margin:0; padding:0; font-family:"Microsoft YaHe.原创 2021-06-23 00:14:49 · 1245 阅读 · 0 评论