使用原生js中post下载

2024-11-07

js发送post请求，实现下载文件

由于业务需求要下载文件的功能: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="renderer" content="webkit|ie-comp|ie-stand"> <meta http-equiv="X-UA-Compatible" content="IE=edge

今天在学习vue.js的render时,遇到需要重复构造多个同类型对象的问题,在这里发现原生JS中apply()方法的一个特殊的用法: var ary = Array.apply(null, { "length": 5, "0": 'eat', "1": 'play' });//得到ary = ['eat', 'play', undefined*3] 在这个用法中,apply的第一个参数为null,第二个参数是一个包含length字段的对象,查了

原生js中slice()方法和splice()区别

slice()方法和splice()方法都是原生js中对数组操作的方法. slice(),返回一个新的数组,该方法可从已有的数组中返回选定的元素.例如:arrObject(start,end),start是必选的.规定从何处开始选取,如果是负数,则是从数组元素尾部选取,也就是说-1指最后一个元素,-2指倒数第二个元素:end是可选元素.规定从何处结束选取.该参数没有,表示从开始位置截取到数组末尾,如果是负数,表示从数组末尾向前截取元素.该方法不会修改原数组,如果想删除数组中某一段元素,使用spl

ThinkPHP 中使用 IS_AJAX 判断原生 JS 中的 Ajax 出现问题

问题: 在 ThinkPHP 中使用原生 js 发起 Ajax 请求的时候.在控制器无法使用 IS_AJAX 进行判断.而使用 jQuery 中的 ajax 是没有问题的. 在ThinkPHP中.有一个判断是 ajax 请求的常量 IS_AJAX: Ajax 请求常用的有两种情况:一种是原生 js 的 ajax 请求.一种是 jQuery 的 ajax 请求. 分析: 先看看使用 jQuery 中使用 ajax 发送请求的时候的头信息: Accept: application/json, tex

【温故知新】——原生js中常用的四种循环方式

一.引言本文主要是利用一个例子,讲一下原生js中常用的四种循环方式的使用与区别: 实现效果: 在网页中弹出框输入0 网页输出“欢迎下次光临” 在网页中弹出框输入1 网页输出“查询中……” 在网页中弹出框输入2 网页输出“取款中……” 在网页中弹出框输入3 网页输出“转账进行中……” 在网页中弹出框输入其他字符网页输出“无效按键” 四种循环: for循环 while循环 for in 循环 for of 循环二.for循环 <!doctype html> <h

关于原生js中函数的三种角色和jQuery源码解析

原生js中的函数有三种角色: 分两大种: 1.函数(最主要的角色)2.普通对象(辅助角色):函数也可以像对象一样设置属于本身的私有属性和方法,这些东西和实例或者私有变量没有关系两种角色直接没有必然的关系: 分三小类: 1.普通函数 function fn(){ console.log('我是一个最基础的函数'); } fn(); 2.类包括(内置类,自定义类)也就是构造函数内置类是通过构造函数的形式创建的自定义类形式和内置类一样创建内置类的使用:其实上述fn函数就是内置Function

koa 基础（十七）原生 JS 中的类、静态方法、继承

1.app.js /** * 原生 JS 中的类.静态方法.继承 * es5中的类和静态方法 */ function Person(name, age) { // 构造函数里面的方法和属性 this.name = name; this.age = age; this.run = function () { console.log(`${this.name} --- ${this.age}`) } } // 原型链上面的属性和方法可以被多个实例共享 Person.prototype.sex = '

Vditor在原生JS中如何结合后端使用

目录 1.Vditor介绍 2.如何在原生JS中结合后端使用 2.1 背景 2.2 正确使用方式 2.2.1 编辑页面 2.2.2 回显页面(修改页面) 2.2.3 预览页面 3.小结一下 1.Vditor介绍 Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得.即时渲染(类似 Typora)和分屏预览模式.它使用 TypeScript 实现,支持原生 JavaScript以及 Vue.React.Angular 和 Svelte 等框架. 2.如何在原生JS中结合后端使用

【面试篇】寒冬求职季之你必须要懂的原生JS(中)

互联网寒冬之际,各大公司都缩减了HC,甚至是采取了“裁员”措施,在这样的大环境之下,想要获得一份更好的工作,必然需要付出更多的努力. 一年前,也许你搞清楚闭包,this,原型链,就能获得认可.但是现在,很显然是不行了.本文梳理出了一些面试中有一定难度的高频原生JS问题,部分知识点可能你之前从未关注过,或者看到了,却没有仔细研究,但是它们却非常重要. 本文将以真实的面试题的形式来呈现知识点,大家在阅读时,建议不要先看我的答案,而是自己先思考一番.尽管,本文所有的答案,都是我在翻阅各种资料,思考并验

原生js中stopPropagation,preventDefault,return false的区别

1.stopPropagation:阻止事件的冒泡,但不阻止事件的默认行为. 最好莫过于用例子说明: <div id='div' onclick='alert("div");'> <ul onclick='alert("ul");'> <li id='ul-a' onclick='alert("li");'><a href="http://www.baidu.com&

原生js中获取this与鼠标对象以及vue中默认的鼠标对象参数

1.通过原生js获取this对象 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <form action="" class="files" > <label class="file" >

谈一谈原生JS中的【面向对象思想】

[重点提前说:面向对象的思想很重要!] 最近开始接触学习后台的PHP语言,在接触到PHP中的面向对象相关思想之后,突然想到之前曾接触的JS中的面向对象思想,无奈记性太差,便去翻了翻资料,花了点时间梳理下以前接触过的OOP相关知识点,也希望在的PHP的学习中能相互对比,加深理解. 接下来可要进入化冰之路-PHP篇了,过几天我将会再发一篇PHP中有关OOP的相关知识点梳理学习,希望大家放平心态,面向OOP,共同进步! 一.学习前,你该知道这些基础知识~ 1.语言的

原生js中call、apply、bind的区别和相同点

结论: 相同点: 1.都是js原生方法,改变函数中的this指向 2.都可以传递参数,第一个参数为把this指向到哪里去,即目标元素不同点: 1.call和apply都是主动触发,绑定后自动执行,bind为手动绑定,不自动执行. 2.call和apply在传递参数的方式上有所不同,call为直接传参,apply的参数需要放在数组中代码: <script type="text/javascript"> var person = {name:'小明'} person.sa

原生js中的常用方法的写法

1.js深度克隆的方法 //第一种 function deepClone(obj){ var str,newObj = obj instanceof Array? [] : {}; if(typeof obj !== 'object'){ return; }else if(window.json){ str = JSON.stringify(obj); newObj = JSON.parse(str); }else{ for(var i in obj){ newObj[i]=typeof obj

原生 JS 中延迟脚本和异步脚本

一.延迟脚本 defer HTML4.0中为<script> 标签添加了个defer属性.属性的用途是表民脚本在执行时不会影响页面的构造. 脚本会被延迟到页面加载完毕的时候,执行.也就是当浏览器解析到</html> 标签后才会执行代码.在HTML5规范中,defer属性中适用于外部脚本. 而家了defer 的脚本文件会比DOMContentLoaded事件触发前执行. 二.异步脚本 async HTML5为<script>添加了个async属性.这个属性与defer属

原生JS中常用的Window和DOM对象操作汇总

一.常用的Window对象操作 Window对象中又包含了document.history.location.Navigator和screen几个对象,每个对象又有自己的属性方法,这里window可以省略. 如window.location.href 可以简写为location.href //返回运行浏览器的操作系统和(或)硬件平台 var platform = navigator.platform; //浏览器的代码名 var appCodeName = navigator.appCodeN

原生JS中DOM节点相关API合集

节点属性 Node.nodeName //返回节点名称,只读 Node.nodeType //返回节点类型的常数值,只读 Node.nodeValue //返回Text或Comment节点的文本值,只读 Node.textContent //返回当前节点和它的所有后代节点的文本内容,可读写 Node.baseURI //返回当前网页的绝对路径 Node.ownerDocument //返回当前节点所在的顶层文档对象,即document Node.nextSibling //返回紧跟在当前节点

原生JS中unshift与shift

shift() 方法:shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值:用法:arrayObject.shift()如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值. unshift() 方法:unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度.用法:arrayObject.unshift()该方法的第一个参数将成为数组的新元素 0,如果还有第二个参数,它将成为新的元素 1 注释:unshift() 方法无法

原生JS中 callback，promise，generator，async-await 的简介

callback,promise,generator,async-await 的简介 javascript异步的发展历程. ES6 以前: 回调函数(callback):nodejs express 中常用,ajax中常用. ES6: promise对象:nodejs最早有bluebird promise的雏形,axios中常用. generator函数:nodejs koa框架使用率很高. ES7: async/await语法:当前最常用的异步语法,nodejs koa2 完全使用该语法. 回

原生js中如果有多个onload事件解决方案

在一个页面中有两个JavaScript 分别都用到了window.onload 一个是:window.onload=func1,另一个是:window.onload=func2 这样就造成了一个JavaScript 运行不了. 方案一: window.onload=function(){func1();func2();} 方案二: 用window.attachEvent和 window.addEventListener来解决问题了 window.addEventListener("load&qu

原生js中实现全选和反选功能

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> </style> </hea