qq_39239110的博客

原创 ES6中箭头函数

箭头函数的使用1.箭头函数相比普通函数来说，更为简洁，箭头函数都是匿名函数，而普通函数可以是匿名函数，也可以是具名函数。书写形式可以为const fn = ()=>{方法体}2.箭头函数不能用来作为构造函数，不能使用new来创建3.箭头函数的this指向外层函数的this指向，一个对象中定义的箭头函数中的this指向的是window对象4箭头函数中不能绑定arguments，否则会报错...

原创 cookie,sessionStorage,localStorage之间的区别

cookie：存放数据大小为4kB,在浏览器和服务器间来回传递,在所有同源窗口中都是共享的，生命期为只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。sessionStorage：存放数据大小为5MB,被同源策略限制，仅在客户端保存，不参与服务器端的通信，仅在当前浏览器窗口关闭前有效，自然也就不可能持久保持；localStorage：存放数据大小为5MB，仅在客户端保存，localStorage在所有同源窗口中都是共享的；不参与服务端的通信，始终有效，窗口或浏览器关闭也一直保存，因.

原创 JS中闭包的使用

什么是闭包？定义：闭包是指可以访问另一个函数作用域变量的函数，一般是指定义在外层函数中的内层函数。闭包的作用：可以读取函数内部的变量可以让这些局部变量始终保存在内存中闭包的特点函数嵌套函数外层函数一定有局部变量，且内层函数一定操作了这个变量内层函数一般通过return形式返回给外部使用闭包的缺点变量保存在内存中，内存消耗过大，可能造成内存泄漏，解决方法是在不使用变量时，通过将内层函数引用的变量值赋值为null及时释放掉。...

原创 call（）和apply()方法的区别

Js中call（）和apply方法之间的区别？call（）和apply（）的用法：call（）： funcName.call(obj,param1,param2,param3,…);apply(): funcName.apply(obj,[param1,param2,param3,…]);相同点：都能改变方法执行的上下文，将一个对象的方法交给另一个对象来执行，并且是立即执行不同点：call（）是分别接收参数，即接收参数为一个列表；apply() 只能接收两个参数，第二个参数只能以数组的形

原创 原型和原型链

什么是原型，什么是原型链？原型：JavaScript对象包含了一个prototype的属性，这个属性所对应的就是这个对象的原型。原型链：当在实例化对象中访问一个属性的时候，首先会在该对象内部查找，如果找不到，则对其原型进行查找，如果还是没有找到，则继续对其原型的原型查找，直至找到或者Object.prototype.__proto__的值为null为止，这种链状过程称为原型链。...

原创 this指向问题

js中this关键字的指向问题JavaScript中this指的是它所属的对象在方法中，this指向的是它所有者对象；在函数中，this指的是全局对象（windows）；单独使用时，this指的是全局对象；在函数中，严格模式下，this指的是undefined；在事件中，this指的是接收事件的html元素在箭头函数中，this指向外层作用域的this；...

原创 ==与===之间的区别

“===”和“==”有什么区别“===”为严格等于，先进行类型比较，如果类型不同，直接返回false，如果类型相同，则进行数据值的比较，值相等则返回true，值不等则返回false；“==”：等于，也是先进行类型比较，如果类型相同，则进行数据值的比较，值相等就返回true，如果类型不一致，则对两个数据自动进行类型的转换，然后在进行数据值的比较。...

原创 js中var,let和const的区别

关键var，let 和const的区别var：存在全局作用域和函数作用域两种，没有块级作用域说法，存在变量提升，var定义的变量可以修改，如果不初始化值为undefined，且允许定义的变量重复声明let:块级作用域，不存在变量提升，凡是函数内部使用let定义的变量，函数外部无法访问，在相同作用域内，let不允许重复声明同一个变量，在不同作用域，通过let声明同一个变量是允许的const:块级作用域，不存在变量提升，通过const定义的变量不可修改，且声明的变量需要初始化。...

原创 TCP和UDP之间的区别

TCP和UDP之间的区别1TCP是面向连接的，UDP是无连接的TCP是可靠的，UDP是不可靠的TCP是面向字节流的，UDP是面向数据报文的TCP只支持点对点通信，UDP支持一对一，一对多，多对多TCP报文首部20个字节，UDP首部8个字节TCP有拥塞控制机制，UDP没有TCP协议下双方发送接受缓冲区都有，UDP并无实际意义上的发送缓冲区，但是存在接受缓冲区使用场景：UDP 的主要应用场景需要资源少，网络情况稳定的内网，或者对于丢包不敏感的应用，比如 DHCP 就是基于 UDP 协议

原创 css中position的五种类型

css的五种定位方式position属性规定应用于元素的定位方法的类型（五种类型：static,relative,absolute,fixed,sticky）1.position:static :html元素的默认定位方式为static，其定位不受bottom,top,left,right属性的影响。2.position:relative：元素相对其正常位置进行定位,设置相对定位的元素的 top、right、bottom 和 left 属性将导致其偏离其正常位置进行调整。不会对其余内容进行调整来适应元

原创 水平居中的五种方式

css水平居中方式：1： margin：0 auto;2: align:center;3 flex布局：display:flex;justify-content:center;align-items:center;4：position定位实现position：relative；top:50%;left:50%;transform:translate(-50%,-50%);5:网格布局：display: grid;justify-content: center;align-i

原创 css中px，em,rem之间的区别

css中px ，em,rem之间的区别1,px实际上就是像素，与物理像素之间有一定区别，比较精确，但缺点是不会根据浏览器页面的放大缩小而改变，会导致当前页面布局被打破；2，em是根据基准来缩放字体的大小，em是相对单位，一般以body的字体为基准，em是相对父元素来计算的，这就会有一个问题，每一个父元素都需要有他的值；3，rem是相对于根元素html为基准的...

原创 get和post之间的区别

http请求方式中get和post请求的区别？get和post区别get和post区别1.get请求是向指定资源请求数据，而post一般用来向指定资源提交数据；2.get请求传递数据不超过2048byte(2kb)，而post请求不受限制；3.get请求的静态资源会被缓存，而post请求不会被缓存；4.get请求的参数会被暴露在url中，而post请求的参数存放在requestBody中，因此post请求相对于get请求安全性更高；5.get请求传递的数据是以文本形式，而post可以是文本形式或

原创 2021-08-06

新发现一个可以学习的网址：关于Javascript中__proto__和原型链https://www.cnblogs.com/zhaoyongblog/p/11391188.html

转载 线程和进程的区别

https://www.cnblogs.com/yangmingxianshen/p/7922574.html

原创 CrawlSpider爬虫

之前使用的普通的spider,我们需要自己在解析完整个页面后获取下一页的url,然后重新发送一个请求。有时候我们想要这样做，只要满足某个条件的url,都给我进行爬取。那么我们就可以通过CrawlSpider来帮我们完成了。CrawlSpider继承自Spider,只不过是在之前的基础之上增加了新的功能。可以定义爬取的url的规则，以后scrapy碰到满足条件的url都进行爬取，而不用手动的yiel...

原创 多线程网络爬虫

多线程网络爬虫：什么是多线程：默认情况下，一个程序只有一个线程，代码依次线性执行的，而多线性则可以并发执行，一次性多个人做多件事。自然比单线程更快threading某块是python中专门用来做多线程编程的模块，threading模块中最常见的类是Thread，使用threading某块下的Thread就可以创建 一个多线程,这个类有一个‘target’参数，需要指定一个函数，那么以后这个...

原创 爬虫之数据存储

1.JSON文件格式处理JSON(JavaScript Object Notation,JS对象标记)是一种轻量级的数据交换格式。它基于ECMAScript的一个子集，采用完全独立与编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成。并有效地提高网络传输效率JSON 支持的数据格式：对象（字典）：使用花括号...

原创 爬虫中的网络请求

http协议：超文本传输协议，是一种发布和接收HTML页面的方法，服务器端口号是80端口号https协议：是http协议的加密版本，在http下加入了SSL层。服务器端口号是443端口常见的请求的Method在http协议中，定义了八种请求方法，这里介绍常用的两种：分别是get请求和post请求1.get请求：一般情况下，只从服务器获取数据下来，并不会对服务器资源产生任何影响的时候会用ge...

原创 Scrapy框架

Scrapy是一个为了爬取网站数据，提取结构性数据而编写的应用框架。 可以应用在包括数据挖掘，信息处理或存储历史数据等一系列的程序中。使用Scrapy抓取一个网站有四个步骤：一、创建一个Scrapy项目；可以通过命令行进行创建,例如创建一个scrapyex的一个项目：$ scrapy startproject scrapyex这种图是用pycharm打开的scrapyex项目的目录二...

转载 反反爬虫机制浅析

https://www.jianshu.com/p/8dd187672957

原创 python3.7.3成功安装scrapy

先到cmd命令行下更新pip的版本号，使用以下命令更新$ python -m install pip --upgrade pip如果安装过程中失败，可能是网络的问题导致的，就多重复运行上面的命令，安装成功后就用pip -V检查pip版本号，看是否升级成功。接着直接使用以下命令安装scrapy：$ pip install scrapy如果没什么网络问题，等几分钟scrapy就安装好了在c...

原创 python的正则表达式学习

正则表达式是一个特殊的字符序列，能够帮助我们很方便的检查一个字符串是否与某种模式匹配。re模块使python拥有了全部的正则表达式功能。下面就来介绍一下re模块中的一些函数：re.match 函数re.match 尝试从字符串的起始位置匹配一个模式，如果不是起始位置匹配成功的话，match()就返回none。否则返回一个匹配的对象。语法：re.match(pattern, string, ...

转载 http状态码大全

响应码由三位十进制数字组成，它们出现在由HTTP服务器发送的响应的第一行。响应码分五种类型，由它们的第一位数字表示：1.1xx：信息，请求收到，继续处理2.2xx：成功，行为被成功地接受、理解和采纳3.3xx：重定向，为了完成请求，必须进一步执行的动作4.4xx：客户端错误，请求包含语法错误或者请求无法实现5.5xx：服务器错误，服务器不能实现一种明显无效的请求下表显示每个响应码及其...

转载 网络爬虫是什么

转载：https://blog.csdn.net/zw0Pi8G5C1x/article/details/89078072

原创 ionic4实现半星评分

待完成。。。。。。

原创 python图形化界面编程

使用命令在pycharm中安装easygui:首先打开命令窗口，输入一下命令检查电脑上是否安装pip：$ pip -V没有可以参考一下网址进行pip 安装：https://blog.csdn.net/qq_41397201/article/details/86530306电脑上安装了pip后，使用一下命令进行easygui的安装；$ pip install easygui通过这个命...

原创 学习 pickle

Python 提供的pickle 模块可以用来序列化对象并保存到磁盘中，并在需要的时候读取出来，任何对象都可以执行序列化操作。例如转换一个列表：list = [123,3.14,‘小甲鱼’,[‘another list’]]一般基本操作为：第一步：先以二进制的方式打开一个文件，若文件不存在就会自动创建该文件。pickle_file = open(‘list.pck’,‘wb’);第二步...

原创 OS模块与OS.path 模块的学习

Os.path模块可参考：https://www.runoob.com/python/python-os-path.htmlos模块可参考：https://www.runoob.com/python/os-file-methods.html

原创 python解决汉诺塔问题

汉诺塔问题描述有三根顶针，在第一根顶针上放着若干个盘子，且小盘子在大盘子上面，现把这些盘子从第一根顶针上移动到第三根顶针上，且小盘子依旧在大盘子之上。在移动的过程中可以借助第二根顶针，每次只能移动一个盘子，且小盘子要在大盘子上面，如何移动才能使所有盘子从第一根顶针到第三根顶针上。解决思想：采用递归迭代的方法，先将第n-1个盘子移动到第二根顶针上，让后将第一根顶针上的盘子移动到第`三根顶针上，...

原创 解决ionic4 使用hammerjs手势 press 事件，页面无法滚动问题

press事件可以实现长按屏幕的功能，但使用press事件可能会导致页面无法滚动，这时只需要加一个触摸屏属性，设置触摸方向为y轴方向就可以解决，例如： <ion-card *ngFor="let item of orderList" (press)=" delete(item)" [style.touch-action]="'pan-y'"> </ion-card>...

原创 一张图弄懂 MIT，BSD，Apache几种开源协议之间的区别

转载 混合app的介绍

之前一直听别人说混合app开发，但对混合这个词不是很了解，无意发现一篇博客，感觉解释的还是挺详细的https://blog.csdn.net/qq_29412527/article/details/80796893...

转载 Capacitor

Capacitor:https://www.cnblogs.com/huangenai/p/9887448.html

原创 style中的scoped属性和lang属性

1.scoped属性，是用来专门用于标签元素内部的，它是通过CSS的属性选择器实现的。2.lang属性，普通的style标签支持普通的样式，如果想要启用scss或less ,需要为style元素设置lang属性，用法如下：...

原创 webpack中路由的相关用法

1 如何在webpack中使用路由？1 首先在webpack项目中安装vue-routernpm i vue-router -D2 在main.js中导入vue-router 包并通过Vue.use()明确的安装路由功能import VueRouter from 'vue-router'Vue.use(VueRouter)3,新建几个子组件，并在main.js中导入，如创建两个组...

原创 如何在webpack中渲染一个vue的组件

在webpack构建的项目中渲染一个vue的组件有两种方法：方法一：1，在main.js中进行以下导入：import Vue from "../node_modules/vue/dist/vue"2，在vm实例中注册一个组件 components:{ login:{ template:'<h1>这是一个网页组件定义111</h1>'} }...

原创 在webpack构建的项目中使用vue来开发

首先使用命令安装vuenpm i vue -D1.在main.js中导入vue方法一：import Vue from '../node_modules/vue/dist/vue'方法二：import Vue from 'vue'但是着这种方法还需要在webpack.config.js里面与module平级配置resloveresolve:{ alias:{ ...

原创 webpack中babel的配置

Babel的作用在webpack中默认只能处理一部分ES6的新语法，一些更高级的ES6语法或者Es7语法，webpack是处理不了的；这个时候就需要借助第三方的loader帮助webpack处理这些高级的语法，当第三方loader把高级语法转为低级语法之后，会把结果交给webpack去打包到bundle.js中，通过Babel,可以帮助我们将高级的语法转换为低级的语法Babel的安装及配置：...

原创 webpack中处理第三方loader的过程

webpack 默认只能打包处理JS类型的文件，无法处理其他的非JS类型的文件，如果处理非JS的文件，我们需要手动安装一些适合第三方 loader加载器；1.如果想要打包处理 css 文件，需要手动安装npm i style-loader css-loader -D然后再mian.js文件中导入接着打开webpack.config.js 这个配置文件，在里面新增一个配置节点，叫做modu...