乐胖代购免代理版

前端

nginx

linux

javascript

node.js

原创 2021-07-09 10:59:15 423 阅读

应用康托展开求解指定串在全排序中的顺序及通过顺序求解指定串

康托展开康托展开是一个全排列到一个自然数的双射，常用于构建哈希表时的空间压缩。康托展开的实质是计算当前排列在所有由小到大全排列中的顺序，因此是可逆的。求解指定串在全排序中的顺序比如串 “cdba”排列c时，

算法

原创 2021-07-09 10:58:56 80 阅读

webpack基本配置详细记录

配置入口出口未配置webpack.config.js时，需要在终端输入webpack ./src/main.js ./dist/bundle.js(指定入口出口)来对js文件打包。

前端

webpack

javascript

css

原创 2021-07-09 10:58:46 128 阅读

jQuery的基本使用和理解

什么是jQuery一个强大的JS函数库，封装简化了DOM操作/AjaxjQuery的特点强大的选择器：方便快速查找DOM无疑隐式遍历：一次操作多个元素读写合一：读数据/写数据用的是同一个函数事件处理链式调用DOM操作样式操作jQuery函数：$/jQuery当成函数使用：

前端

js

jquery

javascript

原创 2021-07-09 10:58:31 130 阅读

python 使用aiphttp-requests异步爬取网页

首先，安包aiohttp_requests然后开始导包import asyncioimport aiohttpfrom aiohttp_requests import requests先看一下官网的使用例程>>> import asyncio>>>>>> import aiohttp>>> from aiohttp_requests import requests>>>>>>

爬虫

python

原创 2021-07-09 10:58:21 745 阅读

ts学习笔记

简介TypeScript 是JavaScript 的超集，对js提供了类型标注，使得静态推断成为可能，让一些错误在运行之前就可以被诊断出来。TypeScript 可以编译出纯净、简洁的 JavaScript 代码，并且可以运行在任何浏览器上、Node.js 环境中和任何支持 ECMAScript 3（或更高版本）的JavaScript 引擎中。

前端

typescript

javascript

原创 2021-07-09 10:58:12 174 阅读

利用blob对象预览将上传的图片

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Blob Test</title> <script>

前端

javascript

原创 2021-07-09 10:57:55 448 阅读

为什么Object.prototype.toString可以判断数据类型，而[].toString不行

Object.prototype.toString同时，{}.toString 与 Object.prototype.toString是相等的，因此具有相同的效果[].toString答：因为Object.prototype.toString方法在对象原型链的最末端，而[]在原型链靠前的位置重写了toString方法，

前端

javascript

原创 2021-07-09 10:57:45 474 阅读

SQL注入

宽字节注入原理二次编码注入原理二次注入原理WAF(Web Application Firewall)绕过![在这里插入图片描述]

Web安全

mysql

原创 2021-07-09 10:57:31 520 阅读

开发 mirai QQ机器人起步教程

mirai生态mirai官方生态文档要使用mirai开发QQ机器人，首先要对其生态有一定的了解，因为它太复杂了，坑特别多，所以多了解一点，遇到问题之后解决起来也会更快mirai生态汇总图简单来说，mirai生态的核心是Mirai框架，其中包含了mirai-core及mirai-core-api两部分。

QQ机器人

恰饭

原创 2021-07-09 10:57:15 5827 阅读 1评论

git 克隆项目后拉取其他分支

clone先从远程仓库克隆项目git clone https://github.com/ATQQ/time-control.gitclone 成功切换进入项目目录cd time-control如图：查看clone下来的本地分支git branch可以看到，我们只clone下来了一个main(主)分支同步远程其他分支但有的时候，

工具使用

git

github

原创 2021-07-09 10:56:55 5066 阅读

node 命令行工具起步教程

第一步创建一个文件夹,比如my-cli，将它初始化为一个npm包：$ mkdir my-cli$ cd my-cli && npm init -y第二步创建入口文件。在根目录下新建一个bin文件夹，并在bin文件夹中创建一个叫my-cli.js的文件：$ mkdir bin && cd bin$ touch my-cli.js第三步在my-cli.js中，

前端

nodejs

npm

转载 2021-07-09 10:56:40 128 阅读

.d.ts文件的作用

描述在使用ts的时候，最大的一个好处就是可以给js各种类型约束，使得js能够完成静态代码分析，推断代码中存在的类型错误或者进行类型提示ts完成类型推断，需要事先知道变量的类型，如果我们都是用ts书写代码，并且给变量都指定了明确的类型，这时ts可以很好的完成类型推断工作但是有时，

前端

原创 2021-07-09 10:56:31 1451 阅读

Promise.all和Promise.race的作用

Promise.all所以Promise都返回，或者出现reject才返回值得注意的是，返回的数组结果顺序与传入的promise数组的顺序一致Promise.all成功返回数组,失败返回失败数据,一但失败就不会继续往下走 let p1 = Promise.resolve('aaa')

前端

js

原创 2021-07-09 10:56:19 397 阅读

雷电模拟器+Fiddler抓取APP请求(包括HTTPS)

官网下载新版fiddler：https://www.telerik.com/download/fiddler傻瓜式安装，一路next即可下载并安装Fiddler证书生成器：http://www.telerik.com/docs/default-source/fiddler/addons/fiddlercertmaker.exe?sfvrsn=2 (我没安但是也成功了0.0)打开Fiddler，

爬虫

https

原创 2021-07-09 10:56:09 4873 阅读

浏览器操作文件对象

ArrayBuffer 对象ArrayBuffer对象表示一段二进制数据，用来模拟内存里面的数据。通过这个对象JavaScript可以读写二进制数据浏览器原生提供ArrayBuffer()构造函数，用来生成实例。它接受一个整数作为参数，表示这段二进制数据占用多少个字节。

前端

javascript

html

原创 2021-07-09 10:55:54 330 阅读

浏览器工作原理

页面加载过程正常的加载流程浏览器一边下载HTML网页，一边开始解析解析过程中，浏览器发现<script>元素，就暂停解析，把网页控制权交给JavasScript引擎如果<script>元素引用了外部脚本，就下载该脚本再执行，否则直接执行代码JavaScript引擎执行完毕，将控制权交还渲染引擎，

前端

javascript

html

原创 2021-07-09 10:55:38 181 阅读

BootStrap4.0+响应式显示/隐藏元素

隐藏元素d-none: 无条件隐藏d-sm-none: 设备尺寸大于等于sm时隐藏d-md-none: 设备尺寸大于等于md时隐藏d-lg-none: 设备尺寸大于等于lg时隐藏d-xl-none: 设备尺寸大于等于xl时隐藏显示元素d-sm-block: 设备尺寸大于等于sm时显示d-md-block: 设备尺寸大于等于md时显示d-lg-block:

前端

css

vue.js

reactjs

html

原创 2021-07-09 10:53:21 689 阅读

window.scroll无效、window.onscroll不响应

解决方法document.body.scroll 代替 window.scroll来滚动页面window.onscroll不响应，换成document.body.scroll，同样不响应，网上搜索后，得知是body的高度设为了100%导致的，去掉即可。但是如果页面样式依赖于body的高度，

前端

js

javascript

vue

dom

原创 2021-07-09 10:53:09 2966 阅读

ES6新特性——对象及数组的解构赋值

数组的解构const F4 = ['小沈阳', '刘能', '赵四', '宋小宝'] // 定义一个数组let [xiao, liu, zhao, song] = F4; // 将数组解构，

前端

js

es6

javascript

jquery

原创 2021-07-09 10:52:56 156 阅读

less的介绍和基本使用

lessless是一种动态样式语言，属于css预处理器的范畴，它扩展了css语言，增加了变量、Minix、函数等特性，使css更易维护和扩展less可以在客户端上运行，也可以借助node.js在服务端运行less 编译运行时编译可以在less官网下载less.js文件，并在less样式的下方引入，

前端

css

less

css3

原创 2021-07-09 10:52:44 248 阅读

H5 Web Workers多线程

Web WorkersH5规范提供的js分线程实现解决了js执行时，页面被冻结的问题相关APIWorker: 构造函数，加载分线程执行的js文件Worker.prototype.onmessage: 用于接收另一个线程的回调函数Worker.prototype.postMessage:

前端

js

javascript

html5

jquery

原创 2021-07-09 10:52:17 128 阅读

浏览器中的 Event Loop

浏览器中的 Event Loop执行 JS 代码的时候其实就是往执行栈中放入函数,当遇到异步的代码时，会被挂起并在需要执行的时候加入到 Task（有多种 Task）队列中,一旦执行栈为空，Event Loop 就会从 Task 队列中拿出需要执行的代码并放入执行栈中执行，所以本质上来说 JS 中的异步还是同步行为不同任务源会被

前端

js

javascript

jquery

es6

转载 2021-07-09 10:52:02 129 阅读

CentOS7安装MySQL及配置

基础环境操作系统：CentOS 7.xMySQL版本: 5.7

Linux下的安装及配置

mysql

数据库

sql

linux

转载 2021-07-09 10:51:43 114 阅读

使用http-proxy-middleware中间件代理请求实现跨域方法

跨域跨域是对前端而言的，是浏览器为了网络安全而作出的网络请求限制当请求不在当前host:port时，属于跨域请求，会被浏览器阻止当项目属于前后端分离的项目时，前端代码和后端代码通常不运行在同一个端口，甚至不在同一台主机上。为了使前端能够请求后端提供的接口，需要使用跨域技术http-proxy-middleware跨域原理示意图使用方法– 创建文件夹demo, 运行npm init -y 初始化node项目(首先确保计算机中安装了node.js)– 安装依赖 npm install h

前端

中间件

nodejs

javascript

node.js

原创 2021-07-09 10:51:21 4526 阅读 1评论

使用connect-history-api-fallback库解决单击刷新或输入地址的方式找不到页面的问题

介绍github上是这么介绍这个库的：Single Page Applications (SPA) typically only utilise one index file that is accessible by web browsers: usually index.html. Navigation in the application is then commonly handled using JavaScript with the help of the HTML5 History AP

前端

js

javascript

node.js

前端 js javascript

原创 2021-07-09 10:51:19 662 阅读

使用compression中间件压缩响应数据

介绍The middleware will attempt to compress response bodies for all request that traverse through the middleware, based on the given options.该中间件将根据给定的选项尝试压缩所有经过它的响应数据（换言之，让服务器返回的数据体积更小）使用安装npm install compression引入var compression = require('co

前端

nodejs

javascript

node.js

前端 js javascript

原创 2021-07-09 10:51:17 61 阅读

CSS选择器归纳

基本选择器id选择器 #类选择器 .后代选择器空格元素选择器标签名分组选择器 ,(结合符)通配符选择器 *基本选择器扩展子元素选择器 >– 只匹配到直接后代，不能匹配到深层的后代元素相邻兄弟选择器 +– 只匹配紧跟着的兄弟元素通用兄弟选择器 ~– 匹配所有的兄弟元素分组选择器 ,(结合符)– h1,h2,h3{}属性选择器[attr]– 选择包含attr 属性的所有元素，不论attr的取值为何[attr=val]– 仅选择attr属性被赋值为val

前端

css

css3

html

html5

原创 2021-07-09 10:50:34 58 阅读

CSS优先级判定规则

选择器的特殊性选择器的特殊性由选择器本身的组成确定，特殊性值表述为4个部分，如0,0,0,0一个选择器的具体特殊性如下确定：内联声明的特殊性，加1,0,0,0 对于选择器中给定的ID属性值，加0,1,0,0 对于选择器中给定的各个类属性，属性选择，或伪类，加0,0,1,0 对于选择器中的给定的各个元素和伪元素，加0,0,0,1 通配符选择器的特殊性为0,0,0,0 结合符(,)对选择器的特殊性没有一点贡献继承没有特殊性例：div[id="test"] (0,0,1

前端

css

css3

html

html5

原创 2021-07-09 10:50:32 238 阅读

CSS3 flex弹性布局总结归纳

前端

css

html

flex

css3

原创 2021-07-09 10:50:31 185 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx60e410af77309的博客

欢迎

通过nginx配置跨域解决请求被浏览器阻止的问题

应用康托展开求解指定串在全排序中的顺序及通过顺序求解指定串

webpack基本配置详细记录

jQuery的基本使用和理解

python 使用aiphttp-requests异步爬取网页

ts学习笔记

利用blob对象预览将上传的图片

为什么Object.prototype.toString可以判断数据类型，而[].toString不行

SQL注入

开发 mirai QQ机器人起步教程

git 克隆项目后拉取其他分支

node 命令行工具起步教程

.d.ts文件的作用

Promise.all和Promise.race的作用

雷电模拟器+Fiddler抓取APP请求(包括HTTPS)

浏览器操作文件对象

浏览器工作原理

BootStrap4.0+响应式显示/隐藏元素

window.scroll无效、window.onscroll不响应

ES6新特性——对象及数组的解构赋值

less的介绍和基本使用

H5 Web Workers多线程

浏览器中的 Event Loop

CentOS7安装MySQL及配置

使用http-proxy-middleware中间件代理请求实现跨域方法

使用connect-history-api-fallback库解决单击刷新或输入地址的方式找不到页面的问题

使用compression中间件压缩响应数据

CSS选择器归纳

CSS优先级判定规则

CSS3 flex弹性布局总结归纳