wangzai888的博客

js面向对象原型和继承作用域链和闭包原型我们都知道，函数创建时浏览器会在内存中创建一个对象。很多人在这里都感觉很难理解里面的关系函数创建的时候，浏览器会在内存中创建一个由prototype指向的对象。其实只有当你要将函数作为构造函数使用的时候，创建出来的对象才会发挥作用。例如： var obj=new People(); 的时候，obj对象就不仅仅使用自己的属性和方法，它也可以使用P

###利用canvas做一个插入图片，导出海报图片的工具###有张背景的海报图，当用户上传图片，图片在背景图的空白部分展示，并且点击可以生成显示的效果图片，利用canvas是很容易实现的canvas的toDataURL()方法可以把canvas转化为base64的图片直接来看看代码吧： 生成图片 .box { ...

应用场景： 项目需要通过小程序开启蓝牙连接硬件做一个开锁功能。硬件方要求的加密协议是 aes-128。前端用 js 进行加解密。首先引入一个 aes.js文件用于加密var t = t || function(t, e) { var r = {}, i = r.lib = {}, n = function() {}, o = i.Base = { ex...

小程序的页面劫持是在网上偶尔知道的方法，感觉很流氓（但是我喜欢）。原理就是利用了对象的原型继承，在页面开始前做些自己需要的更改。来看这个案例：根据产品的要求，需要把小程序很多页面做成入口页，每个入口页都需要做授权验证操作。（一开始我提出可以做出一个单独验证登录页面，所有分享页面都是这个页面，然后在根据传的参数分发到各个不同的页面，但是这个方案被否了，说是影响用户体验）；那就只能在...

有时候我们的小程序太大，首次打开小程序的时候回比较慢，这个时候我们可以试试分包操作。分包可以让用户在操作小程序的时候按需下载资源（用户在进入某些页面的时候才去下载相应的资源，可以加快小程序的速度，优化用户体验）。小程序代码有个2M限制，是不是有的时候放图片都得忍着点，不敢把太大的放在小程序里面，只能放远程；但是随着项目不断迭代更新，代码图片越来越多，开发的时候更加小心翼翼。是不是很不舒服...

前端时间接到一个项目，里面有涉及到地区选择四级联动（即能选择到镇）。自己去网上收罗了一波，也没发现有很详细的，所以就自己来写，写完总结一下。首先地址选择小程序有自带一个组件，我们就先来看看这个组件：picker组件。小程序官方用法：html:<view class="section"><view class="section__title">省市...

微信公众号切换页面二次失效问题最近项目公众号测出一个有趣的bug，从公众号进入到我的项目页面后，点击切换到其他页面，然后再切换回来，在切换到其他页面，在切回本页面时失效。举个例子： a.html（从公众号进来的页面） —&gt; b.html —&gt; a.html ----&gt; b.html ----&gt; a.html(这个时候是切不回来)这个...

做一个新手指引，动态获取穿透位置项目需要在微信公众号做一个新手指引的遮罩效果，于是搜素一波，发现一个css3属性：mask-image，于是对它研究了一番mask-image:用一张图片，图片白色部分为遮罩，图片透明部分则是穿透。（反正我是这样用的，具体细节请查看文档）.newguide_bg { position: absolute; top: 0; left: 0; righ...

字体压缩一. 在一个项目中，一定要用到华康娃娃体做一个效果，但是这个字体下下来有2.55MB，这显然是不行的，于是上网找了一波干货，如下：字体压缩的原理就是你要使用的字符单独拿出来，不用的就不包含，这样就可以使得字体文件更小方法一： 字体按需压缩网站先来看看这个网站的使用，有一个框，里面说只支持zip压缩格式。其实只要一个你的字体文件，再加上一个html文件，两个通过zip格式压缩，然后拖...

小程序的几个常用标签先来个前言，小程序开发还是适合有一定开发基础的人学习，教程有不详细的地方和有疑问的地方，欢迎留言人生如戏，戏如人生。要开发小程序，我们得先学习小程序页面的基本标签是那些。其实小程序和普通h5开发一样，只是标签不同而已，今天我们就来了解一下下面几个项目中经常用到的标签view 这个标签相当于div(它的特点就是在没有其他样式影响的情况下，宽度100%)；te...

预先成其事，必先利其器；我们要开发一个小程序，那么我们先要做一下步骤：1、申请一个小程序；2、下载开发者工具；3、新建第一个小程序。 那么，首先我们先来申请个小程序账号：去到微信公众平台然后就是按照流程填写邮箱和密码，邮箱里面激活即可。好吧，注册好后就是下面的页面  这样我们的小程序就注册好了。 第二步我们就是去下载开发者工具并安装： 去下载微信...

      人生如戏，戏如人生。上一篇文章讲了小程序开发的准备工作。现在我们来看一下小程序的开发模板。不过在这之前，我们先看一下开发者工具： 工具大概了解了，还有先其他功能我们开发的时候慢慢学习。这个时候就看看小程序的开发路径： app.json  现在我们来看看这个开发模板的逻辑吧（能用图讲清楚的就不写代码了） 小程序的运行流程是 开启小程序走的是...

对象的多种创建方法：1）字面量形式创建：​ var 对象名={属性1：属性1值,……}2）工厂方法创建：​ function 函数名（参数1，参数2，…）{​ var 对象名=new Object();​ 对象名.属性1名=参数1； 对象名.属性2名=参数2；​ ………….​ re

vue​ 渐进式-可以在单个页面单独使用vue，只需要引入vue就行。​ 使用虚拟dom，减少性能消耗。​ 响应性-数据变化能在视图响应（通过Object.defindproperty实现数据更新并在视图响应）​ 组件化，万物皆组件，其实每一个.vue都是一个个组件，页面是通过一个个组件拼接起来的。（组件间的传值遵循单项数据流）生命周期​ beforeCreate - 实例初始化...