Web前端
文章平均质量分 60
automation13
这个作者很懒,什么都没留下…
展开
-
html中svg标签源码转.svg文件
1、拷贝svg标签源码,例如:<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path d="M36 4H12C9.79 4 8 5.79 8 8v32c0 2.21 1.79 4 4 4h24c2.21 0 4-1.79 4-4V8c0-2.21-1.7...原创 2019-10-11 21:41:11 · 3733 阅读 · 0 评论 -
关于iframe
页面中获取iframewindow.frames是个伪数组,可以通过window.frames[index]或window.frames[name]来获取iframewindow.frames[index],索引是从左往右,从上往下的,从0开始,通常我们使用window.frames[name]来获取frame获取iframe的window和document下图中window....原创 2019-03-15 11:19:49 · 182 阅读 · 0 评论 -
input上传图片
1、上传图片<head> <meta charset="UTF-8"> <title>Blob Test</title> <script> function handleFile1(inputDom) { var file = inputDom.files[0]; ...转载 2018-12-10 15:12:29 · 2220 阅读 · 0 评论 -
工作经验
混合开发移动APP:对于混合开发(webview+H5),第一次发布前一定要有checkAPI来测试是否存在webview和js相互调用的桥 必须借助webview向后端传数据时尽量让webview透传,方便维护JS开发:函数传参// 禁止传多个参数function fun1(param1,param2,param3,param4){}// 鼓励传对象function fun...原创 2018-12-03 21:42:37 · 157 阅读 · 0 评论 -
XMLHttpRequest使用和跨域
发送json类型数据var request = new XMLHttpRequest();request.open('post', '/address/dosomething');var params = { name: '张三', age: 18};// 发json类型request.setRequestHeader("Content-Type","applica...原创 2018-11-20 14:22:08 · 11282 阅读 · 0 评论 -
好用的前端库
开源库 地址 描述 备注 PhotoSwipe https://github.com/dimsemenov/PhotoSwipe 模仿微信朋友圈图片放大滑动浏览 https://github.com/search?q=photoswipe可以看到相关库 moment http://momentjs.cn/ Jav...原创 2018-11-15 15:20:06 · 472 阅读 · 1 评论 -
postMessage解决跨域和跨页面通信的问题
转载:https://www.cnblogs.com/stephenykk/p/7193845.html(如有侵权请告知)转载 2018-10-08 14:54:48 · 495 阅读 · 0 评论 -
判断页面滑动到底部
window.addEventListener('scroll', function(){ const scrollHeight = document.body.scrollHeight || document.documentElement.scrollHeight; const clientHeight = document.body.clientHeight || docu...原创 2018-08-14 21:28:10 · 1223 阅读 · 0 评论 -
浏览器缓存机制
出处:https://www.cnblogs.com/skynet/archive/2012/11/28/2792503.html相关参考:1、https://blog.csdn.net/baidu_38742725/article/details/771810782、https://blog.csdn.net/jiabeis/article/details/7...转载 2018-08-14 21:23:25 · 119 阅读 · 0 评论 -
react生命周期
注:该图片来源于网络,忘了出处,如有侵权请留言,看到后会及时处理,谢谢原作者提供这么好的学习资料转载 2018-07-30 22:25:48 · 107 阅读 · 0 评论 -
HTML资源标签onerror属性
测试代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> </head> <script> alert('first'); function alertError(thisObject){原创 2018-04-12 21:47:52 · 2716 阅读 · 0 评论 -
onload 属性到底是资源加载完成还是渲染完成测试
测试图片加载代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> </head> <script> alert('first'); </script> <原创 2018-04-12 17:47:47 · 2601 阅读 · 0 评论 -
html网页标题头图标
说明:添加方法:在HTML文件的head标签下添加任意一行即可1. 2.my-title.png">3.my-title.png">注:1. 百度“html title图标”可发现很多相关文档2. link标签中type指的是引入文档的解析方法,百度“mime类型”3. icon和shortcut icon的区别可以百度“shortcut icon和i原创 2017-12-02 16:33:58 · 4564 阅读 · 0 评论 -
location.hash
1.创建HTML文件,命名为test.html <!-- --><!-- --><!-- -->原创 2017-12-02 15:44:10 · 173 阅读 · 0 评论 -
JS创建自定义事件及触发
var test1 = document.getElementById('test1');var event = new Event('build');test1.addEventListener('build', function(e){console.log('test1')});test1.dispatchEvent(event)页面引入这几行js代码,加载完成后浏览器控制原创 2017-12-09 16:57:32 · 732 阅读 · 0 评论 -
npm 更改为淘宝镜像的方法
npm 更改为淘宝镜像的方法1、命令行临时使用指定镜像(淘宝)npm --registry https://registry.npm.taobao.org install express2、命令行永久更改使用指定镜像(淘宝)npm config set registry https://registry.npm.taobao.org以后 npm install exp...原创 2017-09-26 09:30:56 · 52577 阅读 · 4 评论 -
JavaScript控制滚动条左右移动
JavaScript控制滚动条左右移动完整HTML代码:<!DECTYPE html> <html> <head> <meta charset=‘utf-8’> <title>onwheel-test</title> </head> <body> &a原创 2017-08-13 12:29:12 · 20420 阅读 · 1 评论