自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 常用正则表达式总结

前三位加逗号export const formatMoney = (str) => { str = Number(str).toFixed(2); return str.replace(/\B(?=(\d{3})+($|\.))/g, ',');};转载于:https://www.cnblogs.com/WeiRuifeng/p/894...

2018-04-25 15:26:00 121

转载 异步模块模式

简介  众所周知,模块化开是会将复杂的系统分解成高内聚、低耦合的模块,使系统开发变得可控、可维护、可拓展,提高模块复用率。而在js中,异步模块模式的情况则比较多,所谓异步模块模式,是在请求发出后,继续其他业务逻辑,直到模块加载完成后执行后续的逻辑,实现模块开发中对模块加载完成后的引用。  今天就来分析一下异步加载模块,本文通过创建与调度模块、加载模块和设置模块三个方面来分析创...

2017-09-10 15:53:00 202

转载 解决模块间耦合的设计模式

  大家都知道,模块间的耦合不利于代码的可读性和可维护性,好的代码一般都会按功能或者别的将代码模块化,那么模块化的代码之间怎么通信呢?下面来介绍两种用于模块间解耦的设计模式。观察者模式概念介绍观察者模式也被称作消息机制或发布-订阅者模式,为了解决主题对象与观察者之间功能的耦合。观察者模式有一个消息容器,和三个方法,分别是订阅信息方法、取消订阅的信息方法、发送订阅的消息方法...

2017-08-09 22:19:00 400

转载 简化分支判断的设计模式

  很多时候会发现自己在写代码的时候写了一坨if else 语句使得自己的代码看起来很丑,随着业务量的增大,代码变得很难维护,之前想到能替换if else的只有switch,其实效果并没有明显的提升,现在在看设计模式方面的知识,发现两种设计模式能够解决分支判断的臃肿问题。状态模式使用场景  大家都知道超级玛丽的游戏吧,玛丽要吃蘑菇,他就要挑起,顶出墙壁里的蘑菇;玛丽想到悬崖的...

2017-07-31 22:11:00 610

转载 从++[[]][+[]]+[+[]]='10'谈安全

一开始我也有疑问,为什么 ++[[]][+[]]+[+[]]='10'?不得不信,于是我们要慢慢的分析:分析基础符号[]分析[]有两个作用:1. 数组2.访问属性和方法例子:[1,2,3,4] // 数组"abc"[0] // 属性[1,2]["length"] // 方法+运算符的作用1. 创建数字2. 将两...

2017-07-04 00:46:00 165

转载 浅谈js中的正则表达式

很多时候多会被正则表达式搞的晕头转向,最近抽出时间对正则表达式进行了系统的学习,整理如下:正则表达式的创建两种方法,一种是直接写,由包含在斜杠之间的模式组成;另一种是调用RegExp对象的构造函数。两种方法的创建代码如下:// 直接创建const regex1 = /ab+c/;const regex2 = /^[a-zA-Z]+[0-9]*\W?_$/gi;...

2017-06-23 16:49:00 234

转载 浅谈js中的继承

继承有两种方式:接口继承和实现继承。接口继承只继承方法签名,而实现继承则继承实际的方法。由于函数没有签名,在ECMAScript中无法实现接口继承。ECMAScript只支持实现继承,而且实现继承主要依靠原型链来实现。下面介绍几种js的继承:原型链继承原型链继承实现的本质是重写原型对象,代之以一个新类型的实例。代码如下:function SuperType() {...

2017-05-04 21:44:00 107

转载 CORS详解

  CORS(Cross-Origin Resource Sharing, 跨源资源共享)是W3C出的一个标准,其思想是使用自定义的HTTP头部让浏览器与服务器进行沟通,从而决定请求或响应是应该成功,还是应该失败。因此,要想实现CORS进行跨域,需要服务器进行一些设置,同时前端也需要做一些配置和分析。本文简单的对服务端的配置和前端的一些设置进行分析。服务端的配置本文服务端的代码采...

2017-04-16 09:56:00 189

转载 js中关于array的常用方法

最近总结了一些关于array中的常用方法,其中大部分的方法来自于《JavaScript框架设计》这本书,如果有更好的方法,或者有关于string的别的常用的方法,希望大家不吝赐教。第一部分数组去重,总结了一些数组去重的方法,代码如下:/** * 去重操作,有序状态 * @param target * @returns {Array} */fun...

2017-03-26 00:34:00 377

转载 js中关于string的一些常用的方法

最近总结了一些关于string中的常用方法,其中大部分的方法来自于《JavaScript框架设计》这本书,如果有更好的方法,或者有关于string的别的常用的方法,希望大家不吝赐教。第一部分字符串中查找,包括一个字符串是否在另一个字符串内部,是否在开始之处,是否在结尾之处。 1 /** 2 * 判断一个字符串是否包含另一个字符串 3 * @para...

2017-03-25 17:21:00 104

转载 http状态码详解

状态码含义100客户端应当继续发送请求。这个临时响应是用来通知客户端它的部分请求已经被服务器接收,且仍未被拒绝。客户端应当继续发送请求的剩余部分,或者如果请求已经完成,忽略这个响应。服务器必须在请求完成后向客户端发送一个最终响应。101服务器已经理解了客户端的请求,并将通过Upgrade 消息头通知客户端采用不同的协议来完成这个请求。在发送完这...

2016-12-22 16:49:00 111

转载 插入排序

插入排序的工作机理跟打牌时整理手中的牌差不多,开始摸牌时,我们左手是空的,牌面朝下放在桌上。接着,一次从桌上摸起一张牌,并将它插入到左手一把牌中的正确位置上。为了找到这张牌的正确位置,要将它与手中已有的每一张牌从右到左地进行比较。算法的伪代码如下所示:INSERTION-SORT(A)1 for j <— 2 to length[A]2 do ...

2016-12-04 21:20:00 131

转载 js的一些实用的小技巧

移动端自适应:移动端的编写首先需要在header写入以下内容来表示页面是以不缩放的形式展示的:<meta name="viewport" content="width=device-width, initial-scale=1">移动端需要做适配,可以用rem为单位来编写css,基于某一尺寸的UI设计稿来编写HTML和CSS,以下代码可以用来适配不同尺...

2016-11-17 21:29:00 97

转载 用Canvas制作简单的画图工具

今天用Canvas制作了一个画图工具,非常简单,功能也不是很多,主要有背景网格,画线,画圆,画矩形和画圆角矩形,也用到了canvas的一些基本知识,在这里一一列举。线段的绘制如何绘制真正的1像素的线段?如果在像素边界处绘制一条1像素宽的垂直线段,那么canvas的绘图环境对象会试着将半个像素画在边界中线的右边,将另外半个像素画在边界中线的左边。然而,在一个整像素的范围内绘制半...

2015-08-19 22:25:00 307

转载 用Canvas制作剪纸效果

在做剪纸效果之前,先介绍剪纸效果运用到的一些知识:阴影在Canvas之中进行绘制时,可以通过修改绘图环境中的如下4个属性值来指定阴影效果:shadowColor:CSS格式的颜色字串。默认值为rgba(0,0,0,0),即完全透明的黑色。shadowOffsetX:阴影在X轴方向的偏移量,以像素为单位。默认值为0shadowOffsetY:阴影在Y轴方向的偏移量,...

2015-08-16 22:58:00 585

转载 处理繁重操作

在一些动态的操作中,我们没有必要不间断地调用某函数去完成一些功能,比如在输入时统计字数,我们没有必要没输入一次变统计一次,而是可以隔一段时间去统计一次,又比如scroll滚动事件,如果我们只是需要知道滚动的距离,没有必要去实时的监听scroll事件,可以隔一段时间监听一次。在这里向大家介绍一个函数,可以解决这个问题。代码如下: 1 // 返回一个函数,如果它被不间断地调用,它...

2015-08-16 11:08:00 103

转载 点评按钮提交技巧

最近在工作中做点评列表时,碰到一个问题,如果用户连续提交,便会通过ajax连续先后台发送数据,造成还没有返回便又一次请求,就会出问题。想到了一个解决方法:利用$.one()进行限制,过段时间在可以点击,代码如下: 1 function click(){ 2 $("#submit").one("click",function(){ 3 ...

2015-08-16 10:49:00 144

空空如也

空空如也

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

TA关注的人

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