- 博客(11)
- 收藏
- 关注
RSS订阅
原创 你如何获取浏览器 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
278
原创 前端 api 请求缓存
前端 api 请求缓存 对于webpack打包的单页面应用程序而言，我们可以采用很多方式来对性能进行优化，比方说 tree-shaking、模块懒加载、利用 extrens 网络cdn 加速这些常规的优化。 缓存一定是提升web应用程序有效方法之一，尤其是用户受限于网速的情况下。提升系统的响应能力，降低网络的消耗。内容越接近于用户，则缓存的速度就会越快，缓存的有效性则会越高。 方案一 数据缓存 简单的 数据 缓存，第一次请求时候获取数据，之后便使用数据，不再请求后端api。代码如下： const dataC
2021-09-01 00:50:00
322
原创 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
3125
原创 9种常见的前端跨域解决方案（详解）
9种常见的前端跨域解决方案（详解） 一、什么是跨域？ 在前端领域中，跨域是指浏览器允许向服务器发送跨域请求，从而克服Ajax只能同源使用的限制。 二、常见的跨域场景 三、9种跨域解决方案 1、JSONP跨域 jsonp的原理就是利用script标签没有跨域限制，通过script标签src属性，发送带有callback参数的GET请求，服务端将接口返回数据拼凑到callback函数中，返回给浏览器，浏览器解析执行，从而前端拿到callback函数返回的数据。 1）原生JS实现： <script
2021-01-02 16:05:58
577
原创 jsonp跨域请求原理
jsonp跨域请求原理 今天咱们讲讲jsonp跨域请求原理吧！ 在进行网站开发的过程中经常会用到第三方的数据，但是由于同源策略的限制导致ajax不能发送请求，因此也无法获得数据。解决ajax的跨域问题有两种方法： 一、jsonp 二、XMLHttpRequest2中可以配合服务端来解决，在响应头中加入Access-Control-Allow-Origin:* 1、同源： 同源策略是浏览器的一种安全策略，所谓同源是指，域名，协议，端口号完全相同 1.1目的：保护用户信息安全 1.2限制：cookie、
2021-01-02 15:09:42
400
原创 for…in和for…of的用法与区别
for in和for of的用法与区别 今天说说for in和for of的区别与 用法，详细简单明了！ for…in for…in 循环只遍历可枚举属性（包括它的原型链上的可枚举属性）。像 Array和Object使用内置构造函数所创建的对象都会继承自Object.prototypeString.prototype的不可枚举属性。 例如 String 的 indexOf() 方法或 Object的toString()方法。循环将遍历对象本身的所有可枚举属性，以及对象从其构造函数原型中继承的属性（更接近
2020-12-27 20:14:28
1407
2
原创 NodeJS实战
NodeJS实战：Mongoose的操作！ 今天咱们来说说mongoose的增删改查方法吧! 首先咱们先安装mongoose！ 1、下载模块 npm install mongoose -D 或 cnpm install mongoose -D 2、使用mongoose 1.载入mongoose 模块 const mongoose =require(“mongoose”); 2.nodejs 连接mongodb 数据库 mongoose.connect(“mongodb://127.0.0.1:27017/数
2020-12-25 23:23:02
439
原创 今天简单说一下什么是Node.js？可要看仔细了哦！
Node介绍——什么是Node？ 今天偶然之间有回顾了node.js。所以就迫不及待地想发博客给刚入门的小白！ 简单的说 Node.js 1.就是运行在服务端的 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
492
原创 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
489
原创 原生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
283
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
180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人