Welcome

首页 / 脚本样式 / JavaScript

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

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

简单实现jQuery多选框功能

2017-02-06 30
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 20
微信小程序开发总结：一: 参数传值的方法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 21
在面试的时候有面试官问我，懒加载这个插件你有没有想到如何去优化？又间接问我函数节流的问题，嘿嘿，今天就更新下这个插件，顺便应用下函数节流（throttle），先直接上下代码，含解析/* * 函数功能：函数节流 * fn 需要调用的函数 * delay 函数需要延迟处理的时间 * mustRunDelay 超过该时间，函数一定会执行 * */ var throttle = function （fn, delay, mustRunDelay） { var ti...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2017-02-06 28
微信小程序 用户数据解密官方指引图：引导图一步一步操作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 24
定义和用法$.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 21
核心函数代码：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 23
第一步：做个 文本框用于显示年月日的第二步：点击文本框触发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 = （...

Html5 js实现手风琴效果

2017-02-06 19
使用H5实现横向的手风琴功能<！DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title></title><style> * {padding: 0;margin: 0; } div {width: 522px;height: 222px;margin: 50px auto;border: 1px s...

jQuery验证表单格式的使用方法

2017-02-06 21
工作之余整理一些工作中编写的代码，记录自己工作中的技术要点，便于自己记忆已经整合。以下是关于此jQuery验证的一些标记以及使用方法：整个js代码都放入jquery_validate_1.1.0.js中，通过一个匿名函数，jQuery的扩展方法，扩展方法为：initValidate函数，方法中带一个options配置参数，目前配置参数只有一个属性，{handlerUrl：""}，提供是否需要后台请求验证的url地址。只需要对取验证的DOM绑定$（"ID"...

详解vue之页面缓存问题（基于2.0）

2017-02-06 18
比如有一个列表页面，然后列表每项都有一个详情，之前用vue1.x的时候，页面缓存基本没有什么问题。 在vue2.0中出现了列表页面是每次都重新加载数据，但是详情页面却只在第一次加载的时候调用数据，如果返回到列表再进入详情那么页面是不会重新渲染页面，可能是新手吧，这个问题困扰了我很久，一直没有办法解决…… 根据vue-router的官方文档所说，watch: {// 如果路由有变化，会再次执行该方法"$route": "fetchData" }按照这样写了，...
<< 31 32 33 34 35 36 37 38 39 40 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图