JS获得多个同name 的input输入框的值的实现方法

2017年02月06日 104 阅读

先看下基于JS代码实现input密码输入框输入密码变黑点密文。具体代码如下所示：html代码<form id="login-form" method="post" onsubmit="return checkForm（）"> 输入密码<input type="password" id="input-password"> <input type="hidden" id="md5-password" name="password"...

javascript监听页面刷新和页面关闭事件方法详解

2017年02月06日 207 阅读

在我们的日常生活中，时常遇到这么一种情况，当我们在点击一个链接、关闭页面、表单提交时等情况，会提示我们是否确认该操作等信息。这里就给大家讲讲javascript的onbeforeunload（）和onunload（）两个事件。相同点:两者都是在对页面的关闭或刷新事件作个操作。不同点：unbeforeunload（）事件执行的顺序在onunload（）事件之前发生。（因为，unbeforeunload（）是在页面刷新之前触发的事件，而onubload（）是在...

NodeJS实现客户端js加密

2017年02月06日 88 阅读

思路：服务端渲染业务代码js =>前后端约定加密算法 =>业务代码进行签名 =>客户端解密业务代码 =>eval 执行Node 路由示例：/** * 请自定义 restful API 这里以 GET 为例 * @param {req} * @param {res} * @return {next（）} *///var util = require（"utility"）;exports.encryption = function（re...

微信小程序开发之Tabbar实例详解

2017年02月06日 203 阅读

微信小程序 Tabbar1.下载微信小程序开发软件；https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=2017142.扫描二维码登录，在手机点击确认登录3.新建一个项目，这里选择无APPID，如果需要填写APPID，需要到微信小程序里面注册，然后就可以获取APPID，填写项目名称，选择项目目录（注释：微信小程序不会自己创建主目录文件，所以自己先建立一个项目文件夹，然...

简单实现jQuery多选框功能

2017年02月06日 109 阅读

Jquery多选框的基本操作：支持全选、反选、取消全选的功能HTML正文：<input type="checkbox" id="c1">全选/全不选<br>兴趣爱好：<br><input type="checkbox" name="interst" value="basketball">篮球<input type="checkbox" name="interst" value="football">...

微信小程序 数据封装，参数传值等经验分享

2017年02月06日 119 阅读

微信小程序开发总结：一: 参数传值的方法1: data-id我们可以给HTML元素添加data-*属性来传递我们需要的值,使用方法说明:（1）设置data-id<view class="block" bindtap="playTap" data-id="{{modle.id}}">（2）: 取值 + 传值 playTap:function（e） {const dataset = e.currentTarget.dataset;wx.naviga...

图片懒加载插件实例分享（含解析）

2017年02月06日 77 阅读

在面试的时候有面试官问我，懒加载这个插件你有没有想到如何去优化？又间接问我函数节流的问题，嘿嘿，今天就更新下这个插件，顺便应用下函数节流（throttle），先直接上下代码，含解析/* * 函数功能：函数节流 * fn 需要调用的函数 * delay 函数需要延迟处理的时间 * mustRunDelay 超过该时间，函数一定会执行 * */ var throttle = function （fn, delay, mustRunDelay） { var ti...

jQuery编写设置和获取颜色的插件

2017年02月06日 94 阅读

分享一下编写设置和获取颜色的插件，首先我将插件的名字命名为jquery.color.js。该插件用来实现以下两个功能设置元素的颜色。获取元素的颜色。先在搭建好如下编写插件的框架：;（function（$）{ //这里编写插件代码}）（jQuery）;我这里采用jQuery.fn.extend（）.这种方法来编写，代码如下：;（function（$）{ $.fn.extend（{ "color":function（value）{ //这里写插件代码 } }）...

vue日期组件 支持vue1.0和2.0

2017年02月06日 83 阅读

vue-datetime使用vue编写的时间组件，小巧实用，支持vue1.0，vue2.0v1.0 功能:1.支持同时展开多个日期选择框2.支持单击选中和取消，可配置单选和多选3.支持双击启动连续选择，支持正向连续，逆向连续和跳跃不可选日期4.支持在日期选择框内直接切换月份5.支持初始化不可点击日期（剩余的可选择）6.支持初始化已选择日期（已选择日期高亮）7.支持初始化可选择日期（剩余的不可选择）8.同时初始化不可点击和可点击日期，将以可点击日期为准v1....

微信小程序 开发之快递查询功能的实现

2017年02月06日 155 阅读

微信小程序 快递查询功能：产品需求，准备api,代码编写。第一步：产品需求，我们需要实现如下图的一个功能，在文本框输入快递单号，点击查询，下面出来我们需要的快递信息第二步：准备我们先找一个快递的api接口，通过http://apistore.baidu.com/我们可以看到很多的api，我们找一个快递查询的我们可以看到有接口地址，和一些参数。做好这个准备接下来就开始编码工作了…………第三步:编码工作我们新建一个Express的文件，然后默认文件准备齐全我们...

微信小程序 欢迎页面的制作（源码下载）

2017年02月06日 86 阅读

微信小程序欢迎页面：先看下最后的效果图：首先打开开发工具，创建quick start项目，简单的修改一下。把Index文件夹重命名为welcome；底部的hello world改为一个类似于按钮的样式；添加背景颜色； 修改顶部样式；按钮的实现：welcome.wxml <view class="usermotto"> <text class="btn">开启小程序之旅</text> </view>welcom...

jquery实现多次上传同一张图片

2017年02月06日 88 阅读

话不多说，请看代码$（"input[type=file]"）.wrap（"<form>"）.closest（"form"）.get（0）.reset（）;wrap（）:$（"p"）.wrap（"div"）;===><div><p></p></div>;.closest（）:最接近的列表元素或者其子后代元素get（）:$（"p"）.get（0）获得第一个p元素的名称和值，这个方法得到的是dom...

微信小程序 实战程序简易新闻的制作

2017年02月06日 85 阅读

微信小程序 实战项目：简易新闻制作先看下效果： 实现思路数据全部是采用的本地数据，图片也是本地图片，因为苦逼的个人开发者，无法认证；toolbar四个现象：新闻，笑话，历史上的今天和主页，集中主页采用的是默认的页面，添加自己的一些内容；数据绑定，列表渲染，条件渲染和事件的使用；使用一些基础的View和text，部分API的使用； 代码结构目录用途images存放本地图片pages存放页面，history历史上的今天，index主页，joke笑话，news新...

AlloyTouch全屏滚动插件 30秒搞定顺滑H5页

2017年02月06日 95 阅读

JavaScript开源：AlloyTouch 全屏滚动插件使用方法整理如下原文：https://github.com/AlloyTeam/AlloyTouch/wiki/AlloyTouch-FullPage-Plugin使用姿势在设计全屏滚动插件的时候，希望开发者几乎：不用写任何脚本快速生成精致H5支持PC滚轮和移动触摸酷炫的转场动效灵活的时间轴管理一切皆可配置但是不写脚本肯定没有灵活性咯？！不是的。这里不仅仅可以通过在HTML配置一些参数，还可通过插...

jQuery实现弹出窗口弹出div层的实例代码

2017年02月06日 133 阅读

通过今天的jquery实例学习，我们要达到这样的效果：点击页面的链接，弹出一个div层，同时页面的其他部分变灰并且不能点击；无论是改变浏览器窗口大小还是下拉滚动条，这个弹出层都能始终保持居中；点击页面的关闭按钮，弹出层消失，页面恢复原样。这里借鉴之前的一篇文章《基于jQuery的固定飘浮层》，使弹出窗口可以始终固定在浏览器的正中间。在这里有一个要点，就是如何使页面的其他地方在弹出窗口的同时变灰。我使用的方法就是在点击链接弹出div层的时候，给页面增加一个d...

微信小程序 摇一摇抽奖简单实例实现代码

2017年02月06日 161 阅读

微信小程序 摇一摇抽奖微信小程序目录为了更好的理解小程序和小程序开发，我们首先来看一下项目的目录。 首先看下根目录下的app.json的文件，可以看到在”pages”的数组里，里面配置了每个界面，且包含了每个界面文件的目录我们接下来看一下page文件夹，可以看到每个页面需要包含两个文件，一个是js文件，是每个界面的入口，wxml的文件是每个界面的布局文件，wxss是样式文件。接下来看一下logs文件夹，在logs文件夹中比index文件夹中多出了一个log...

微信小程序 用户数据解密详细介绍

2017年02月06日 152 阅读

微信小程序 用户数据解密官方指引图：引导图一步一步操作1、获取codeonLoad: function （options） {// 页面初始化 options为页面跳转所带来的参数let that = thiswx.login（{ success: function （res） {// successlet code = res.codethat.setData（{ code: code }）wx.getUserInfo（{ success: functi...

jQuery.parseHTML（） 函数详解

2017年02月06日 90 阅读

定义和用法$.parseHTML（） 函数用于将HTML字符串解析为对应的DOM节点数组。注意：1. 该函数将使用原生的DOM元素创建函数把HTML字符串转换为一个DOM元素的集合，你可以将这些DOM元素插入到文档中。2. 如果没有指定context参数，或该参数为null或undefined，则默认为当前document。如果创建的DOM元素用于另一个文档，例如iframe，则应该指定该iframe的document对象。安全考虑：大多数jQuery A...

javascript删除html标签函数cIsHTML

2017年02月06日 86 阅读

核心函数代码：function cIsHTML（str） {// parseHTML 会解析页面中的代码,故放弃此方法实现//try {// $.parseHTML（str）;// } catch （e） {// return {// errno: e.name,// errmsg: e.message// };// }// return true;if （/s?<！doctype html>|（<html[^>]*>...

jquery做个日期选择适用于手机端示例

2017年02月06日 93 阅读

第一步：做个 文本框用于显示年月日的第二步：点击文本框触发bootstrap模态框并显示第三步：我是建一个外部js页面写的js中获得当前时间是年份和月份，形如：201208 //获取完整的日期 var date=new Date; var year=date.getFullYear（）;var month=date.getMonth（）+1; month =（month<10 ? "0"+month:month）;var mydate = （...