generalfyx-CSDN博客

前言能改动文档上下文堆叠的顺序的情况the root element (HTML), positioned (absolutely or relatively) with a z-index value other than "auto", a flex item with a z-index value other than "auto", elements with an opacity value less than 1, elements with a transform value

2021-04-23 14:23:38 573

原创正则-捕获组合反向引用

码代码这么久，还没正经的总结过什么知识，闲来无事，就索性总结归纳下自己的正则水平，供自己以后复习巩固。1.正则的捕获组何为捕获组，就是正则中带有小括号内容的正则，这种正则默认是贪婪的，捕获且匹配的；那贪婪、捕获且匹配又是什么意思？举例来讲/test(s)/.exec('testssssssss') (2) ["tests", "s", index: 0, input: "testssssssss", groups: undefined]// [匹配结果, 捕获组1, 捕获组2, .

2021-01-04 15:33:53 241

转载 node环境实现console输出不同颜色

一、输出规则分析1、输出及打印如下：console.log('\x1B[31m%s\x1B[0m', '这是红色')console.log('\x1B[36m%s\x1B[0m', '这是青色')2、规则说明 \x1B[31m是一个转义序列，它将被您的终端拦截并指示它切换到红色。\x1B是不可打印控制字符的代码escape。仅处理颜色和样式的转义序列也称为ANSI转义码并且是标准化的，因此它们（应该）可以在任何平台上工作。这里可以指定多种样式\x1B[31m\x1B[42...

2020-09-18 17:04:38 2219

原创 chrome控制台小技巧

1.如何获取dom元素的数据结构鼠标选中你想到查找的元素，然后再控制台输出$0即可取到该dom元素；用这个方法可以快速获取到form表单预算里的value值；比较方便；2 复制http请求回来的内容，或者拿到json字符串转换后的数据结构第一步：选中要转换的数据结构；第二步：右键 store global variable;就可以在控制台看到打印的数据3 $_变量该变量表示控制台上一步打印出来的值；你试一下就明白了；4 作为编辑器环境我们常常会用到

2020-08-28 17:52:42 320

转载（转）Webpack 热更新实现原理分析

概述在使用 Webpack 构建开发期时，Webpack 提供热更新功能为开发带来良好的体验和开发效率，那热更新机制是怎么实现的呢？代码实现Webpack 配置添加 HotModuleReplacementPlugin 插件new webpack.HotModuleReplacementPlugin({ // Options...})Node Server 引入 webpack-dev-middlerware 和 webpack-hot-middleware 插件，如果是 .

2020-08-03 10:46:46 464

原创哈密尔顿路径问题解析

问题描述哈密尔顿路径属于旅行商问题，是一个NP完全问题，即没有一个合适的算法来解决它，只能用朴素算法(也就是通常所说的暴力算法)去进行优化。但这类问题的时间复杂度是极其可怕的O(n!)，当n比较小的时候，还可以通过暴力法解决，但当n=15的时候，15!=1307674368000;已经达到了万亿级别；你可以想象下就算以计算机的计算能力，也要跑多久才能解出答案；所以NP问题最常用的解法是近似解，即无解，寻找大概率出现的近似解；Hamilton路径的定义：在一张图中，从点0到点n-1不重不漏的恰好经过每

2020-07-31 16:31:41 5125

原创 IE浏览器滚动条与悬浮层的问题

问题问题场景出现在angular overlayer悬浮层，当悬浮层底部的dom结构处于正常的文档流中时，并存在滚动条，这个时候悬浮层内会出现一个奇异的bug现象：当悬浮层父级处于文档流，但内容由于布局，脱离了文档；悬浮层内容由于脱离了根文档，所以会产生属于自己的滚动条；当根文档出现了滚动条，悬浮层也出现了文档流，这个时候现象就出现了悬浮层出现后，只要鼠标移动出悬浮层的内容范围，就会快速的闪现一下解决办法这里提供两种1，把悬浮层最底层的滚动设置为scroll；因为当鼠标移出悬浮层的可是

2020-07-30 15:05:35 449

转载 KMP算法--字符串匹配

字符串匹配是计算机的基本任务之一。举例来说，有一个字符串"BBC ABCDAB ABCDABCDABDE"，我想知道，里面是否包含另一个字符串"ABCDABD"？许多算法可以完成这个任务，Knuth-Morris-Pratt算法（简称KMP）是最常用的之一。它以三个发明者命名，起头的那个K就是著名科学家Donald Knuth。这种算法不太容易理解，网上有很多解释，但读起来都很费劲。直到读到Jake Boxer的文章，我才真正理解这种算法。下面，我用自己的语言，试图写一篇比较好懂的KMP

2020-07-02 17:16:20 87

原创前缀和算法应用

前缀和算法主要应用于连续子数组的问题，包括矩阵；必要条件：连续性，子数组，与和可以联系上一：题目链接：子段求和如果我们不用sum[i]保存前i项的和，那么每次查询都要遍历一遍，如果记录下来，那么后面的查询直接相减就可以了。延伸：子数组的和的问题，具有一定的规律性见 leetcode974 和可被 K 整除的子数组二：题目链接：最大子矩阵这是我们比赛中的一道题目，没有见过这种题型，所以上来就是各种循环遍历，果然超时了。后来看师哥题解才知道原来这是经..

2020-05-27 16:06:27 570

转载 floyed判圈算法

点击查看原文一、算法简述Floyd判圈算法（Floyd Cycle Detection Algorithm），又称龟兔赛跑算法（Tortoise and Hare Algorithm），是一个可以在有限状态机、迭代函数或者链表上判断是否存在环，以及判断环的起点与长度的算法。二、基本思路本质是设置两个指针，分别为快慢指针，快指针如果检查对象存在环，那么这两个指针肯定会相遇，此时相遇的点满足慢指针走过的节点数*2=快指针走过的节点数；i = m(环的入口距离节点的其实位置) + k（相遇点距离入口

2020-05-27 15:51:45 202

原创创建自己的命令行--脚手架必备

一手工抛开npm工程化添加命令，一开始想着配置环境变量的都是都是把命令的执行程序的路径添加进去，那么如果我们自己想要执行的命令不也就可以这样，摸索了一番，最后上网查了一下资料果然验证了我的想法，在这里记录下。开始，想要写一个js脚手架工具的cli，那肯定要有自己的命令行；其次，要知道命令行其实本质都是在cmd或者shell命令，那么我们需要知道如何取创建自己的命令行；创建命令行的...

2020-04-10 11:29:09 910

原创认知下一代框架组件--自定义元素

自定义元素Web Components1.customElements2.用法3 **用例讲解**简单汇总Web ComponentsWeb ComponentsWeb Components标题标准非常重要的一个特性是，它使开发者能够将HTML页面的功能封装为 custom elements（自定义标签），而往常，开发者不得不写一大堆冗长、深层嵌套的标签来实现同样的页面功能。这篇文章将会介绍...

2020-03-30 16:25:54 231

原创 Switch 和IF的区别认知记忆

Switch 和IF的区别认知记忆Switch...caseif...else总结Switch…caseswitch的用法其实不用介绍，在我们阅读书籍的时候可能会碰到编者的建议，尽量减少if语句，用switch语句来替代。但大多没有讲解其原因。我们看babel编译后的代码也能看出，尽管我们使用if语句来写的代码，最后都有一些会转换成其他的语句代码块来替代。当然这不是必然的。跳转表swit...

2020-03-30 11:03:47 1642

原创 angular应用PWA中缓存资源的路径问题（deployUrl）

引言Angular自带PWA NPM包可以供我们使用，减少了我们自己对service Worker的配置，但在应用中总会出现一些问题，这些问题可以通过虚拟路径ngsw/state来详细查看。问题现象前段时间在离线应用部署中发现，当我们的Deploy Url即项目名存在时，离线资源总是会请求网络资源，并且不会缓存到worker中，后来查看ngsw/state发现service worke...

2020-02-12 10:55:01 701

原创一步一步写出自己的Promise源码

先贴出代码；const PENDING = 'pending';const FULFILLED = 'fulfilled';const REJECTED = 'rejected';class AbsPromise { constructor() { this.value = ''; this.status = PENDING; ...

2020-01-13 17:31:10 152

原创 NVM的卸载与node重装之间的碰撞

故事呢发生在某天的早上，这天早上打开公司的办公桌面，日了狗的node不见了，为啥会不见了，真是百思不得其解啊。后来想了一下，上周五的时候我好想在办公桌面安装了nvm，但是呢，因为他把电脑命令变量的配置和node有关的删了，但由于nvm不能够连接到之前安装的node，所以node的环境变量就全部丢失了。怎么办呢？nvm肯定是不能用了，如果能用的话，上周五我就用了，因为办公桌面没有网络环境...

2019-11-25 11:02:59 1160

原创 TYPESCRIPT typescript中如何继承Array、Error等原生数据结构类

在项目中发现，ES6中的Array原生类的继承在TS中无法实现了，子类定义的方法不见丢失了，代码编译后其实发生了变化（在2.1.5之后），至于为什么会发生这种现象，miscrosoft给出的解释是In ES2015, constructors which return an object implicitly substitute the value of this for any ca...

2019-11-11 15:53:12 901

原创 angular-父子组件之间通信的总结

一：父组件->子组件通信1.setter访问器属性通过set和get来定义子组件的属性，来实现父组件到子组件的数据传输private _o_ = '';public get o(){ return this._o_;}public set o(value){ this._o_ = value;}set可以省略，若省略就是只读属性。作为数据传输会报错...

2019-09-17 17:01:38 271

原创 mysql8.0.16版本修改密码以及设置无需密码登录

引言密码忘记了，尴尬怎么办；报了10045的错误，怎么办；蒙逼中。answer：只能修改密码了。上一次接触数据库已经是一年前的事情了，怎么弄？？？只能寻求帮助了。但是发现网上的博客一大堆，几乎没有能够解决问题的，最终自己一通乱尝试，最后完成了密码的重置工作。mysql的版本定位在8.0.16；对，就是这个问题。你不用怀疑，就是密码错误了；错误代码10045另：错误代码100...

2019-07-17 16:45:51 2889 1

原创如何在同一条npm命令行中启动两个本地的server

引言最近在本地做mock-server的时候，需要起本地的server，同时也需要起一个mock的server，我这里用的是json-server。这样就需要在script里新建一个server的脚本命令。&&：这个时候用&&并不会成功，只会执行前面的那个命令。解决办法：我们需要借用一下concurrently这个工具执行npm ins...

2019-07-15 15:10:54 646

原创 TYPESCRIPT采坑-手记

（跟新中。。。）1.通过TS检测的万金油let a as unknown as any//嵌套函数即函数内命名函数及调用，TS检测不到const fn: (a: string[], cb: () => void ) => nerver = function(){ const annoy = function(){};// annoy就会逃脱TS的类型检测，因...

2019-07-11 18:13:01 366 1

原创 Typescript类型判断之兼容性

一：浅议引文---在基于名义类型的类型系统中，数据类型的兼容性或等价性是通过明确的声明和/或类型的名称来决定的例如在Java中的定义 String string = 'java',我们必须给string显式的生命是String类型的，在TS中，所有的数据类型基本都是结构类型，我们通过new操作符构造出来的数据，都会根据其结构成员来分析出其结构类型；例如：class An...

2019-07-10 17:09:04 435

原创 canvas生成图片验证码

其实这个东西是很简单的东西了，我自己很久没有动过canvas了，所以就写着玩了下。只放下简单的代码，逻辑基本上是那一套逻辑。<!doctype html><html><head> <title>canvas</title> <meta charset="utf-8"> <style...

2019-06-17 16:06:57 513

原创为npm依赖包单独设置镜像源

在修改过全局的镜像源之后，会出现某个依赖包不存在，那么很快just do itnpm i @a --save-dev --registry=https://registry.npm.taobao.org

2019-06-06 11:14:04 6269

原创用canvas做出自己的500页面

canvas的基本用法大家查找文档就可以了，这里只放代码，代码很简单；<!doctype html><html><head> <title>canvas</title> <meta charset="utf-8"> <style> ...

2019-06-05 16:44:14 379

原创理解React的高阶组件

一介入javascript的高阶函数在JS中，我们知道函数即为对象，它可以作为参数传入另一个函数中，也可以作为函数返回，那么这就很容易理解JS中的高阶函数了。比如说回调函数、参数柯里化（最主要的特征就是将函数作为参数，返回一个单参数调用的函数），ES7中的装饰器等要了解高阶函数的应用，可以点此。二高阶函数在React中的应用--高阶组件A higher-order compon...

2019-06-04 18:03:32 367

原创字符串与编码

在实际项目中遇到了很多与编码有关的问题，现在总结一下1，URI编码ES5中新加了encodeURI与encodeURIComponent的方法，encodeURI保留了一些字符，例如请求中参数的&？等，encodeURIComponent只是对URI的一部分进行编码，同样会保留一部分字符，比如空格（建议按照encoded的方法将空格转为人为+），MDN提供的修正方法funct...

2019-05-28 15:24:36 122

原创 Python知识快速过滤(二)

一：Number类型复数类型complex包含real和imag两个属性内置方法abs（x）返回数值的绝对值，x可以为int，float，bool和complex，其他类型的数据会报错；pow(x,y[,z])相当于math.pow(x,y)%zround(x,b)奇进偶弃存在精度问题，尽量不要使用，此外提供了fractions分数类型的支持from fractions...

2019-05-28 13:44:33 174

原创基于node的中英文翻译同步与排序

上一篇用java写的感觉paojava代码还要配置环境以及安装jar包，不如直接跑node，直接贴代码。let fs = require("fs");class TakeJson{ static compileStirng(key, string) { return "\"" + key + "\"" + string; } constructor(url){ ...

2019-05-24 17:31:41 186

原创基于JAVA环境的实现多语种翻译JSON文件的同步与排序

在web开发中，需要提供多国语言的json静态文件，前期开发还好，后期维护上就会麻烦，而且比较乱，闲暇之余，用java写了个插件。直接放代码（丑陋的代码勿喷package emrApp;import java.io.File;import java.io.FileInputStream;import java.io.FileNotFoundException;import java...

2019-05-24 15:03:04 342

原创基于angular6的滚动条组件

简要说明：依赖于angular6框架，也可以延伸到其他框架。scroll-bar.directive.tsimport { Directive, HostBinding, ElementRef, Host, HostListener } from '@angular/core';import { hostElement } from '@angular/core/src/render...

2019-05-16 18:18:23 3199 1

原创 Python知识快速过滤(一)

1 前言PYTHON与其他语言一样跨平台，类似于其他语言，需要执行环境的安装，直接下载安装python就可以https://www.python.org/最新的版本（python 3.x后的版本安装可以直接配置环境变量，无须手动配置）；linux下xshell配置 PATH=$PATH:user/local/python3/bin/python3windows下命令行 se...

2019-05-16 18:06:20 153

原创前端知识点汇聚

1.DateDate.setFullYear(params);2.es5遍历方法forEach for（in） Object.keys Object.getOwnPropertyNames es6 :Object.getOwnPropertySymbols for(of)3.变量声明var function let const symbol class4.对象声明表...

2019-05-07 20:08:16 188

原创 Ajax事件队列，降低并发请求对服务器的压力

/*******************-------------注释掉的是通过types来判断是否是轮训的请求，如果是types==1，那么则是由注册机----------********************-------------自动判断下次的执行，如果超过时间过久，那么可以再添加Settimeout再起启动当前-----------********************---...

2018-09-14 10:40:35 579

原创前端优化个人经验

以下为个人在平常工作中一些见解，不对之处多多给出宝贵意见。项目：静态资源分离，静态资源路径由前端配置（nodeJS，Nginx代理分发）；资源压缩：冗杂代码量减少（代码质量，代码重构还是必要），图片压缩和雪碧图，代码压缩代码：数据缓存和http缓存对一些和采集不相关的数据只用在页面加载时请求一次，或利用http request的头 Last-Modifed属...

2018-09-14 09:45:41 131

原创如何确保获取到最顶层的global对象

示例代码方法1var gloabl = typeof window !=="undefined"? window : typeof process == "object" && typeof require == "function"&& typeof global =="object"?

2018-09-07 10:31:44 346

原创点击a标签触发文件下载

一般文件下载的方法：1.生成a标签，href='文件地址'，click（）；2，生成form的提交；两种方法都需要click（）；而jQuery的trigger（）对a标签无用；解决办法： 1.利用js的click（）方法去触发；2.var a = $('<a href="'+res.href+'" download="'+res.fil...

2018-09-05 15:59:56 4257

深入浅出Webpack（中文版）.rar

空空如也