随笔分类 - 前端
摘要：完整文档 官网文档 html <input type="file" multiple id="files"> <button onclick="postAxios()">上传文件s</button> <p id="files_progress" style="width:0px; height: 1
阅读全文
摘要：完整文档 使用 XMLHttpRequest 对象的 open() 方法来初始化一个请求，open() 方法的语法格式如下： XMLHttpRequest.open(method, url, async, user, password); 参数说明如下： method：请求的类型（使用的 HTTP
阅读全文
摘要：完整文档 ajax 调用 html <input type="file" multiple id="files"> <button onclick="jqueryAjax2()">上传文件s</button> <p id="files_progress" style="width:0px; heig
阅读全文
摘要：判断浏览器是否支持js属性或方法 if(typeof addEventListener 'undefined'){ console.log('不支持') }else{ console.log('支持') } 判断浏览器是否支持html标签属性 html属性 in DOM对象 ：判断是否支持这个属性，
阅读全文
摘要：<script> // 设置或获取整个 URL 为字符串 // 文件访问 file:///F:/phpStud/PHPTutorial/WWW/CasPHP/public/js/js_url.html // 域名访问 http://casphp.com/js/js_url.html console.
阅读全文
摘要：<body> <div id="tree" data-leaves="47" data-plant-height="2.4m"></div> <script> var tree = document.getElementById("tree"); console.log(' js attr ');
阅读全文
摘要：window.requestAnimationFrame() 用浏览器刷新频率（通常是每秒60/75次）执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数，该回调函数会在浏览器下一次重绘之前执行。 优点 【1】requestAnimationFr
阅读全文
摘要：点击下面 目录标题 在线预览效果 网页 head 部分 <!-- 禁止缩放 --> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 公共 js 部分 //提取非行间样式
阅读全文
摘要：MDN touch 介绍 手指在屏幕上的操作 rotate 旋转：手指在屏幕上旋转pan 平移：手指触碰屏幕，移动，最后离开。click（tap）点击：手指在某个位置范围内进行快速点击。swipe 快扫：手指在设备上快速移动。press 按压：手指按下一段时间且不移动。pinch 缩放：两个（或多个
阅读全文
摘要：addEventListener 介绍 EventTarget.addEventListener() 方法将指定的监听器注册到 EventTarget 上，当该对象触发指定的事件时，指定的回调函数就会被执行。事件目标可以是一个文档上的元素 Element、Document 和 Window，也可以是
阅读全文
摘要：使用toString() let obj = {} var res1 = Object.prototype.toString.call(obj) '[object Object]' console.log(res1); //true var res2 = Object.prototype.toStr
阅读全文
摘要：点击目录标题预览效果 单个元素拖拽，不随页面滚动 css 部分 body{height:2000px;} div{width:150px; height:150px;cursor: move;position: fixed;top:50px;color:#fff;box-sizing: border
阅读全文
摘要：函数中传递 event + 其他参数 <div id="btn" onclick="clickBtn(event,2)">任务总数</div> <script> function clickBtn(event,val){ console.log(event); console.log(val) }
阅读全文
摘要：Document对象是每个DOM树的根，但是它并不代表树中的一个HTML元素，document.documentElement属性引用了作为文档根元素的html标记， 整个文档的宽度:document.documentElement.scrollWidth整个文档的高度:document.docum
阅读全文
摘要：js 回调函数 function startMove(obj,json,fnEnd){ // 链接的不能用this this--》window /* if(fn) { fn(); } */ // 链接的能用this if(fn) { fn.call(obj);} } 扩展jQuery对象本身 jQu
阅读全文
摘要：原生 js 中 XMLHttpRequest jquery 中 ajax axios 请求 ajax 中出现的问题 文件上传出现的问题： 1、上传完成后服务器要过会才可以看到上传文件 2、上传失败，还 显示进度条和 “文件上传完成” 原因：XMLHttpRequestUpload progress
阅读全文
摘要：CSS transition 属性 transition 属性设置元素当过渡效果，四个简写属性为： transition-property transition-duration transition-timing-function transition-delay 注意： 始终指定transiti
阅读全文
摘要：vite 安装 F:\vue>npm init vite-app xueyuan // 创建项目 npx: installed 7 in 17.295s Scaffolding project in F:\vue\xueyuan... Done. Now run: cd xueyuan npm in
阅读全文
摘要：ajax 下载文件 let xhr = new XMLHttpRequest(); xhr.open('GET', 'http://www.xxx.com/bbb.zip', true); // 这部至关重要，命令xhr返回给你的时blob(二进制大对象)类型的数据 xhr.responseType
阅读全文
摘要：call()、apply()、bind() 都是用来重定义 this 这个对象的 var name="小王",age=17 var obj ={ name:"小张", objAge :this.age, myFun :function(){ console .log(this.name+"年龄"+t
阅读全文
