提灯戏江鱼-CSDN博客

原创 ajax的跨域和请求——详解

什么是Ajax跨域？Ajax跨域指的是将Ajax请求进行跨域处理，而不是说在Ajax中提供了跨域的方法。同源政策中明确规定Ajax请求只能发给同源的网址，否则就会发生跨域报错。除了设置代理之外页面中有三种常见的解决跨域的手段跨域的解决方案有哪些①设置服务端响应头②设置代理③JSONP我们主要使用的手段就是JSONP方式，JSONP之所以能够用来解决跨域方案,主要是因为 <script> 脚本拥有跨域能力,而JSONP正是利用这一点来实现。代码：function addScri.

2021-12-27 21:33:53 801

原创隐式转换底层是如何转换的

Js隐式转换介绍在js中，当运算符在运算时，如果两边数据不统一，CPU就无法计算，这时我们编译器会自动将运算符两边的数据做一个数据类型转换，转成一样的数据类型再计算这种无需程序员手动转换，而由编译器自动转换的方式就称为隐式转换例如1 > "0"这行代码在js中并不会报错，编译器在运算符时会先把右边的"0"转成数字0`然后在比较大小隐式转换规则：1. 转成string类型： +（字符串连接符）2..转成number类型：++/--(自增自减运算符)+ - * / %(算术

2021-12-27 21:20:49 218

原创实现一下黑客帝国代码雨

<a href="" download="dmy" id="aaa"><canvas id="myCanvas" id="canvas"><img src="" alt="" id="img"></canvas></a> <script> //获取屏幕的宽度，使画布的宽度和屏幕宽度一致 var width = document.getElementById("myCanvas").width = ...

2021-12-19 15:48:33 350

原创数据类型的一些容易被忽略的知识

今天讲js数据类型众所周知js有八大数据类型，分别是字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）、未定义（Undefined）。而众所又周知，js八大数据类型分别分为基本数据类型和引用数据类型两大类基本数据类型：Number 、String、 Boolean 、undefined 、null引用数据类型：Object Array function1.基本数据类型存储在“栈”中，是按照值来传递的..

2021-12-19 15:43:55 355

原创防抖和节流

上一篇讲到惰性函数，这篇就做一个自己对节流和防抖的理解的整理。其实节流和防抖也是使用惰性函数的原理的，赋一个初始值，然后第二次执行调用函数的跳过这个分支，如果不太清楚惰性函数的朋友可以去上一篇看一下。我们先来讲节流节流：就是指高频率触发事件的时候每隔一段时间只触发一次，举个例子就是水龙头放水，我把水龙头阀门开大点，它很快速很持续的往下放水，但这样很浪费水资源，我想让它放慢点，频率低一点，然后我就把阀门开小一点，一滴水慢慢的积攒，等它到了一定的重量，才会自己掉下来。同样的，就类似于计算机内部的

2021-11-28 23:18:22 3688

原创最简单的代码理解惰性函数

今天讲一下我个人对惰性函数的理解，至于为什么要分析惰性函数，是因为当初学习闭包的时候被惰性函数绕晕了，为此在这个函数上纠结了很长一段时间，还询问了不少大佬，但是给出的专业解释，还是让我有许多不解，今天就用我自己的理解来分析一下惰性函数，一个是为了加深自己的记忆，二个是为让其他刚接触惰性函数的萌新不至于走歪路。先说一下惰性函数的定义吧，惰性函数：顾名思义，有点懒惰，懒到事件只处理一次，当然不是值整个函数只处理一次。而是里面的某一行或者多行只执行一次。正常情况下，一个函数内部，所有的该执行的东西，无论是定义

2021-11-28 16:41:39 313

原创默认事件和阻止默认事件

默认事件　　就是浏览器通过HTML标签或DOM元素提供的一些功能性的默认行为。比如在a标签href属性上的跳转，右键呼出的菜单等等。我们可以通过js取消或更改这些默认事件。取消默认事件　　默认事件都是定义在DOM元素相应的事件类型上的，我们只需要知道产生默认事件的是哪个元素，这个事件是什么类型的，就可以阻止或修改它。实现方式就是注册相应的事件处理函数，在其中通过如下API阻止默认事件的发生。event.preventDefault() ：阻止默认行为（IE9以下的版本需要考虑到兼容性）e.

2021-11-22 00:08:07 8669

原创真伪随机数

随机数我们平常使用的代码都有随机数，比如js中的random，php中的mt_rand，Java中的random，尽管不同的语言中的随机数都不一样，但是都逃不了这些生成随机数的函数，生成的都是个伪随机数这个时候有人就要问了什么叫伪随机什么叫真随机伪随机一般说的是产生的随机数并不是真正意义上的随机，它有迹可循，甚至有规律可循一般伪随机数是由一个随机种子+随机数生成器生成的，这里的种子有可能来自计算机内部的时间，计时器的计数值然后通过一定的计算方法计算出来的值，也就是说，只要掌握了时间，和计算方法，

2021-11-21 23:55:56 771

原创 console的常用方法

在我们写代码的过程中，我们会很经常的用到控制台，那么就必然会接触到console这个对象，console对象代表的就是控制台，现在很多浏览器都支持使用控制台，甚至一些编译软件里面也会有控制台这个功能，所以演变到如今，合理使用控制台已经成为一个必备的技能，也就是基础，甚至可以说是一个标准。接下来，我们要讲讲console对象的作用第一个，可以实现人与代码之间的交互，比如我们想知道一个事件发生之后，一个变量的变化，我们可以使用一些内部的接口，实现和代码之间的交互。第二个，可以报错；顾名思义，如果你的

2021-11-08 00:19:26 2903

原创 css中a标签中的traget属性

我在很多官网里面看到超链接里面都会使用到target="_blank”这个属性，这意味着点击超链接就会在一个新的窗口打开被链接的网页，不只是官网，很多开发人员都会用到这个target="_blank”属性，对此我很好奇，所以我查阅了一些资料去了解这样做的好处，以及优点。优点：在开发者的角度思考，打开一个新窗口，就意味着脱离原本的网页框架，这样新的窗口中的网页就是一个独立个体，不应因为原本窗口的设置或者安全问题，影响到新窗口的网页。对于用户而言，原本窗口的操作或者设置，不会随着打开新的链接而消失。

2021-10-24 17:18:15 1136

原创刮刮乐效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content=...

2021-10-24 16:19:19 1237

原创放大镜效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> ...

2021-10-24 16:16:44 78

原创手风琴效果