随笔分类 -  前端

1
摘要:在使用HTMl画面 canvas 绘制矩形,圆等图形时,总是出现拖影。 解决这个问题有很多中方法: 方法一:鼠标移动过程中中不画上去,在释放鼠标的时候绘制上去,这样就看不到拖影,但是看不到绘制过程 方法二:在鼠标移动的时候,清除上一次绘制的矩形,然后在画,这样就没有拖影了,但是计算起来麻烦,要多几行 阅读全文
posted @ 2024-12-26 15:02 十一的杂文录 阅读(27) 评论(0) 推荐(0) 编辑
摘要:参考文档: web api:https://developer.mozilla.org/zh-CN/docs/Web/API/MediaDevices codeantenna:https://codeantenna.com/a/Py4bUtGBSS 极客教程:https://geek-docs.co 阅读全文
posted @ 2023-10-09 17:56 十一的杂文录 阅读(225) 评论(0) 推荐(0) 编辑
摘要:功能:使用画笔绘制笔迹(线条)、橡皮檫 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1. 阅读全文
posted @ 2023-10-09 14:39 十一的杂文录 阅读(143) 评论(0) 推荐(0) 编辑
摘要:核心: function file2base64(){ fileAddress = document.getElementById("fileImage").files[0]; file = new FileReader(); file.readAsDataURL(fileAddress); fil 阅读全文
posted @ 2023-07-29 14:22 十一的杂文录 阅读(3057) 评论(0) 推荐(0) 编辑
摘要:// js从base64数据中获取宽高 var image = new Image(); image.src = "data:image/png;base64," + base64数据; var imageWidth = image.width; var imageHeight = image.he 阅读全文
posted @ 2023-02-14 19:22 十一的杂文录 阅读(1266) 评论(0) 推荐(0) 编辑
摘要:我们在使用谷歌浏览器浏览PDF文件时,总是会出现章节预览缩略图和工具栏,我们可以使用 参数来控制浏览器不显示出工具栏 #scrollbars=0&toolbar=0&statusbar=0 只需要在文件的后面加上参数就可以了 例:直接打开本地文件 D:a.pdf#scrollbars=0&toolb 阅读全文
posted @ 2022-05-06 10:59 十一的杂文录 阅读(982) 评论(0) 推荐(0) 编辑
摘要:平时我们推送网页、打开窗口都是用的 window.open,但是谷歌却不支持这种方法,也不是不支持,是可以打开窗口,但是无法将窗口移动到扩展屏上。 后面经过百度,发现了一个支持谷歌推送网页到扩展屏的方法:PresentationRequest 完整demo: 亲测有效 <!DOCTYPE html> 阅读全文
posted @ 2022-05-05 19:58 十一的杂文录 阅读(646) 评论(0) 推荐(0) 编辑
摘要:判断是否是字符串 isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -1) 'String' } 判断是否是数字 isNumber (o) { //是否数字 return Object.prototype 阅读全文
posted @ 2021-12-12 23:45 十一的杂文录 阅读(32) 评论(0) 推荐(0) 编辑
摘要:IE是个非常有个性的浏览器,常规的东西在他这个都不太好使。 最开始发送ajax请求,总是不成功,也没啥报错,反正就是请求被忽略了 然后我就考虑用原生的JS来实现,然后就:哎呀 可以了。。。。。。 xhr = new XMLHttpRequest() xhr.open('post', "http:// 阅读全文
posted @ 2021-08-31 19:32 十一的杂文录 阅读(279) 评论(0) 推荐(0) 编辑
摘要:这个问题百度了一下,各种各样的的回答都有,试了好多种方法,终于解决这个问题 解决方法: 1.在项目根目录下,新建 vue.config.js, 在文件中输入: module.exports = { publicPath: process.env.NODE_ENV 'production' ? './ 阅读全文
posted @ 2021-07-18 12:54 十一的杂文录 阅读(915) 评论(2) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-06-27 00:43 十一的杂文录 阅读(126) 评论(0) 推荐(0) 编辑
摘要:有时候我们的网页会被别人内嵌别人的网页 iframe 中,我们只需要在页面中增加以下js就可以让我们的页面内容单独显示出来,不被嵌入到 iframe中 核心JS代码 <script> if(top.location != self.location){ // 检查当前页面是否处于浏览器顶层 top. 阅读全文
posted @ 2021-06-06 19:52 十一的杂文录 阅读(152) 评论(0) 推荐(0) 编辑
摘要:当页面失去焦点(切换到其他标签页 / 切换到其他软件),触发失焦事件,然后动态删除element 兼容IE8 if(window.ActiveXObject){ window.attachEvent('onblur', function(){ document.getElementById('Elo 阅读全文
posted @ 2021-05-29 10:20 十一的杂文录 阅读(101) 评论(0) 推荐(0) 编辑
摘要:// 鼠标移动出现雪花.html <!DOCTYPE html> <html> <head> <title></title> <script src="https://wow.techbrood.com/libs/jquery/jquery-1.11.1.min.js"></script> </he 阅读全文
posted @ 2021-05-05 21:25 十一的杂文录 阅读(285) 评论(0) 推荐(0) 编辑
摘要:新建js文件,将代码复制到js文件中,然后在HTML文件中引入js,这样鼠标点击后就可以出现爱心 // js.js !function(e, t, a) { function r() { for (var e = 0; e < s.length; e++) s[e].alpha <= 0 ? (t. 阅读全文
posted @ 2021-05-05 21:22 十一的杂文录 阅读(302) 评论(0) 推荐(0) 编辑
摘要:<div id="first"> <p>带背景颜色的小三角实现是比较简单的</p> <span id="top"></span> </div> <style> #top{ position:absolute; width:0px; height:0px; line-height:0px; borde 阅读全文
posted @ 2021-05-05 21:19 十一的杂文录 阅读(410) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2021-02-02 11:09 十一的杂文录 阅读(268) 评论(0) 推荐(0) 编辑
摘要:<select name="" id="test"> <option value="a1">yi</option> <option value="a2">er</option> <option value="a3">san</option> </select> <button onclick="aa 阅读全文
posted @ 2021-01-15 16:41 十一的杂文录 阅读(436) 评论(0) 推荐(0) 编辑
摘要:此方法仅适用于 IE demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> 阅读全文
posted @ 2021-01-15 16:25 十一的杂文录 阅读(105) 评论(0) 推荐(0) 编辑
摘要:需求: 电脑上有两个屏幕,想在主屏上的网页中点击一个按钮,副屏就可以显示需要推送过去的网页 实现方法: 本方法使用的是js来实现的,亲测可行,支持火狐,但是不支持谷歌 demo: 主屏网页:1.html <!DOCTYPE html> <html lang="en"> <head> <meta ch 阅读全文
posted @ 2021-01-15 16:03 十一的杂文录 阅读(760) 评论(0) 推荐(0) 编辑

1
点击右上角即可分享
微信分享提示