自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 异步神器--async

一、含义 学过ES6的同学大概都熟悉Generator函数,那么async可以说是Generator的语法糖,它让异步操作变得更加方便。 二、语法特点 const asyncDemo = async function () { await fn(); await fn2()...

2018-08-05 23:18:37

阅读数 139

评论数 0

原创 记录一下HTTP状态码

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

2018-07-29 10:27:43

阅读数 78

评论数 0

原创 使用js实现Promise

一、什么是promisePromise的出现,原本是为了解决回调地狱的问题。以我们平常使用的ajax请求为例:传统js方法:getData(method, url, successFun, failFun){ var xmlHttp = new XMLHttpRequest(); xmlH...

2018-07-15 18:14:45

阅读数 1740

评论数 0

转载 在使用es6语法class的时候,babel到底做了什么?

自从有了webpack之后,我们这些jscoder似乎得到了前所未有的解放,箭头函数,对象解构,let,const关键字,以及class、extends等等关键字使用得不亦乐乎,反正,webpack会帮我们把这些es6代码转换成浏览器能够识别的es5代码,那么,我们有多少人真正的看过,babel转...

2018-07-15 10:30:26

阅读数 803

评论数 0

原创 JavaScript设计模式--原型模式

function Person(){ } Person.prototype.name = "jianweis"; Person.prototype.age = "22"; Person.prototype.job = &am...

2018-07-08 14:22:46

阅读数 61

评论数 0

原创 JavaScript的设计模式--工厂模式和构造函数模式

一、工厂模式function createPerson(name, age, job) {     var o = new Object();     o.name = name;     o.age = age;     o.job = job;     o.sayName = function...

2018-07-07 21:20:56

阅读数 59

评论数 0

原创 localStorage使用时的注意点

一、localStorage,sessionStorage,cookie的简单介绍localStorage:仅在客户端存储不参与服务器通信,存储大小一般为5M,如果不是人为清除,那么即使是关闭浏览器也会一直存在。sessionStorage:仅在客户端存储不参与服务器通信,存储大小一般为5M,会话...

2018-06-17 19:07:16

阅读数 3392

评论数 0

原创 鼠标控制滚动条滚动

当在做带表格的项目时候会发现有一个问题,那就是如果列数过多的话阅读起来很不方便,通常列数多到超过窗口,我们会设置横向滚动条来隐藏多余的列数,如下图但这随着行数的增加就又出现一个问题那就是要控制横向滚动条就得将页面移动到最底才能看到滚动条,这让我们的需要不断地移动页面来达到控制滚动条的效果为了解决这...

2018-06-07 22:03:40

阅读数 475

评论数 0

原创 使用js实现html5的拖拽----升级版

记得在学习html5的时候有一个拖拽的功能 --- drag和drop,后来看到五百丁简历的简历模板也有这功能,但是都有一个局限性,那就是不能随意拖动到任何位置,会有一定的限制。于是想自己实现一个可以完全自由定义模板的简历demo,如下图是简单的一个实现:可以看到里面的元素可以自由地移动所在的位置...

2018-06-04 23:47:56

阅读数 556

评论数 0

原创 JavaScript DOM事件中一些对于浏览器的兼容问题

1、绑定事件处理程序function addEvent(element,type,func){     if(element.addEventListener){         element.addEventListener(type,func,false);     }else if(ele...

2018-06-04 11:15:39

阅读数 773

评论数 0

原创 一些好看的css样式

最近看了了一本书叫《css揭秘》,里面的内容让我有种css原来能真没玩的感觉,哈哈哈。在这里跟大家分享一部分里面的样式,有兴趣的可以去看看。这本书有电子版。先看看效果图:那个蚂蚁行军框是可以动的,有趣html代码,想要看那个css样式就用对应的className<div cl...

2018-06-03 15:25:19

阅读数 4980

评论数 3

转载 JS中实现简单实用的HashMap

转发一篇不错的文章,使用js实现简单实用的HashMap,功能很齐全原地址:https://blog.csdn.net/ouyang111222/article/details/47173195/* *hashmap 1.0.0 * description:this haspmap is a...

2018-06-01 15:57:39

阅读数 603

评论数 0

原创 几个js面试笔试题

//数组去重,需要考虑到{} //第一种,借用对象关键字的唯一性 function uniq(arr) { let turnObject = {};//对象关键字的唯一性 let uniqArr = []; for(let i = 0, l = arr.lengt...

2018-05-27 16:11:21

阅读数 1618

评论数 0

原创 CSS3 的视口单位vw、vh实现自适应(带有px,em,rem的简单介绍)

一、px,em,rem,vw的简单介绍1、pxpx其实就是像素的意思,全称pixel,也就是图像的基本采样单位。对于不同的设备,它的图像基本单位是不同的,比如显示器和打印机。而我们通常所说的显示器分辨率是指桌面设定的分辨率,不是显示器的物理分辨率,但是现在我们的桌面分辨率和物理分辨率几乎是一致的,...

2018-05-26 15:15:27

阅读数 11213

评论数 0

原创 JQuery实现下拉框搜索用户名

近期在项目中有用到搜索用户的功能,于是自己使用JQuery写了一个在输入框填写名字然后在下拉框中出现相对应的名字一、思路在取数据方面刚开始是有两个方案,第一个方案是在页面load的时候直接请求API将所有的用户名信息都取出来然后保存在数组中,然后在搜索时从中取数据。第二个方案是在搜索时根据输入框的...

2018-05-23 00:20:38

阅读数 1066

评论数 0

原创 CoffeeScript 的简介与代码实例

前段时间公司的一个项目是用CoffeeScript和backbone写的,于是去学了一下CoffeeScript,在此给大家分享一下CoffeeScript--简介    我们知道JavaScript是硬绑了C/Java语法,但CoffeeScript却不是,而是改为采用了类似Ruby/Pytho...

2018-05-20 00:21:20

阅读数 666

评论数 0

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