javascript技巧

微信小程序tabBar模板用法实例分析【附demo源码下载】

2017-11-27
本文实例讲述了微信小程序tabBar模板用法.分享给大家供大家参考,具体如下: 众所周知,微信小程序的tabBar都是新开页面的,而微信文档上又表明了最多只能打开5层页面.这样就很容易导致出问题啦,假如我的tabBar有5个呢?下面是微信原话: 一个应用同时只能打开5个页面,当已经打开了5个页面之后,wx.navigateTo不能正常打开新页面.请避免多层级的交互方式,或者使用wx.redirectTo 因此这几天想着根据微信tabBar数组来自定义模板供页面调用.不过我在list里面每个对象都

微信小程序用户自定义模版用法实例分析

2017-11-27
本文实例讲述了微信小程序用户自定义模版用法.分享给大家供大家参考,具体如下: 1.新建一个wxml(为测试方便,这里将wxml文件建立在home目录下) /home/home/botmenu.wxml: <template name="bottommenu"> <view class="bottomposition"> <navigator class="item_info" url="../home/ho

ligerUI---ListBox(列表框可移动的实例)

2017-11-27
写在前面: 对于可移动的列表框,ligerui中也对其进行了封装,可以直接照着demo拿来用,不过那都是直接在页面上静态初始化的数据,那么如何从后台获取? 前面有了对ligerui的一些组件的使用经验后,在这里其实 对于从后台获取数据在前台页面进行显示,都大同小异.也不是很难. 即要么是在ligerui组件中直接使用其url属性向后台发送请求,要么是单独发送一个ajax请求拿到数据后,通过获取组件,然后设置其data属性.嘿嘿.. 下面就直接使用url属性来发送请求吧..... 前台页面: <s

JavaScript生成简单等差数列

2017-11-27
题目很简单,最简单的办法就是使用for循环 let arr = [] for (let i = 0; i < b - a + 1; i++) { arr.push(i + a) } return arr 进阶 之后再想起来时感觉之前的方法有点愚蠢,遂又想出这些方法 数组空位 join()和toString()会将空位视为undefined(字符串形式): // 拼接 > 分割 > map Array(b - a + 1).join(' ').split(' ').map((e, i) =

微信小程序模板和模块化用法实例分析

2017-11-27
本文实例讲述了微信小程序模板和模块化用法.分享给大家供大家参考,具体如下: template 模板,在定义的时候使用name属性,如以下声明方式 <template name="mytemp"> <view> name:{{names}} address:{{add}} </view> </template> 模板不能直接在界面上显示,需要调用的时候才能显示出来,调用的时候需要使用is属性来说明调用的是哪个模板,并且传参的形式可以有多种

javascript字体颜色控件的开发 JS实现字体控制

2017-11-26
我们在用JS写程序的时候,经常会遇到像在程序中直接控制字体的大小颜色等基本信息,尤其的在后台方便,小编测试用javascript写了一个这个控件,喜欢的拿走吧. 以上就是用JS写的运行效果,一下我们来看看代码具体实现方式: 知识点:for循环语句,字符串方法,进制转换,this指向问题,变量,数组方法,基本事件处理等. <!doctype html><!--声明html版本编写指令 H5--> <html> <head> <!--声明页面编码 uft-

微信小程序列表渲染功能之列表下拉刷新及上拉加载的实现方法分析

2017-11-26
本文实例讲述了微信小程序列表渲染功能之列表下拉刷新及上拉加载的实现方法.分享给大家供大家参考,具体如下: 微信小程序为2017年1月9日打下了一个特殊的标签,迅速刷爆了网络和朋友圈,最近我也写了一个demo程序体验一把.微信小程序和vuejs有些像,都是数据驱动视图&单向数据绑定,而其体验要比H5页面好很多,这得益于微信环境的支持以及首次运行时同时加载所有页面的处理.本文将分享微信小程序列表的下拉刷新和上划加载的实践. 效果图 首先来看看程序效果图,以下四张图从左至右依次是:下来刷新动画.下拉刷

JavaScript数据结构之双向链表和双向循环链表的实现

2017-11-26
双向链表和普通链表的区别在于,在链表中,一个节点只有链向下一个节点的链接,而在双向链表中,链接是双向的:一个链向下一个元素,另一个链向前一个元素. 双向链表提供了两种迭代列表的方法:从头到尾,或者反过来.我们也可以访问一个特定节点的下一个或前一个元素.在单向链表中,如果迭代列表时错过了要找的元素,就需要回到列表起点,重新开始迭代.这是双向链表的一个优点. 双向链表:单向链表只能向着一个方向遍历链表节点,而在节点指针域中增加了前向指针的双向链表,则可以向着两个方向遍历节点.这使得双向链表也可以在任

JS使用贪心算法解决找零问题示例

2017-11-26
本文实例讲述了JS使用贪心算法解决找零问题.分享给大家供大家参考,具体如下: 前面介绍了JS贪心算法解决背包问题,这里再来看看找零问题的解决方法. 在现实生活中,经常遇到找零问题,假设有数目不限的面值为20,10,5,1的硬币. 给出需要找零数,求出找零方案,要求:使用数目最少的硬币. 对于此类问题,贪心算法采取的方式是找钱时,总是选取可供找钱的硬币的最大值.比如,需要找钱数为25时,找钱方式为20+5,而不是10+10+5. 贪心算法还是很常见的算法之一,这是由于它简单易行,构造贪心策略不是很

Vim快速合并行及vim 将文件所有行合并到一行

2017-11-26
VIM (Unix及类Unix系统文本编辑器) Vim是一个类似于Vi的著名的功能强大.高度可定制的文本编辑器,在Vi的基础上改进和增加了很多特性.VIM是自由软件. Vim普遍被推崇为类Vi编辑器中最好的一个,事实上真正的劲敌来自Emacs的不同变体.1999 年Emacs被选为Linuxworld文本编辑分类的优胜者,Vim屈居第二.但在2000年2月Vim赢得了Slashdot Beanie的最佳开放源代码文本编辑器大奖,又将Emacs推至二线, 总的来看, Vim和Emacs在文本编辑方

Bootstrap实现翻页效果

2017-11-25
Bootstrap之翻页. 优点: 支持局部刷新: 只要是列表,都可以加载该组件: 支持动态数据绑定: 当然还有绝对的简单实用. 效果图 最后一页时: 最开始一页时: 实现 ①.翻页组件的布局 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ include file="/componen

JavaScript数据结构之单链表和循环链表

2017-11-25
数据结构系列前言: 数据结构作为程序员的基本知识,需要我们每个人牢牢掌握.近期我也展开了对数据结构的二次学习,来弥补当年挖的坑......   当时上课的时候也就是跟着听课,没有亲自实现任何一种数据结构,更别提利用数据结构来解决问题了.  现在就来填坑了奋斗   在这里提醒看到我博客的孩子们,如果你还是在校生,永远不要轻视任何一门基础课的学习,这个时候挖的坑,要么需要用双倍的努力去填,要么会直接影响一个人的能力等等...... 千万别给自己挖坑 进入正题,关于链表的数据结构知识,这里简单介绍下:

元素全屏的设置与监听实例

2017-11-25
设置全屏和退出全屏 //全屏设置 $('#fullScreen').on('click', function () { fullScreen(); }); //退出全屏 $('#exitFullScreen').on('click', function () { exitFullScreen(); }); //进入全屏 function fullScreen() { var obj = document.getElementById('editMark'); if (obj.requestFul

微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法

2017-11-25
本文实例讲述了微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法.分享给大家供大家参考,具体如下: 很多项目都会有消息记录页,即列表页,紧接着就是点击列表的某一项进入到消息的详情页,这里承接上一篇文章,继续分享如何从列表的item项跳转到下一个页面. 一.效果图 从左边的列表页调到右边的详情页 二.页面之间的跳转 首先要看的是页面的跳转,微信小程序有三种跳转方式可供选择: 1.保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面. wx.navi

javaScript canvas实现(画笔大小 颜色 橡皮的实例)

2017-11-25
实例如下所示: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div> <div> <!--<input type="button" id="open" value="open&q

weebox弹出窗口不居中显示的解决方法

2017-11-25
某些页面weebox弹出窗口不居中显示,某些页面又居中显示,弹出窗口的居中算法也OK,这是为什么呢? 一.解决办法 作为对你负责的态度,必须先告知你决绝办法. 在页面顶端加入以下代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 注意必须是这样的 <!

Javacript中自定义的map.js 的方法

2017-11-25
js中没有map这个类,只能自己写一个.以下map.js和map-util.js都是自定义的map,任选其一就可以.你可以用它来像java里new Map()和put().remove().get()等方法. map.js: function Map() { var struct = function(key, value) { this.key = key; this.value = value; } var put = function(key, value){ for (var i = 0

JS实现的找零张数最小问题示例

2017-11-25
本文实例讲述了JS实现的找零张数最小问题.分享给大家供大家参考,具体如下: 完整代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net 找零问题</title> </head> <body> <script> var price = pro

jfinal与bootstrap的登出实战详解

2017-11-25
前言:本篇推出"jfinal与bootstrap的登出实战",旨在介绍如果通过a标签弹出登出确认框,然后发送退出请求到jfinal,然后再刷新页面的做法.主要难点在于1.如果通过a标签的内容弹出登出确认框,2.如何通过a标签刷新对应弹出的页面. 前端技术 1.构建a标签 复制代码 代码如下: <a href="${ctx}/mem/logout"  target="ajaxTodo" callback="ajaxDone"

Dropify.js图片宽高自适应的方法

2017-11-25
最近发现了一个比较好用的图片上传插件, Dropify.js ,具体使用方法挺简单的,这里就不介绍了. 但是由于我希望图片样式是宽度固定,高度自适应的,而这个插件好像无法自适应高度,只能在固定的区域内显示图片,看的非常不舒服. 看了一下插件的源码,发现可以在预览图片时,调整图片高度.需要修改css和js,下面贴下代码. <!-- 插件容器 --> <div class="blog-title-img clear"> <input type="fi