- 博客(171)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 gulp 压缩es6
npm install --save-dev gulp-babel @babel/core @babel/preset-envvar util = require(‘gulp-util’);gulp.task(‘js’, function (done) {gulp.src(’./res/JavaScript.js’).pipe(babel({presets: [’@babel/env’] // es5检查机制})).pipe(uglify()).on(‘error’, function (e
2020-09-18 10:37:55
10792
原创 解决github网站慢
1、进入 C:\Windows\System32\drivers\etc 路径2、打开 hosts0 文件3、在末端加入# GitHub Start 192.30.253.112 github.com 192.30.253.119 gist.github.com 151.101.100.133 assets-cdn.github.com 151.101.100.133 raw.gi...
2020-06-17 09:44:42
10813
原创 JavaScript数据结构之 —— 11动态规划（实例）
在列表中查找数据有两种方式：顺序查找和二分查找。顺序查找适用于元素随机排列的列表；二分查找适用于元素已排序的列表。二分查找效率更高，但是你必须在进行查找之前花费额外的时间将列表中的元素排序。顺序搜索顺序查找，有时也被称为线性查找。从列表的第一个元素开始循环，然后逐个与要查找的数据进行比较。如果匹配到了，则结束查找。如果到了列表的结尾也没有匹配到，那么这个数据就不存在于这个列表中。function seqSearch(arr, data) { for (var i = 0; i < arr.le
2020-05-27 16:29:44
11166
原创 JavaScript数据结构之 —— 10排序算法和搜索算法
目录排序算法冒泡排序选择排序插入排序归并排序快速排序排序算法开始排序算法之前，我们先创建一个数组来表示待排序和搜索的数据结构：function ArrayList(){ var array = []; //存储 this.insert = function(item){ //添加元素 array.push(item); }; this.toString= function(){ //方便查看数组输出结果 return array.join(); };}网上找的一张图:冒泡排
2020-05-26 18:15:37
552
转载 ES6--18 遍历器生成 -- async 函数
目录async 函数含义基本用法语法返回 Promise 对象Promise 对象的状态变化await 命令错误处理使用注意点与其他异步处理方法的比较async 函数含义ES2017 标准引入了 async 函数，使得异步操作变得更加方便。async 函数是什么？一句话，它就是 Generator 函数的语法糖。const gen = function* () { const f1 = yield console.log('1'); const f2 = yield console.log
2020-05-26 09:18:20
214
转载 ES6--17 遍历器生成 -- Generator 函数
Generator 函数的语法简介基本概念Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同。执行 Generator 函数还是一个遍历器对象生成函数。返回的遍历器对象，可以依次遍历 Generator 函数内部的每一个状态。形式上，Generator 函数是一个普通函数，但是有两个特征。一是，function关键字与函数名之间有一个星号；二是，函数体内部使用yield表达式，定义不同的内部状态（yield在英语里的意思就是“产出”）。function
2020-05-25 16:32:18
692
原创 linux 解决时间相差8小时问题
linux 查看日期信息先改硬件时间再改系统时间重设系统时区信息利用timedatectl查看，OK问题解决
2020-05-20 10:37:35
7273
原创 CSS 盒子模型，绝对定位和相对定位
盒子模型什么是盒子模型在HTML文档中，每个元素都有盒子模型。由外到内分别为最外边距区域(margin area)，边框区域(border area)，内边距区域(padding area)和内容区域(content area)。一个简单的例子：<div class="content"></div>.content { width: 200px; height: 200px; margin: 50px; border: 25px solid
2020-05-18 10:25:54
1677
原创 gulp压缩的z-index被改写为1
问题描述：原始 css 文件 z-index 属性值大于1，压缩后 z-index 属性值等于1。解决方法：.pipe(cssnano({zindex: false})) // 防止 z-index属性被改写
2020-05-15 15:09:19
234
原创 nginx 配合 lua 打印响应报文和请求报文日志
下载安装LuaJIT - LuaJIT-2.0.5# wget http://luajit.org/download/LuaJIT-2.0.5.tar.gz# tar -zxvf LuaJIT-2.0.5.tar.gz# cd LuaJIT-2.0.5# make && make install下载nginx lua模块 - lua-nginx-module-0.10.10# wget https://github.com/openresty/lua-nginx-module
2020-05-12 15:52:08
4334
原创 Linux 虚拟机联网 connect: Network is unreachable
解决方法：cd /etc/sysconfig/network-scripts/ vi ifcfg-ens3最下面的这个改为 yes。重启service network restart成功
2020-05-11 18:04:22
879
原创 linux 搭建 ftp 的一点小问题
事实证明linux上使用nginx也是可以转发FTP请求的。通过xshell、xftp都可以正常访问。nginx配置文件的方法和SFTP、TCP他们是一样的，都是使用 stream 模块监听端口并转发。问题一：找不到 FTP 命令Linux不能使用FTP 命令 -bash: ftp: 未找到命令安装 ftp-0.17-51.1.el6.x86_64.rpm 包即可访问，百度下一个。rpm -ivh ftp-0.17-51.1.el6.x86_64.rpm问题二：could not read c
2020-05-11 17:17:42
418
原创 nginx 代理转发 FTP
这里实现的 FTP 转发，其实和 SFTP 转发是一样的。详情见我的另一篇文章 Nginx代理转发SFTP上次写的 代理转发 SFTP 是在 linux 上测试的，本篇文章则是在 Windows 环境下测试的。关于 Windows 环境怎么搭建 FTP 服务器，请参阅我的另一篇文章 图解 —— Windows 下 FTP 服务器搭建及验证全过程配置文件同样打开 nginx.conf 配置文件，做如下配置，和SFTP的转发配置完全一样stream { upstream ftp{ .
2020-05-09 12:21:33
29585
16
原创 图解 —— Windows 下 FTP 服务器搭建及验证全过程
搭建过程为windows开启ftp功能创建 FTP 登录用户新建 SSL 证书创建 FTP 站点为用户开通访问权限浏览器登录验证命令行登录验证为windows开启ftp功能控制面板–>程序–>启动或关闭Windows功能将如图的选框选中创建 FTP 登录用户也可以使用管理员账号，这里创建一个用户专门访问FTP服务器的右键我的电脑–>管理–>系统工具–>本地用户和组–>右键用户–>新用户新建成功新建 SSL 证书证书用于FTP创建站点使
2020-05-09 10:41:30
4451
2
转载 ES6--16 遍历器 Iterator 和 for...of 循环
Iterator 和 for…of 循环Iterator（遍历器）的概念JavaScript 原有的表示“集合”的数据结构，主要是数组（Array）和对象（Object），ES6 又添加了Map和Set。这样就有了四种数据集合，用户还可以组合使用它们，定义自己的数据结构，比如数组的成员是Map，Map的成员是对象。这样就需要一种统一的接口机制，来处理所有不同的数据结构。遍历器（Iterato...
2020-05-08 18:30:20
297
原创 JavaScript数据结构之 —— 09二叉查找树（二叉搜索树）
树结构对比于数组/链表/哈希表有哪些优势数组：优点：可以通过下标值访问，效率高；缺点：在插入和删除元素时，需要大量的位移操作；链表：优点：数据的插入和删除操作效率都很高；缺点：查找效率低，需要从头开始依次查找，直到找到目标数据为止；当需要在链表中间位置插入或删除数据时，插入或删除的效率都不高。哈希表：优点：哈希表的插入/查询/删除效率都非常高；缺点：空间利用率不高，底层使用的数组...
2020-05-07 18:25:19
516
原创 JavaScript数据结构之 —— 08哈希表
散列算法(也就是哈希)的作用是尽可能快地在数据结构中找到一个值。在之前如果要在数据结构中获得一个值（使用get方法），需要遍历整个数据结构来找到它。所有元素根据和该元素对应的键，保存在数组的特定位置，该键和字典中的键是类似的概念。使用散列表存储数据时，通过一个散列函数将键映射为一个数字，这个数字的范围是0 到散列表的长度。哈希表简介哈希表的结构就是数组，但它神奇之处在于对下标值的一种变换...
2020-05-06 11:30:21
389
原创 JavaScript数据结构之 —— 07数组字典和对象字典
字典是一种以键- 值对形式存储数据的数据结构，就像电话号码簿里的名字和电话号码一样。要找一个电话时，先找名字，名字找到了，紧挨着它的电话号码也就找到了。这里的键是指你用来查找的东西，值是查找得到的结果。与Set类相似，ECMAScript 6同样包含了一个Map类的实现，即我们所说的字典。字典和集合很相似，集合以[值，值]的形式存储元素，字典则是以[键，值]的形式来存储元素。字典也称作映射。...
2020-04-29 17:43:58
776
原创 JavaScript数据结构之 —— 06数组集合和对象集合
集合是由一组无序且唯一（即不能重复）的项组成的。这个数据结构使用了与有限集合相同的数学概念，但应用在计算机科学的数据结构中。还有一个概念叫空集。空集就是不包含任何元素的集合。你也可以把集合想象成一个既没有重复元素，也没有顺序概念的数组。没有顺序意味着不能通过下标值进行访问，不能重复意味着相同的对象在集合中只会存在一份。在ES6中的Set类就是一个集合类，这里我们重新封装一个Set类，了解...
2020-04-29 17:14:37
360
原创 JavaScript数据结构之 —— 05双向链表
双向链表和普通链表的区别在于，在链表中，一个节点只有链向下一个节点的链接，而在双向链表中，链接是双向的：一个链向下一个元素，另一个链向前一个元素，如下图所示双向链表简介链表结构总结单向链表有head和next两个属性，双向链表有head、tail、next、prev四个属性。处理好它们的指向，相当于将它们正确地连接在一起，这样就组成了一条链，这就是简单链表的实现删除节点的原理只要没...
2020-04-29 16:09:10
213
原创 VMware 安装 Mac 虚拟机
安装步骤第一步 安装 VMware Workstation 虚拟机第二步 关闭 VMware 所有服务第三步 运行补丁第四步 创建虚拟机第五步 配置文件第六步 运行虚拟机第七步 解决问题第八步 安装 Mac 系统重新安装 Mac 系统第一步 安装 VMware Workstation 虚拟机安装 VMware Workstation 虚拟机，默认安装，一直点击下一步即可。注册码百度...
2020-04-29 15:00:53
1677
原创 win10 查看、关闭进程命令（nginx 为例）
查看nginx进程tasklist /fi "imagename eq nginx.exe"杀掉nginx进程taskkill /f /pid 25720 /pid 7556查看命令使用方法tasklist /?查看所有进程tasklist
2020-04-29 11:45:15
9760
1
原创 gulp4 构建简单的服务器(gulp-connect)并实现自动刷新(livereload)
iveReload可以理解为即时刷新，编辑器内容发生改变时，页面实时刷新，不用开发者手动点击刷新按钮就可以看到修改效果。实现原理：通过在本地开启一个websocket服务，检测文件变化，当文件被修改后触发livereload任务，推送消息给浏览器刷新页面。安装 gulp 及依赖安装 gulp 命令行工具npm install --global gulp-cli**在项目目录下创建 ...
2020-04-28 11:10:26
686
原创 gulp4 代码压缩及合并实例
安装 gulp 及依赖安装 gulp 命令行工具npm install --global gulp-cli在项目目录下创建 package.json 文件npm init安装 gulp，作为开发时依赖项npm install --save-dev gulp安装依赖# HTML、JavaScript、CSS压缩npm install --save-dev gulp-htmlm...
2020-04-28 10:57:59
434
原创 nginx 配置指定接口解决跨域问题
返回服务器时间的例子：location /getTime { add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Methods 'GET,POST'; add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Aliv...
2020-04-28 09:01:38
1828
原创 JavaScript数据结构之 —— 01数组基础
JavaScript中对数组的定义数组的标准定义是：一个存储元素的线性集合（collection），元素可以通过索引来任意存取，索引通常是数字，用来计算元素之间存储位置的偏移量。几乎所有的编程语言都有类似的数据结构。然而JavaScript 的数组却略有不同。JavaScript 中的数组是一种特殊的对象，用来表示偏移量的索引是该对象的属性，索引可能是整数。然而，这些数字索引在内部被转换为字符...
2020-04-24 15:53:30
179
原创 关于媒体查询与响应式设计
一句话概括响应式网页设计如果要用一句话概括响应式网页设计，我觉得它是针对任意设备对网页内容进行完美布局的一种显示机制。响应式网页设计这个术语还有一堆表示相同意思的其他叫法，如流式设计、弹性布局、塑料布局、流体设计、自适应布局、跨设备设计以及弹性设计。进入了响应式网页设计的教堂，就不要再迷恋像素（px）这个度量单位，因为大多数情况下我们不会用像素，而会使用相对度量单位（em 或百分比）。媒体...
2020-04-24 10:55:07
475
原创 H5 离线缓存及 Nginx 服务器配置
离线缓存什么是Application CacheApplication Cache 的优势离线Web应用的运行机制manifest 文件内容示例理解manifest 文件页面被自动加载到离线缓存版本注释的用途nginx 服务器配置查看离线缓存的效果什么是Application CacheHTML5 的应用缓存（application cache），或者简称为appcache，是专门为开发离线W...
2020-04-23 18:24:14
840
原创 解决qrcode生成的二维码微信长按不识别问题
问题描述QRcode 生成二维码，展示到页面，微信打开，长按二维码没反应。而直接放二维码图片上去可以识别。问题原因手机兼容问题qrcode在页面生成二维码时，会生成一个canvas标签和一个img标签。在电脑浏览器上调试的时候，发现生成二维码之后canvas标签是会自动隐藏的，然后展示img标签，我们看到和识别的其实是图片。本来那个canvas应该是隐藏的，不过部分安卓机里面，can...
2020-04-21 19:18:27
10487
1
原创 JavaScript--25 构造函数的误用问题（this 指向 window）
构造函数其实就是一个使用new 操作符调用的函数。当使用new 调用时，构造函数内用到的this 对象会指向新创建的对象实例，如下面的例子所示：function Person(name, age, job){ this.name = name; this.age = age; this.job = job; console.log(this)}var person = new Per...
2020-04-16 17:14:29
485
原创 Android端微信开发者调试H5页面
1、微信端打开 http://debugx5.qq.com2、打开微信 TBS 调试3、然后在谷歌浏览器地址栏输入chrome://inspect/#devices4、点击想要调试的页面下的inspect即可参考微信下调试H5页面——作者：Stone的进击之路...
2020-04-10 11:03:54
766
原创 H5 关闭微信或支付宝浏览器
微信或支付宝关闭浏览器// 判断是否在微信或QQ浏览器内var isAliOrWx = function() { var typeBower = ''; var ua = navigator.userAgent.toLowerCase(); if(ua.match(/Alipay/i)=="alipay"){ typeBower = 'ali'; ...
2020-04-10 10:25:24
1002
原创 JavaScript 刷题 —— 四
本节目录第一题：字符串转换为二进制第二题：二维数组相加第三题：判断三边能否构成三角形第四题：返回字符串中第一个有重复值的元素第五题：循环加减乘除第六题：数组配对第七题：所有单词首字母大写第八题：比较字符串相同位置元素第九题：只对数字数组的奇数进行排序第十题：获取范围内所有质数第一题：字符串转换为二进制题目a+b 的结果保存为二进制字符串代码function addBinary(a,b...
2020-04-07 09:54:04
382
原创 JavaScript 刷题 —— 三
题目列表第一题：数字转换为字符串第一题：数字转换为字符串题目sumStrings(‘1’,‘2’) // => ‘3’注意的地方在于大数字的计算会被转换为科学计数法，并且会省略一部分数字，所以把科学计数法转换为正常十进制的结果不对这里可以看出 toString 和 toLocalString两个方法的区别我们需要的是：712577413488402631964821329to...
2020-04-02 11:27:56
467
窗口口最前前.zip
2020-05-29
nginx-tcp-lua-module.zip
2020-05-15
nginx安装部署手册-v1.2.doc
2020-05-14
Nginx代理SFTP和TCP协议通讯测试.docx
2020-05-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人