?这是vue.js系列文章第二遍，第一篇讲述的是如何搭建vue.js的开发环境，计划按进度做成一款完整的app，当然前提是时间允许的话。本文用到了stylus语法，至于为什么使用stylus而不去用sass，主要是因为stylus来自于Node.js社区。总之stylus是一款高效的CSS预处理器，具体使用不在本文讨论范围。好了，废话不说了，下面讲述怎么封装tababr的切换。 底部tab进行页面切换，会用到vue里面的路由，也就是vue-router我们在安装vue-cli时选...
微信小程序之网络请求简单封装实例详解 在微信小程序中实现网络请求相对于Android来说感觉简单很多，我们只需要使用其提供的API就可以解决网络请求问题。 普通HTTPS请求(wx.request)上传文件(wx.uploadFile)下载文件(wx.downloadFile)WebSocket通信(wx.connectSocket)为了数据安全，微信小程序网络请求只支持https，当然各个参数的含义就不在细说，不熟悉的话可以；可以去阅读官方文档的网络请求api，当我们使用request时header的c...
前言 单页面应用大多采用前后端分离开发思路，我们知道，前端和后端交互有多中方式(服务器端渲染、Ajax、websocket等)，今天我们主要讲解Ajax部分。 最近团队讨论了一下，Ajax 本身跟 Vue 并没有什么需要特别整合的地方，使用 fetch polyfill 或是 axios、superagent 等等都可以起到同等的效果，vue-resource 提供的价值和其维护成本相比并不划算，所以决定在不久以后取消对 vue-resource 的官方推荐。已有的用户可以继续使用，但以...
index.html页面: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>require.js封装轮播图</title> <style type="text/css">*{margin: 0;padding: 0;list-style: none;}#banner{width: 830px;height: 440px;border: solid 1px;margin: 50px auto;position: relative;overflow: hidden;}#banner ul{position: absolute;left: 0;top: 0;}#banner ul li{width: 830px;height: 440px;float: left;}#banner p{position: abs...
javascript-封装Date日期类（一）对日期进行格式化自定义Date日期类的format()格式化方法方式一：（非原创） // 对Date的扩展，将 Date 转化为指定格式的String // 月(M)、日(d)、小时(H)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符， // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // 例子： // (new Date()).Format("yyyy-MM-dd HH:mm:ss.S") ==> 2016-09-19 16:32:53.731 // (new Date())....
微信小程序封装http访问网络库实例代码 之前都是使用LeanCloud为存储，现在用传统API调用时做如下封装 文档出处：https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-request.html 代码如下： var HOST = http://localhost/lendoo/public/index.php/; // 网站请求接口，统一为post function post(req) { //发起网络请求wx.request({url: HOST + req.uri, data: req.param, header: {"content-type": "application/x-www-form...
wx-promise-request 是对微信小程序 wx.request 方法的异步封装。 解决问题 支持 Promise (使用 es6-promise 库)。管理请求队列，解决 request 最大并发数超过 10 会报错的问题。下载 npm install wx-promise-request 然后拷贝 dist/index.js 文件到你的小程序项目中。 使用 import {request} from ./wx-promise-request;request({url: test.php,data: {x: ,y: ,},header: {content-type: application/json,}, }) .then(res => con...
正文 前言：最近产品需要设计一套相对完整的组织架构的解决方案，由于组织架构涉及到层级关系，在表格里面展示层级关系，自然就要用到所谓的treegrid。可惜的是，一些轻量级的表格组件本身并没有自带树形表格的功能，比如bootstrapTable就没有这个功能，怎么办呢？如果是jqgrid、easyUI的表格，treegrid的效果可以说是轻而易举就能解决，而项目目前用的就是bootstrapTable，不可能这个时候因为这个需求去换组件吧。博主分析了下，无...
前言： 之前分享了那么多bootstrap组件的使用经验，这篇文章打算研究下JS组件的扩展和封装，我们来感受下JQuery为我们提供$.Extend的神奇，看看我们怎么自定义自己的组件，比如我们想扩展一个$("#id").MyJsControl({})做我们自己的组件，我们该如何去做呢，别急，我们慢慢来看看过程。 一、扩展已经存在的组件 1、需求背景 很多时候，我们使用jquery.ajax的方式向后台发送请求，型如 $.ajax({type: "post",url: "/User/Edi...
微信小程序 request接口的封装实例代码 小程序request接口的封装(本质上是对request回调函数再次回调)module.exports.getData = function (url) {var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};var method = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : POST;var header = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : { Content-Type:...
最近在工作中遇到一个问题，需要对页面上一组元素进行ajax操作，结构如下： <div id="aid"></div> <div id="aid"></div> <div id="aid"></div> <div id="aid"></div> <div id="stop">Stop here</div> <div id="aid"></div> <div id="aid"></div> <div id="aid"></div> 编写遍历函数 function a() {$(div).each(function () {var that = $(this);var id = that.attr(id);b(id, that)})} 首先执行函数 a() 遍历每个元素，然后执行b(...
上一篇文章：nodejs微信公众号开发(2)自动回复，实现了简单的关注回复。采用拼接字符串的形式，并不是很方便，这里我们将其封装承接口。1. ejs模板引擎不使用拼接字符串的方式，那么模板引擎就是较好的选择。Nodejs开源模板的选择很多，程序中使用 EJS，有Classic ASP/PHP/JSP的经验用起EJS来的确可以很自然，也就是说，你能够在 <%...%> 块中安排 JavaScript 代码，利用最传统的方式 <%=输出变量%>（另外 <%-输出变量是不会对 & 等...
创建一个js文件，名为testClosure.js： (function () {function a(){alert(i am a);}outFunc = function () {a();} })(); 这里不论写多少个function,a b c d ...外面都调用不到，包括这里面var定义的变量也都调用不到，那么你在里面尽情的写，就不用担心这些函数名变量名跟外界冲突； 只需要暴露一个outFunc这个函数供外界调用。这个函数呢没有用var定义，就变成一个全局变量，外界就可以调用的到，利用这一点，让这个函数变成匿名...
本文实例讲述了JavaScript使用链式方法封装jQuery中CSS()方法。分享给大家供大家参考，具体如下： 主要思路就是：返回this对象，将所获取的操作元素放入一个数组中。在原型中添加拓展方法 <html> <head><title></title> </head> <body><div id="one">aa</div> </body> <script type="text/javascript"> //封装类似于JQuery的连缀 /* 思路：一个操作后再返回本来的对象this，将获取的元素放入一个数组内部。通过原型添加方法; 为了能...
本文实例讲述了JS简单实现获取元素的封装操作。分享给大家供大家参考，具体如下： JS封装获取元素 js的获取元素： ID：document.getElementById(); class:document.getElementsByName()[]; Tag:document.getElementsByTagName()[] 现在我们要简单的封装这个 1. 函数写法： function $(id){return document.getElementById(); }其他类同 使用方法： $(id) /$(tagname)[0]2. 对象写法： var Base={getId:function(id){return documen...