随笔分类 - html / html5 / h5
摘要：1.先看官方文档： 官方效果： 注意：如果你直接把文档中这块代码粘贴过去是不会有效果的，如果问为什么，下面是原因： 说的很清楚了，必须有form进行渲染，也就是要放到form中，当然别忘了引入一套layui,下面代码才可以正常显示 <form class="layui-form"> <div cla
阅读全文
摘要：不要用格式工厂转换 推荐使用：https://ezgif.com/video-to-gif 画质很ok
阅读全文
摘要：安装Emmet 1、同时按住Ctrl，shift，p，之后会弹出一个窗口 2、输入Install Package Control并点击 3、同时按住Ctrl，shift，p，输入package control:install package 4、输入需要下载插件名即可-emmet 5、下载完成提示安
阅读全文
摘要：原因： 可能以前安装过ps没有卸载干净，之前存储的位置是某个盘，PS有存储路径记忆功能，重新安装后下次直接保存时会继续往上一次存储的位置存储，但系统找不到之前指定的路径了。 解决方案： 使用注册表编辑器regedit，找到下列位置： HKEY_CURRENT_USER\Software\Micros
阅读全文
摘要：1.问题描述 成功安装证书，但是显示连接不安全 此页面的部分内容（例如图像）不安全 如下图 2.问题原因 页面引用（含有）http资源的文件、图片、脚本 如：图片引自其他http资源的网站 firefox详细解释：https://developer.mozilla.org/zh-CN/docs/Se
阅读全文
摘要：今天客户发来一大堆图片资料，居然是heic格式的 如何快速免费转为jpg呢？ 给大家推荐：https://blog.csdn.net/MAOZEXIJR/article/details/92596467 真是无比感谢这种牛逼又大方的大神 直接贴出源码，简直太伟大！！！
阅读全文
摘要：产品封面图，鼠标点击上去，右边会出现放大的高清大图 如何获取到大图呢？ 封面图尺寸默认是430*430 在控制台找到图片链接，网址栏里打开 手动把网址栏里的430x430改成800x800 大图到手！
阅读全文
摘要：动画 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>canvas</title> <style> .canvas{border:1px solid #abcdef;background-color: #a9
阅读全文
摘要：区域剪辑 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>canvas</title> <style> .canvas{border:1px solid #abcdef;background-color: #
阅读全文
摘要：绘制文字 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>canvas</title> <style> .canvas{border:1px solid pink;} </style> </head> <bo
阅读全文
摘要：线性渐变 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>canvas</title> <style> .canvas{border:1px solid pink;} </style> </head> <bo
阅读全文
摘要：平移 translate(x,y) 注意平移的是坐标原点，而不是线条本身 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>canvas</title> <style> .canvas{border:1px s
阅读全文
摘要：canvas默认宽高是300*150px <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>canvas</title> <style> .canvas{border:1px solid pink;} </st
阅读全文
摘要：HTML5约束验证API： willValidate 表示如果元素的约束没有被符合则值为 false validity validationMessage 用于描述与元素相关约束的失败信息。 checkValidity() 表示如果元素没有满足它的任意约束，返回false，其他情况返回 true s
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>localStorage</title> </head> <body> <script> localStorage.a=1; console.log(local
阅读全文
摘要：效果图 首先添加移动端meta <meta name="viewport" content="initial-scale=1.0,user-scaleble=no,width=device-width"> <!DOCTYPE html> <html lang="en"> <head> <meta c
阅读全文
摘要：AMap.event.addDomListener() 绑定事件 AMap.event.removeListener() 解绑事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>map</title> <s
阅读全文
摘要：覆盖物状态改变时触发的事件 mousemove mouseover mouseout <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>map</title> <script type="text/javasc
阅读全文
摘要：地图内部状态改变时触发的事件 complete <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>map</title> <script type="text/javascript" src="https://
阅读全文
摘要：引入插件 AMap.Transfer <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>map</title> <script type="text/javascript" src="https://webap
阅读全文
