javascript ajax 37

前后端异步交互-Ajax

Ajax 1、Ajax介绍 1,Ajax概述 Ajax: 全称Asynchronous JavaScript And XML,异步的JavaScript和XML。其作用有如下2点: 与服务器进行数据交换:通过Ajax可以给服务器发送请求,并获取服务器响应的数据。 异步交互:可以在不重新加载整个页面的 ......
Ajax

javascript 学习笔记2

参考资料:https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/Building_blocks 条件语句: if (choice 'sunny') { para.textContent = '阳光明媚。穿上短裤吧!去海滩,或公园,吃个冰淇 ......
javascript 笔记

javascript 学习笔记

参考资料:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript JavaScript 调试器: https://develop ......
javascript 笔记

javaweb-注册页面的表单验证、判断用户名是否被注册(原生Ajax的了解)

资料来源于:B站尚硅谷JavaWeb教程(全新技术栈,全程实战) ,本人才疏学浅,记录笔记以供日后回顾 由于是多个视频内容混合在一起,因此只放了第一个链接 视频链接 知识点 1. 注册页面表单验证 1) <form>有一个事件 onsubmit , onsubmit="return false" , ......
册页 表单 面的 用户名 javaweb

Ajax 的基本用法-1与Ajax的基本用法-2

Ajax 的基本用法-1 XMLHttpRequest Ajax想要实现浏览器服务器之间的异步通信,需要依靠XMLHttpRequest,它是一个构造函数 不论是XMLHttpRequest,还是Ajax,都没有和具体的某种数据格式绑定 Ajax的使用步骤 创建xhr对象 <!DOCTYPE htm ......
Ajax

localStorage 的注意事项与初识 Ajax

localStorage 的注意事项 localStorage 的存储期限 localStorage 是持久化的本地存储,除非手动请求(比如通过js删除,或者清除浏览器缓存),否则数据是永远不会过期的 sessionStorage 当前会话结束(比如关闭浏览器)的时候,sessionstorage中 ......
localStorage 注意事项 事项 Ajax

JavaScript 超大文件上传解决方案:分片断点上传(一)

​ IE的自带下载功能中没有断点续传功能,要实现断点续传功能,需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时,服务端都要添加这两个响应头,以保证客户端和服务端将此下载识别为可以断点续传的下载: Accept-R ......
断点 JavaScript 解决方案 文件 方案

JavaScript 基础

JavaScript 01、JavaScript 概述 一、hello world 学习所有编程语言编写第一个程序的时候,都习惯性地编写 "hello world" 程序,学习 JavaScript 也是一样。作为我们编写的第一个 JavaScript 程序,我们将代码写在 html 这个文档中,b ......
JavaScript 基础

JavaScript 原型链

// linking prototype objects to build a prototype chain_proto_ vs Object.getPrototypeof(obj) Object.setPrototype0f(obj) //1. obj --> otherProto.protot ......
原型 JavaScript

JavaScript 浏览器打断点 Debugging

1. 下面我们看一个例子,这里是5+1=6,但是结果是51 console.log效率会比较低 2. debug可以暂停代码,和查看变量,按F12,看Sources 3. 展开鼠标类型,事件监听 em.....,说得有点笼统了 ......
JavaScript Debugging 浏览器

Ajax及其应用

1.什么是ajex ajax的全称是Asynchronous JavaScript and XML,其中Asynchronous是异步的意思,它有别于传统web开发中采用的同步的方式。 2.ajex包含的技术 大家都知道ajax并非一种新的技术,而是几种原有技术的结合体。它由下列技术组合而成。 1. ......
Ajax

IT工具知识-15:在Chrome中通过Javascript获取B站合集视频选集名称及时长.

0.所需工具 chrome内核浏览器(我这里用的edge chromium) 1.操作步骤 打开b站视频链接(带选集的那种) 按下f12 点击控制台(Console) 在下面输入框输入以下代码 var box=document.getElementsByClassName('video-sectio ......
选集 时长 Javascript 名称 工具

JavaScript对象中常见的方法和不常见的方法

常见的方法: Object.assign() - 将一个或多个对象的属性复制到目标对象。 Object.keys() - 返回对象中所有属性的名称。 Object.values() - 返回对象中所有属性的值。 Object.entries() - 返回对象中所有属性和对应值的键值对数组。 Obje ......
常见 方法 JavaScript 对象

JavaScript学习--splice()函数详解

https://blog.csdn.net/weixin_45726044/article/details/120151153 splice()函数详解splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。 参数: index ......
JavaScript 函数 splice

设计模式-javascript实现【代理模式】

定义: 代理模式是为一个对象提供一个代用品或占位符,以便控制对它的访问。 1. 代理模式的实现 const Flower = function(){}; const xiaoming = { sendFlower: function(target){ const flower = new Flowe ......
模式 设计模式 javascript

设计模式-javascript实现【设计原则】

1. 单一职责原则(SRP原则) 单一职责原则的职责被定义为“引起变化的原因”。如果我们有两个动机去改写一个方法,那么这个方法就具有 两个职责。每个职责都是变化的一个轴线,如果一个方法承担了过多的职责,那么在需求变迁过程中,需要改 写这个方法的可能性就越大。 因此,SRP原则体现为:一个对象(方法) ......
设计模式 javascript 原则 模式

在javascript的文章中sink指什么?

在介绍xss的英文文章中常看到sink这个词语。查了下: A sink is a potentially dangerous JavaScript function that can caused undesirable effects if attacker controlled data is ......
javascript 文章 sink

FormData以及封装Ajax

FormData 1.什么是FormData FormData是Ajax2.0(XMLHttpRequest Level2)提供的一种将form表单元素name和value组合成键值,实现表单数据的序列化,从而减少from表单元素的拼接,提高工作效率对的接口,以方便将form表单数据通过XMLHtt ......
FormData Ajax

uoj #37. 【清华集训2014】主旋律

考虑原先求的是 SCC 为 1 的方案数,这很困难!因为并没有能够转移到子问题的路径。 不妨考虑容斥,即 SCC 为 1 的方案数=所有方案数-SCC 不为 1 的方案数。 不妨先集合划分出 SCC,然后就变成了,内部的 SCC 子问题(此时因为钦定的 SCC 个数 >1,因此规模一定变小)以及外层 ......
主旋律 2014 uoj 37

JavaScript Scope All In One

JavaScript Scope All In One Global Scope / 全局作用域 Script Scope / 脚本作用域 Local Scope / 局部作用域 (函数作用域) Block Scope / 块级作用域 ( { } 作用域) Catch Block Scope / 捕... ......
JavaScript Scope All One In

javascript 给Object扩展extend方法

javascript 给Object扩展extend方法 mdj280759843 于 2011-04-12 13:16:46 发布 1006 收藏分类专栏: JS 文章标签: JavaScript jQuery UI prototype 框架 ViewUI版权 JS专栏收录该内容12 篇文章0 订 ......
javascript 方法 Object extend

二级菜单、多个Ajax请求的并发执行

二级菜单 多个Ajax请求的并发执行 ......
菜单 多个 Ajax

使用Promise改造封装好的Ajax、搜索提示

使用Promise改造封装好的Ajax 常量 export const HTTP_GET = ' GET '; export const CONTENT_TYPE_FORM_URLENCODED = ' application/x-www-form-urlencoded '; export cons ......
Promise Ajax

前端性能精进之浏览器(五)——JavaScript

JavaScript 是一种通过解释执行的高级编程语言,同时也是一门动态、弱类型的直译脚本语言,适合面向对象(基于原型)和函数式的编程风格。 直译语言可以直接在解释器中运行,而与直译语言相对应的编译语言(例如 C++),要先将代码编译为机器码,然后才能运行。 不过直译语言有一个弱点,就是如果有一条不 ......
前端 JavaScript 浏览器 性能

深入了解 JavaScript 内存泄漏

在任何语言开发的过程中,对于内存的管理都非常重要,JavaScript 也不例外。但是如果我们对内存泄漏没有什么概念,就有可能因为内存泄漏,导致许多问题。了解内存泄漏,如何避免内存泄漏,都是不可缺少的。 ......
JavaScript 内存

JavaScript 中的一些奇怪问题

JavaScript 中的一些奇怪问题 JavaScript 在开发过程中可能会出现很多奇怪的问题,以下是一些示例: 1、变量提升问题 变量提升是 JavaScript 中一个常见的问题,特别是当没有充分理解变量作用域和声明提升时。以下是一个变量提升导致的问题示例: var a = 1; funct ......
JavaScript 问题

如何在 JavaScript 中使用媒体查询

前言 说起媒体查询想必大家最先想到的都是CSS中@media,没错,这是我们最常用的媒体查询方法,主要用来为我们的网站做适配处理。 比如: h1 { font-size: 2rem; color: green; } @media (min-width: 600px) { h1 { font-size ......
JavaScript 媒体

JavaScript 日期和时间的格式化

一、日期和时间的格式化 1、原生方法 1.1、使用 toLocaleString 方法 Date 对象有一个 toLocaleString 方法,该方法可以根据本地时间和地区设置格式化日期时间。例如: const date = new Date(); console.log(date.toLocal ......
JavaScript 日期 格式 时间

JavaScript 中的 apply、call、bind

一、常规 在 JavaScript 中,apply、call、bind 是三个与函数调用相关的方法,它们都允许你在调用函数时手动设置函数的上下文(即 this 指向)。 1、apply 方法:apply 方法允许你调用一个函数,并且手动设置函数的上下文(即 this 指向)以及传递一个参数数组。其语 ......
JavaScript apply call bind

深入理解JavaScript对象

前言 在 JavaScript 中,对象是一种非常常见的数据类型,几乎每个程序员都会在日常工作中频繁地使用对象。在本篇文章中,我们将深入了解 JavaScript 对象的一些基本概念和一些高级概念,这些概念对于我们正确理解对象在 JavaScript 中的行为非常重要。 对象的基本概念 在 Java ......
JavaScript 对象