Kaizd-CSDN博客

原创你如何获取浏览器 URL 中查询字符串中的参数？

你如何获取浏览器 URL 中查询字符串中的参数？function showWindowHref(){ var sHref = window.location.href; var args = sHref.split('?'); if(args[0] == sHref){ return ""; } var arr = args[1].split('&'); var obj = {}; for(var i = 0;i< arr.length;i++){ var arg = ar

2020-12-15 08:06:05 179

原创前端 api 请求缓存

前端 api 请求缓存对于webpack打包的单页面应用程序而言，我们可以采用很多方式来对性能进行优化，比方说 tree-shaking、模块懒加载、利用 extrens 网络cdn 加速这些常规的优化。缓存一定是提升web应用程序有效方法之一，尤其是用户受限于网速的情况下。提升系统的响应能力，降低网络的消耗。内容越接近于用户，则缓存的速度就会越快，缓存的有效性则会越高。方案一数据缓存简单的数据缓存，第一次请求时候获取数据，之后便使用数据，不再请求后端api。代码如下：const dataC

2021-09-01 00:50:00 182

原创 ajax请求五个步骤！

ajax请求五个步骤！今天咱们讲一讲Ajax请求五个步骤！1.创建XMLHttpRequest异步对象var xhr;if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xhr=new XMLHttpRequest(); }else {// code for IE6, IE5 xhr=new ActiveXObject("Microsoft.XMLHTTP"); }2

2021-01-02 16:17:10 3007

原创 9种常见的前端跨域解决方案（详解）

9种常见的前端跨域解决方案（详解）一、什么是跨域？在前端领域中，跨域是指浏览器允许向服务器发送跨域请求，从而克服Ajax只能同源使用的限制。二、常见的跨域场景三、9种跨域解决方案1、JSONP跨域jsonp的原理就是利用script标签没有跨域限制，通过script标签src属性，发送带有callback参数的GET请求，服务端将接口返回数据拼凑到callback函数中，返回给浏览器，浏览器解析执行，从而前端拿到callback函数返回的数据。 1）原生JS实现：<script

2021-01-02 16:05:58 424

原创 jsonp跨域请求原理

jsonp跨域请求原理今天咱们讲讲jsonp跨域请求原理吧！在进行网站开发的过程中经常会用到第三方的数据，但是由于同源策略的限制导致ajax不能发送请求，因此也无法获得数据。解决ajax的跨域问题有两种方法：一、jsonp二、XMLHttpRequest2中可以配合服务端来解决，在响应头中加入Access-Control-Allow-Origin:*1、同源：同源策略是浏览器的一种安全策略，所谓同源是指，域名，协议，端口号完全相同　　1.1目的：保护用户信息安全　　1.2限制：cookie、

2021-01-02 15:09:42 302

原创 for…in和for…of的用法与区别

for in和for of的用法与区别今天说说for in和for of的区别与用法，详细简单明了！for…infor…in 循环只遍历可枚举属性（包括它的原型链上的可枚举属性）。像 Array和Object使用内置构造函数所创建的对象都会继承自Object.prototypeString.prototype的不可枚举属性。例如 String 的 indexOf() 方法或 Object的toString()方法。循环将遍历对象本身的所有可枚举属性，以及对象从其构造函数原型中继承的属性（更接近

2020-12-27 20:14:28 1132 2

原创 NodeJS实战

NodeJS实战：Mongoose的操作！今天咱们来说说mongoose的增删改查方法吧!首先咱们先安装mongoose！1、下载模块npm install mongoose -D或cnpm install mongoose -D2、使用mongoose1.载入mongoose 模块const mongoose =require(“mongoose”);2.nodejs 连接mongodb 数据库mongoose.connect(“mongodb://127.0.0.1:27017/数

2020-12-25 23:23:02 317

原创今天简单说一下什么是Node.js？可要看仔细了哦！

Node介绍——什么是Node？今天偶然之间有回顾了node.js。所以就迫不及待地想发博客给刚入门的小白！简单的说 Node.js1.就是运行在服务端的 JavaScript。2.Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。3.Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。1.编写高性能网络服务器的javascript工具包（用js开发服务端程序）

2020-12-23 23:15:12 386

原创 jQuery的dom操作综合练习

jQuery的dom操作综合练习今天跟大家分享的是 jQuery Dom操作综合练习呦！css部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<

2020-12-21 08:18:35 351

原创原生js实现tab切换与 jq实现tab切换！

原生js实现tab切换与 jq实现tab切换原生js实现**css部分** <style> *{ margin: 0; padding: 0; } .warp{ width: 100%; background-color: cyan; display: flex; } .top{

2020-12-18 21:59:09 161 1

原创 js 继承

js 继承1.原型链继承 --> 子类.prototype= new 父类(“参数”) 优点：（继承所有）继承父类本身以及原型对象上的所有属性方法。缺点：不能给父类的构造函数传参数。function Fu(name){ this.name=name } Fu.prototype.say=function(){ console.log("lalala") }funct

2020-12-16 21:43:20 83

Kaizd的博客