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