[html] 代码如下:<form action="" method="post" id="formValidate"> 数值：<input name="" type="text" validate="number" /><span></span><br/> 浮点型：<input name="" type="text" validate="decimal" /><span></span><br/> 英文：<input name="" type="text" validate="english" /><span></span><br/> 大写英文：<input name="" type="text" validate="upper_english" /><span></span><br/> 小写英文：<input name="" type="...
微信小程序 弹窗 首先wxml代码： <view class="myToast" hidden="{{nullHouse}}">暂无有关信息</view> <view bindtap="clickArea">点击此处</view> 注：hidden属性用于切换比较频繁的地方。 wxss代码设置弹窗样式: .myToast{width:240rpx;height:130rpx;line-height: 130rpx;margin:80rpx 35%;border-radius:20rpx;background-color: rgb(114,113,113);color:rgb(255,255,255);font-size: 36rpx;text-align: center;position: ...
微信小程序网络请求wx.request详解及实例 如果说小程序API里面最重要一个接口是哪一个？那么首推wx.request()。相当于在小程序内请发起一个https请求（本地调试模式下支持HTTP）。HTTP协议中共定义了八种方法或者叫“动作”来表明对Request-URI指定的资源的不同操作方式。 GET：向特定的资源发出请求。POST：向指定资源提交数据进行处理请求。数据被包含在请求体中。PUT：向指定资源位置上传其最新内容。DELETE：请求服务器删除Req...
一、获取函数名称的3种实现方法实例1： 在js权威指南中看到的一个方法： Function.prototype.getName = function(){ return this.name || this.toString().match(/function\s*([^(]*)\(/)[1]} 实例2： 如果当前函数是有名函数，则返回其名字，如果是匿名函数则返回被赋值的函数变量名，如果是闭包中匿名函数则返回“anonymous”。 代码如下: var getFnName = function(callee){ var _callee = callee.toString().repla...
几个例子： 代码如下: function case1(num){ switch(num){ case 1: document.writeln("show 1!!"); break; case 2: document.writeln("show 2!!"); break; case 3: document.writeln("show 3!!"); break; default: document.writeln("show others!!"); break; } } function case2(num){ switch(num){ case 1: document.writeln("show 1!!"); //沒有break，所以會繼續執行case 2 case 2: document.writeln("show 2!!"); break; cas...
直接上代码： $url = $this->getConfig ()->url (); $content = "var url={ base:{$url->base},css:{$url->css},js:{$url->js},img:{$url->img},current:window.location};"; $expire = 604800; header ( Content-type: application/x-javascript ); header ( Cache-Control: max-age= . $expire ); header ( Accept-Ranges: bytes ); header ( Content-Length: . strlen ( $content ) ); echo $content;
本文实例讲述了JS+Canvas实现的俄罗斯方块游戏。分享给大家供大家参考，具体如下： 试玩（没有考虑兼容低版本浏览器）：********************************************************************** 9月3日更新： 修复了隐藏的比较深的BUG 加上暂停、再来一次功能 速度随分数增高而递减 添加log日志 ********************************************************************* 通过写这个游戏收获几点： 1、canvas的isPointInPath方法不...
本文实例讲述了WebGL利用FBO完成立方体贴图效果的方法。分享给大家供大家参考，具体如下： 这篇主要记录WebGL的一些基本要点，顺便也学习下如何使用FBO与环境贴图。先看下效果图(需要支持WebGL，Chrome,火狐，IE11)。主要实现过程如下，先用FBO输出当前环境在立方体纹理中，再画出当前立方体，最后画球，并且把FBO关联的纹理贴在这个球面上。 开始WebGL时，最好有些OpenGL基础，在前面讲Obj完善与MD2时，大家可能已经发现了，因为着...
vue.js，是一个构建数据驱动的 web 界面的库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。（这是官方的一个解释！）小编没使用过angularjs，也没使用过react.js，不能详细的说明三者的区别，想了解的话，在官方有一个分析，请点这里查看 小编从业前端开发也有了一年多的时间，刚开始的时候，前端开发展现的技术太多，小编有心无力，兼顾不过来，经过了解之后，还是选择了学原生js基础兼并jquery的学...
二次封装axios，根据参数来实现多个请求多次拦截 1. 新建 axiosTool.js 文件，设置请求拦截和处理的逻辑 import Vue from vue import axios from axios //取消请求 let CancelToken = axios.CancelToken //设置默认请求头，如果不需要可以取消这一步 axios.defaults.headers = {X-Requested-With: XMLHttpRequest } // 请求超时的时间限制 axios.defaults.timeout = 20000 // 开始设置请求 发起的拦截处理 // config 代表发起请求的...
一、ReactJS简介React 是近期非常热门的一个前端开发框架。React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于 React 的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来 Web 开发的主流工具。ReactJS官网...
本文实例讲述了jQuery实现的超简单选项卡效果。分享给大家供大家参考。具体如下： 这是一款基于jQuery的选项卡示例，比较实用的一个实例，希望通过本文让大家掌握如何使用jQuery创建一个选项卡标签，这是目前WEB前端设计比较流行的一款功能。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-simple-nav-cha-demo/ 具体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ht...
jquery-autocomplete配置： <script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="/js/jquery.autocomplete.min.js"></script> <link rel="Stylesheet" href="/js/jquery.autocomplete.css" /> 首先是一个最简单的Autocomplete（自动完成）代码片段： 代码如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>AutoComplate</title> <script...
本文实例分析了jquery读写cookie操作。分享给大家供大家参考，具体如下： jquery cookie需要脚本文件如下：jQuery.cookie = function(name, value, options) { if (typeof value != 'undefined') {options = options || {};if (value === null) {value = '';options = $.extend({}, options);options.expires = -1;}var expires = '';if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)...
顶部固定时划屏出现闪动 头部是一个普通的div，高度是48,头部下面有个固定的banner，手下滑的时候，banner会固定在浏览器最顶部不动。出现的问题是，PC端是好的，手机浏览器向上滑动的时候出现闪动！影响用户体验。 解决方法一： 之前的做法： if ($(window).scrollTop() < 48) {$(".nav ").css("top", 48 - parseInt($(window).scrollTop()));}else{$(".nav ").css("top", "0"); }$(window).scroll(function () {$(".nav ").css("...