web前端开发识问答社区，提供包括html5、css3、JavaScript、vue.js、node.js、APP、小程序等内容分享。
javascript设计模式二：策略模式
策略模式指定义一系列算法，将它们一个个封装起来。将不变的部分与变化的部分隔开是每个设计模式的主题，策略模式同样如此，策略模式的基础组成： 一个基于策略模式的程序至少要由两部分组成。第一个部分是一组策略类，策略类封装了具体的算法，并负责具体的...
javascript设计模式一： 单例模式
单例模式定义: 保证一个类仅有一个实例，并提供一个访问它的全局访问点上代码：标准单例模式//方法1 //标准单例模式 varSingleton=function(name){ this.name=name } Singleton.prototype.getName=function(){ console.log(this.name); } Singleton.getInstan.....
怎么用css属性屏蔽鼠标事件(鼠标点击可穿透上层元素)
起源：前几天测试发来一个需求，内容要求看图：看到这个需求，我有点懵逼。现在的情况是只有点击日期内容框空白区域时，才会响应点击事件显示下拉日期菜单。而这个icon图标我是绝对定位到日期内容框中的，它的图层维度是高于日期内容框的，点击icon图标时是不...
Nodejs 中的加密
在程序开发过程中，避免不掉要对一些数据进行加密，例如用户注册的密码、用户的个人信息等。加密这个事，在NodeJS中非常简单，因为NodeJS提供了crypto模块来帮助你快速的实现加密。1.crypto模块简介crypto 模块提供了加密功能，实现了包括对 OpenSSL 的哈希、...
如何优雅的使用promise来解决异步
我们知道，在promise对象的then方法可以处理onfulfilled和onrejected两个事件监听回调，但是我们一般采用catch来处理onrejected的监听回调，因为catch可以捕获部分程序异常；有利于程序的健壮性。例如： functiongetBanner(){ letp=newPromise((resolve,rejec...
Promise的all和race方法
经常会有人搞不清楚Promise.all()和race()方法的使用，今天的话，咱们就总结一下两者的相同点和区别。Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。而all和race方法更是promise强大的体现。首先，这两个方法，...
ES6扩展运算符和深浅拷贝总结
在ES6中新增了扩展运算符，可以实现对数组和对象的复制，那么这种复制是深拷贝还是浅拷贝呢？我们发现arr和arr0的比较结果为false，那么我们初步判断二者不是同一个地址引用，接下来修改arr0，来观测arr是否发生改变：，我们发现，修改arr0的值，并不影响arr...
ES6中解构赋值与深拷贝和浅拷贝
关于ES6中的解构赋值的知识点，想必大家都不陌生。所谓解构赋值就是利用一种模式来快速从目标结构中取出数据的方案，例如：通过解构，我们很轻松的就从数组和对象中取出了我们想要的数据。但是，可能大家会问，这与深拷贝与浅拷贝又有什么关系呢？咱们，先回...
vue中实现对一个数组进行搜索 vue实现搜索功能
vue中 实现搜索功能input中 v-model绑定<inputtype="text"placeholder="按主页名称或编号搜索"v-model="inputKey"><div> <divv-for="(item,index)insearch(inputKey)":key=&...
用Vue实现图片懒加载
懒加载：首先将图片的src链接设为同一张图，并将其真正的图片地址存储在img标签的自定义属性中。当js监听到该图片元素进入可视窗口时，即将自定义属性中的地址存储到src属性中，达到懒加载的效果。顾名思义，简单理解就是 当页面打开，首先所有数据引进来的图...
使用js实现悬浮窗效果方法
很多网站效果，当页面向下滚动到某高度时候，导航栏或者其他会悬浮固定到顶部或某个位置，那么下面鹏仔就给大家简单介绍下css代码<style>.show{ position:fixed; top:0; } #nav{ width:100%; height:60px; background:pink; } .box{ height:2600px; width:100.....
NodeJS中jwt的使用
一、什么是jwt？jwt的全称是JSON WEB Token，是一种基于JSON的、用于在网络上声明某种主张的令牌（token）。JWT通常由三部分组成: 头信息（header）, 消息体（payload）和签名（signature）。二、为什么要使用jwt？由于众所周知的原因，http协议本身是一种无...
微信公众号开发 获取所有关注用户的openid 以及对应的用户信息
我们获取到access_token ，接下来我们要用 access_token 来获取所有用户的 openid首先，第一步，如果我们的公众号粉丝低于10000，可直接调用下方接口，拿到所有用户的列表以及openidget请求https://api.weixin.qq.com/cgi-bin/user/get?access_token=ACCESS_T...
公众号开发如何获取access_token，获取返回 errcode":40164 如何解决
今天开始接触微信公众号开发，在获取access_token时，返回{"errcode":40164,"errmsg":"invalidip117.136.86.87,notinwhitelisthint:[UIluoA05892067]"}意思是这个IP117.136.86.87 不在白名单内我们需要登录微信平台，在开发--基本配置--公...
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','http://www.shouhuola.com/data/category/000/00/00/big_000000015.jpg', '《Web前端》','http://www.shouhuola.com/cat-15','页面编码gb2312|utf-8默认gb2312'));){kind=link}