- 博客(33)
- 收藏
- 关注
RSS订阅原创 记一次三种ts编译工具的测试
在一次webpack优化中 , 对于原项目的ts编译器做了多个编译器的研究 , 经过筛选 , 共有四种ts编译器入选 , 分别是 , ts-loader , babel-loader , swc-loader , 此次测试都是在webpack v5.56.0的环境下进行编译器测试1. ts-loader首先先来测试ts-loader测试代码如下// webpack.config.jsmodule.exports = { entry: [ path.resolve('./src/d.
2021-12-23 15:39:59
1501
原创 ESLint检测部分源码解读
## 写在前面以下是我阅读eslint源码的过程 , 在这过程中 , 我首先会自己写一个eslint插件的demo , 然后自己定义一个规则 , 然后再进行检测 , 根据调用栈迅速的一步一步看下去 , 大致知道是怎么样的流程后 ; 接着再重新拆分每一步是怎么做的 , 分析规则和插件的运用 , 从而更加巩固自己对于eslint插件的开发 ; 基于这个想法 , 我们就开始吧##### 在大致流程中会交代eslint的修复过程 , 但是也是大致的说明一下 ; 详细拆分的过程是没有分析修复过程的
2021-12-04 11:49:38
162
原创 页面显示空格数和dom结构显示空格数不一致问题
一个空格引起前后端编码格式问题今天在做业务的时候，测试那边发来一个bug，说我空格出现不完整，我看了一下这边页面，发现有空格啊，我回去跟测试说：有空格啊；然后测试给我发来一张图wtf！！！这是什么鬼然后我打开了一下调试窗口发现dom结构是正常的因为html会自动处理多个空格压缩成一个空格问题，因为后(s)台(b)没有使用 或者是 %20 进行转译，直接使用了空格解决方案没办法了后台大佬又不肯改，只能前端来修改了下面是修改后的效果这里使用了 标签进行修改，下面是pre标签
2020-05-19 18:35:52
482
原创 一个关于微信分享的小坑
场景今天在做app分享h5页面到微信的时候，分享出去后，页面的某个请求是根据url上面的from参数进行请求数据的，然后发现一直取到from参数都是错误的；后来发现通过微信浏览器右上角的分享，微信浏览器会自动给url拼接参数，首先分享到好友是from=singlemessage&isappinstalled=0，分享到朋友圈是from=timeLine&isappinstall...
2020-04-30 16:52:40
330
原创 爬虫系统以及robots协议
爬虫爬虫，是一种自动获取网页内容的程序。是搜索引擎的重要组成部分，百度会定期去爬取网页，做语义化分析，分析出对应数据库里面的索引，因此搜索引擎优化很大程度上就是针对爬虫而做出的优化。只要爬虫爬出来的东西给力，用户搜索出来的东西给很有用robots协议搜索引擎里面有一个很重要的东西robots协议，就是一个正常的文本文件，只要建一个txt文件，名为robots.txt，放到网站的根目录下，r...
2020-04-22 14:16:17
357
原创 国家纪念日引起的一个css属性思考 ------ filter属性
前言2020年4月4日早上10点 , 全国性哀悼活动正式开展 , 在向逝去的生命和前线壮烈牺牲的烈士致哀同时 , 依旧不忘加班 , 如往常打开浏览器 , 然后发现 , 基本上所有的网站都变灰了 , 在哀伤的同时 , 就想到一个问题 , 这样全部颜色和交互效果都变灰了 , 到底是怎么做的 , 具体的工作量是多大呢 ? 带着这个问题 , 我开始我的探索之旅先来几张已经发生底色改变的网站CS...
2020-04-04 14:00:52
402
原创 深究create-react-app初始化项目巨慢的问题
场景今天本来心情好好的 , 按照往常一样 , 我准备开始一个新的项目 , 兴高采烈的打开cmd , 输入npx create-react-app xxx-project ; 舒服(煎熬)的等待中 , 居然10分钟过去还是Installing packages. This might take a couple of minutes.Installing react, react-...
2020-04-03 15:51:13
4237
1
原创 JavaScript 中的相等性判断及类型转换解释
此篇文章是参考MDN的JavaScript 中的相等性判断常见比较两个值相等的方法有四种 非严格相等 == 严格相等 === 常用于 a. Array.prototype.indexOf b. Array.prototype.lastIndexOf c. case-matching 同值零：用于 %TypedArray% 和 ArrayBuffer 构造函...
2020-04-02 10:59:56
268
原创 这里稍稍记录一下null和undefined
这两个值几乎没有什么区别，我们都知道这两个值都表示无的意思，他们的历史也简单的说一下吧原来，这与JavaScript的历史有关。1995年JavaScript诞生时，最初像Java一样，只设置了null作为表示"无"的值。根据C语言的传统，null被设计成可以自动转为0。Number(null)// 05 + null// 5但是，JavaScript的设计者Bren...
2020-04-01 20:46:12
166
原创 整数反转
给出一个 32 位的有符号整数，你需要将这个整数中每位上的数字进行反转。解释32 位的有符号整数即数值范围为 [−2^31, (2^31) − 1]之类示例 1:输入: 123输出: 321示例 2:输入: -123输出: -321示例 3:输入: 120输出: 21注意:假设我们的环境只能存储得下 32 位的有符号整数，则其数值范围为 [−2^3...
2020-04-01 14:25:04
102
原创 收录JavaScript正则深拷贝的一个方法
正则深拷贝的一个方法注意点reg.exec(str|regObj), MDN上面exec只是说了接受字符串, 但是也可以接收正则对象regexp.constructor如果报flag的问题, 一般是第二个参数传错了/** Used to match `RegExp` flags from their coerced string values. */var reFlags = /\w*$...
2020-03-28 23:37:54
752
原创 关于浏览器事件addEventListener()处理小记
前言当浏览器与对象 , 元素发生互动时 , 浏览器会产生对应的事件 , 例如 : 浏览器加载完文档 , 用户把鼠标指针移动超链接上或者敲击键盘等 , 浏览器都会产生事件 , 而且JavaScript还可以对一些特定类型的事件进行函数绑定以做一些自定义的事件EventTarget.addEventListener()EventTarget.addEventListener() 方法将指定...
2020-03-27 23:50:35
784
原创 你真的了解正则吗(2)----递归
前言本文的递归不仅是在JavaScript环境下( 有些匹配操作符JavaScript环境下是不适用的 ) , 在PHP和java环境下 , 也适用上一篇文章我们已经简单的介绍了正则的使用和正则匹配规则 , 这篇我们就好好说一下正则的递归正则表达式递归简单递归在各类语言中 , 以下正则的递归操作符都是递归的意思(?R)? (?0)? \g<0>? 加号 , ...
2020-03-26 11:15:34
689
原创 你真的了解正则吗(1)
絮絮叨叨首先为什么要写这篇文章呢 ? 一次突发的机遇 , 需要在项目里面编写很多匹配路由的正则 , 让我有点小小的慌忙 , 因为这个网站所有的路由类型穿插了很多数字 , 字母大小写 , 甚至还有被转换过的url , 在编写时 , 发现不能复用的正则表达式相当多 , 就是一个表达式可能只能匹配一条url , 这个是一个大忌 , 对于代码是一个十分不友好的编写习惯 , 所以有必要写一篇关于正则的文...
2020-03-26 00:08:38
636
原创 深究我所不知道JavaScript变量提升hoisting
前言在之前很想对JavaScript里面的变量提升hoisting做一次总结 , 直到最近的刷题 , 再一次刷到关于hoisting的问题 , 发现自己对于整个hoisting缺乏系统性的总结 , 这次终于有时间做了 ;当然如果只是基本的变量提升hoisting , 就是简单声明提升到最前 , 以及关于let和const的问题 ; 这些就是基本的hoisting , 基本上没有深究就有这些 ...
2020-03-23 23:08:52
127
原创 git强制覆盖本地代码 ---- 慎用
只需下面三个步骤git fetch --allgit reset --hard origin/mastergit pull origin master也可以合起来变成一个命令git fetch --all && git reset --hard origin/master && git pull origin master...
2020-03-23 10:18:47
165
原创 前端必备测试技术总结
单元测试目的：单元测试能够让开发者明确知道代码结构原则：单一职责、接口抽离、层次分离断言库：保证最小单元是否正常运行检测方法测试风格：测试驱动开发（Test-Driven Development，TDD），行为驱动开发（Behavior Driver Development，BDD），均是敏捷开发开发方法论。TDD 关注所有功能十分被实现（每个功能必须有对应的测试用例），suit...
2020-03-22 23:14:16
835
原创 css裁剪属性----clip-path
什么是clip-pathclip-path是一个css3新属性 , 一般用在svg元素上 , 但是也可以作为普通元素裁剪使用解释 : clip-path 属性可以创建一个只有元素的部分区域可以显示的剪切区域。区域内的部分显示，区域外的隐藏普通标签上的使用<!DOCTYPE html><html lang="en"><head> <...
2020-03-21 16:09:35
944
原创 关于css的数学计算----基础
现实中的问题在css中 , 有时候对一个图片进行旋转的时候 , 如果图片是一个不规则的多边形 , 一旦旋转 , 就会将底层的div显示出来 , 不能保证图片所在的div填满 , 这时候就要对图片的旋转时放大缩小进行计算以正方形为例的解决方法如下面代码所示html部分<!DOCTYPE html><html lang="en"><head&...
2020-03-21 14:02:55
324
原创 CSS骚操作 --- 制作不同背景的字体
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2020-03-21 12:35:16
181
原创 CSS高级开发-----BFC(块格式化上下文)
BFC布局规则每个元素的marginbox的左边 , 与包含块border box的左边相接触 ( 对于从左往右的格式化 , 否则相反 ) , 即使存在浮动也是如此 BFC的区别不会与float box重叠创建BFC的Box方式根元素(<html>) 浮动元素（元素的 float 不是 none） 绝对定位元素（元素的 position 为 absolute 或 fix...
2020-03-21 12:11:49
116
原创 css核心技巧
CSS3开发常备核心技能早期的双飞翼布局 + CSS HACK 基于移动端的PX与rem转换兼容方案 弹性盒模型与reset的选择 自制的ICON-FONT与常用字体排版 CSS代码检测与团队项目规范 CSS绘制特殊图形高级技巧 BFC IFC GFC FFC双飞翼布局 + CSS HACK双飞翼布局在IE6之前 , 在flex时代前 , 可以说这个布局是首屈一指的 ; 因...
2020-03-20 23:00:55
104
原创 IE6常见bug合集
ie6怪异解析之padding和border算入宽高 原因 : 未加入文档声明造成非盒模型解析 解决方法 : 加入文档声明 <!doctype html> IE6在块元素 , 左右浮动 , 设定margin时造成margin双倍(双边距) 解决方法 display: inline 以下三种其实是同一种bug , 其实也不算bug ,...
2020-03-20 22:57:04
156
原创 css 3D 简单实践
先来两个羞羞的网站http://tridiv.com/, 这是一个css 在线做3D的一个网站https://720yun.com/, 纯css vr3D视角的一个东西制作html 纯css3D<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...
2020-03-20 21:16:16
243
原创 html 关于陀螺仪知识
html5陀螺仪陀螺仪又叫角动量传感器 , 是不同于加速度计(G-sensor)的 , 他的测量物理量是偏转的 , 倾斜时的转动角速度 。 在手机上 , 仅用加速度傳感器是沒辦法測量或重構出完整的3D動作，測不到轉動的動作的，G-sensor只能檢測軸向的綫性動作，這樣就可以精確分析判斷出使用者的實際動作。而后根據動作，可以對手機做相應的操作 陀螺仪角度 1.png ...
2020-03-20 21:15:12
755
原创 Linux文件夹含义
Linux文件结构 /root 只能是超级管理员才有权限操作的目录 , 相当于普通user都根目录 /bin /boot 开机所需都文件 ---即内核 , 开机启动项以及所需配置的文件 /dev 连接Linux的物理设备和虚拟设备 , 都会在这个文件夹下找到对应的文件 , 例如 : 物理内存的全镜像 / TTY(终端/辅助)设备 / 回环设备(用一个...
2020-03-18 21:14:24
126
原创 node异步函数类型
直接上代码 , 结果先不说setTimeout(() => { console.log(1)}, 22)setImmediate(() => { console.log(2);})process.nextTick(() => { console.log(3);})new Promise((resolve, rejects) =>...
2020-03-18 21:13:29
121
原创 PHP操作数据库及踩坑
PHP MySQL 连接数据库mysql_connect(servername,username,password);参数 描述 servername 可选。规定要连接的服务器。默认是 "localhost:3306"。 username 可选。规定登录所使用的用户名。默认值是拥有服务器进程的用户的名称。 password 可选。规定登录所用的密码。默认...
2020-03-18 21:10:59
148
原创 你不知道的HTML
利用image测试网速 , 上报数据对于img标签 , 它的资源是可以跨域的 , 通过src特有的属性 , 但是img标签有一个属性 , crossorigin="anonymous" , 这个属性是告诉后端 , 我需要去跨域 , 如果后端不让我们跨域 , 这张图片就协商不成了例如下面img标签的 src 为 test.png<img crossorigin="anon...
2020-03-18 21:09:40
295
原创 初识PHP
先来一句 : php是世界上最好的语言 ☻[TOC]安装方式本文以xampp方式 , 介绍PHP安装好XAMPP后Image.png就打开对应的服务 , 基础的Apache和MySQL是基本需要的安装遇到的坑当一打开xampp的时候遇到如下报错// 坑一10:43:21 [Apache] Problem detected!10:43:21 ...
2020-03-18 21:08:55
165
原创 PHP踩坑---mysqli_select_db() expects parameter 1 to be mysqli
报错mysqli_select_db() expects parameter 1 to be mysqli诸如以上都错误 , 一般都是php版本的问题 , 对比解决如下w3c(php5 , 不推荐使用) php7 mysql_select_db(datebase, connect) mysqli_select_db(connect,datebase) mysql_qu...
2020-03-18 21:06:57
1823
原创 js基础骚操作
[TOC]### null和undefined区别- 例子```js// 在代码中Number(null); // 05 + Number(null); // 5Number(undefined); // NaN```对于null和undefined，大致可以像下面这样理解。null表示空值，即该处的值现在为空。调用函数时，某个参数未设置任何值，这时就可以传入null，表示...
2020-03-16 14:54:51
80
原创 解读css盒子模型
Css盒子第一个问题：css盒子Css盒子是从内而外分别是border(边框)，margin（外边距），padding（内边距），盒子的宽（width），盒子的高（height），再加上最内层的元素（element），我们打开谷歌浏览器按下F12就可以看到这哥们了在兄弟标签之间要设置间距是使用margin来设置间距，父子标签之间是用padding来设置间距的通常如果我们的边
2017-10-16 23:24:21
728
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人