2019年08月_huangzhin

原创 Vue中监听键盘事件----常用健无需匹配keyCode，直接使用别名就能监听按键的事件

一、背景在一些搜索框中，我们往往需要监听键盘的按下(onkeydown)或抬起(onkeyup)事件以进行一些操作。而在原生js或者jQuery中，我们需要判断e.keyCode的值来获取用户所按的键。这样就存在一个问题：我们必须知道某个按键的keyCode值才能完成匹配，使用起来十分不便。键盘事件：js中获取键盘事件：示例代码：document.ο...

2019-08-27 10:20:37 1180

原创 ES6常用新特性

一、ES6中函数的默认参数：以前我们是这样定义默认参数：var fun = function(a,b){ var a = a || "aaa"; var b = b || "bbb"; ...}这样做一直都没什么问题，直到参数的值为0，因为0在JavaScript中算是false值，它会直接变成后面硬编码的值而不是0本身。在ES6中很好得解决了这个...

2019-08-19 20:10:13 443

原创小程序和vue.js的区别（持续更新中~）

一、生命周期：1、小程序：onLoad----监听页面加载：一个页面只会调用一次，可以在onLoad中获取当前页面从上一级页面带过来的参数(通过options)。onReady----监听页面初次渲染完成：一个页面只会调用一次，代表当前页面已经准备妥当，可以和视图层进行交互。对界面的设置如 wx.setNavigationBarTitle请在 onReady之后设置。详见生...

2019-08-10 23:57:57 803 4

原创 textarea还剩余字数统计----微信小程序

前言：不管做什么类型的项目，几乎都会碰到评论框，评论往往都会有最大字数限制，这时为了提高用户体验，我们往往需要告诉用户已输入字数。嘻嘻，还不会的同志们花两分钟看一下~## 一、先奉上效果图：二、简介实现思路：1、在textarea中绑定bindinput事件。2、通过var value = e.detail.value;获取textarea的值。3、通过 var len = pa...

2019-08-10 22:57:46 2185 3

原创微信小程序开发事件：catch---或bind---的区别（如bindtap和catchtap）

一、事件的概念：1、微信官方给出的事件的解释是：事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息，如 id, dataset, touches。2、那我们如何使用事件呢？简单来说就是将事件绑定到组件上面，例如：bindtap和catchtap都属于点击事...

2019-08-10 22:09:09 2012

原创了解px、rpx、em、rem、%、vw、vh、vm这些的区别，减少兼容bug

一、背景介绍随着Web的发展，对新的解决方案的需求也会继续增大，对网页的要求更高。网页设计单位是涉及到我们布局的效果，使用不同的单位会对最终的demo，会有影响。而且现在都是要求响应式设计，需要适配各种设备，电脑，手机，平板。如果单位不合适，可能在这个设备显示良好，那个设备就会打乱布局。所以需要我们选择合适的单位来进行开发，设计。二、知识剖析1、px1）px就是pixel的缩写，意为像素。...

2019-08-08 19:58:31 2950

一、同步与异步概念：同步和异步关注的是消息通信机制 (synchronous communication/ asynchronous communication)。解释：涉及到IO通知机制；所谓同步，就是发起调用后，被调用者处理消息，必须等处理完才直接返回结果，没处理完之前是不返回的，调用者主动等待结果；所谓异步，就是发起调用后，被调用者直接返回，但是并没有返回结果，等处理完消息后，通过状态...

2019-08-03 20:43:53 172

原创五分钟上手git版本控制器

一、初始化使用Git前，需要先建立一个仓库(repository)。我们可以使用一个已经存在的目录作为Git仓库或创建一个空目录来作为Git仓库。1、若使用您当前目录作为Git仓库，我们只需使它初始化。git init2、若使用我们指定目录作为Git仓库。git init newrepo补充：如果我们从现有Git 仓库中拷贝项目，则需要使用clone命令：克隆仓库...

2019-08-03 16:10:44 116

原创 jQuery ajax - serializeArray() 序列化方法,让你一分钟获取表单里的所有内容

一、对 serializeArray() 的理解1、serializeArray()函数用于序列化一组表单元素，将表单内容编码为一个JavaScript数组。2、serializeArray()函数常用于将表单内容序列化为JSON对象，以便于被编码为JSON格式的字符串。3、该函数会将可用于提交的每个表单控件封装成一个Object对象，该对象有name和value属性，对应该表单控件的nam...

2019-08-02 10:44:06 1173

huangzhin的博客