自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 收藏
  • 关注

原创 收录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 785

原创 关于浏览器事件addEventListener()处理小记

前言当浏览器与对象 , 元素发生互动时 , 浏览器会产生对应的事件 , 例如 : 浏览器加载完文档 , 用户把鼠标指针移动超链接上或者敲击键盘等 , 浏览器都会产生事件 , 而且JavaScript还可以对一些特定类型的事件进行函数绑定以做一些自定义的事件EventTarget.addEventListener()EventTarget.addEventListener() 方法将指定...

2020-03-27 23:50:35 827

原创 你真的了解正则吗(2)----递归

前言本文的递归不仅是在JavaScript环境下( 有些匹配操作符JavaScript环境下是不适用的 ) , 在PHP和java环境下 , 也适用上一篇文章我们已经简单的介绍了正则的使用和正则匹配规则 , 这篇我们就好好说一下正则的递归正则表达式递归简单递归在各类语言中 , 以下正则的递归操作符都是递归的意思(?R)? (?0)? \g<0>? 加号 , ...

2020-03-26 11:15:34 784

原创 你真的了解正则吗(1)

絮絮叨叨首先为什么要写这篇文章呢 ? 一次突发的机遇 , 需要在项目里面编写很多匹配路由的正则 , 让我有点小小的慌忙 , 因为这个网站所有的路由类型穿插了很多数字 , 字母大小写 , 甚至还有被转换过的url , 在编写时 , 发现不能复用的正则表达式相当多 , 就是一个表达式可能只能匹配一条url , 这个是一个大忌 , 对于代码是一个十分不友好的编写习惯 , 所以有必要写一篇关于正则的文...

2020-03-26 00:08:38 657

原创 深究我所不知道JavaScript变量提升hoisting

前言在之前很想对JavaScript里面的变量提升hoisting做一次总结 , 直到最近的刷题 , 再一次刷到关于hoisting的问题 , 发现自己对于整个hoisting缺乏系统性的总结 , 这次终于有时间做了 ;当然如果只是基本的变量提升hoisting , 就是简单声明提升到最前 , 以及关于let和const的问题 ; 这些就是基本的hoisting , 基本上没有深究就有这些 ...

2020-03-23 23:08:52 151

原创 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 187

原创 前端必备测试技术总结

单元测试目的:单元测试能够让开发者明确知道代码结构原则:单一职责、接口抽离、层次分离断言库:保证最小单元是否正常运行检测方法测试风格:测试驱动开发(Test-Driven Development,TDD),行为驱动开发(Behavior Driver Development,BDD),均是敏捷开发开发方法论。TDD 关注所有功能十分被实现(每个功能必须有对应的测试用例),suit...

2020-03-22 23:14:16 878

原创 css裁剪属性----clip-path

什么是clip-pathclip-path是一个css3新属性 , 一般用在svg元素上 , 但是也可以作为普通元素裁剪使用解释 : clip-path 属性可以创建一个只有元素的部分区域可以显示的剪切区域。区域内的部分显示,区域外的隐藏普通标签上的使用<!DOCTYPE html><html lang="en"><head> <...

2020-03-21 16:09:35 1078

原创 关于css的数学计算----基础

现实中的问题在css中 , 有时候对一个图片进行旋转的时候 , 如果图片是一个不规则的多边形 , 一旦旋转 , 就会将底层的div显示出来 , 不能保证图片所在的div填满 , 这时候就要对图片的旋转时放大缩小进行计算以正方形为例的解决方法如下面代码所示html部分<!DOCTYPE html><html lang="en"><head&...

2020-03-21 14:02:55 366

原创 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 211

原创 CSS高级开发-----BFC(块格式化上下文)

BFC布局规则每个元素的marginbox的左边 , 与包含块border box的左边相接触 ( 对于从左往右的格式化 , 否则相反 ) , 即使存在浮动也是如此 BFC的区别不会与float box重叠创建BFC的Box方式根元素(<html>) 浮动元素(元素的 float 不是 none) 绝对定位元素(元素的 position 为 absolute 或 fix...

2020-03-21 12:11:49 136

原创 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 125

原创 IE6常见bug合集

ie6怪异解析之padding和border算入宽高 原因 : 未加入文档声明造成非盒模型解析 解决方法 : 加入文档声明 <!doctype html> IE6在块元素 , 左右浮动 , 设定margin时造成margin双倍(双边距) 解决方法 display: inline 以下三种其实是同一种bug , 其实也不算bug ,...

2020-03-20 22:57:04 172

原创 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 274

原创 html 关于陀螺仪知识

html5陀螺仪陀螺仪又叫角动量传感器 , 是不同于加速度计(G-sensor)的 , 他的测量物理量是偏转的 , 倾斜时的转动角速度 。 在手机上 , 仅用加速度傳感器是沒辦法測量或重構出完整的3D動作,測不到轉動的動作的,G-sensor只能檢測軸向的綫性動作,這樣就可以精確分析判斷出使用者的實際動作。而后根據動作,可以對手機做相應的操作 陀螺仪角度 1.png ...

2020-03-20 21:15:12 896

原创 Linux文件夹含义

Linux文件结构 /root 只能是超级管理员才有权限操作的目录 , 相当于普通user都根目录 /bin /boot 开机所需都文件 ---即内核 , 开机启动项以及所需配置的文件 /dev 连接Linux的物理设备和虚拟设备 , 都会在这个文件夹下找到对应的文件 , 例如 : 物理内存的全镜像 / TTY(终端/辅助)设备 / 回环设备(用一个...

2020-03-18 21:14:24 152

原创 node异步函数类型

直接上代码 , 结果先不说setTimeout(() => { console.log(1)}, 22)setImmediate(() => { console.log(2);})process.nextTick(() => { console.log(3);})new Promise((resolve, rejects) =&gt...

2020-03-18 21:13:29 145

原创 PHP操作数据库及踩坑

PHP MySQL 连接数据库mysql_connect(servername,username,password);参数 描述 servername 可选。规定要连接的服务器。默认是 "localhost:3306"。 username 可选。规定登录所使用的用户名。默认值是拥有服务器进程的用户的名称。 password 可选。规定登录所用的密码。默认...

2020-03-18 21:10:59 171

原创 你不知道的HTML

利用image测试网速 , 上报数据对于img标签 , 它的资源是可以跨域的 , 通过src特有的属性 , 但是img标签有一个属性 , crossorigin="anonymous" , 这个属性是告诉后端 , 我需要去跨域 , 如果后端不让我们跨域 , 这张图片就协商不成了例如下面img标签的 src 为 test.png<img crossorigin="anon...

2020-03-18 21:09:40 316

原创 初识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 187

原创 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 2274

原创 js基础骚操作

[TOC]### null和undefined区别- 例子```js// 在代码中Number(null); // 05 + Number(null); // 5Number(undefined); // NaN```对于null和undefined,大致可以像下面这样理解。null表示空值,即该处的值现在为空。调用函数时,某个参数未设置任何值,这时就可以传入null,表示...

2020-03-16 14:54:51 95

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除