国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

微信小程序開發實戰——使用Underscore.js

Bowman_han / 1067人閱讀

摘要:是一個工具庫,它提供了一整套函數式編程的實用功能,但是沒有擴展任何內置對象。微信小程序無法直接使用進行調用。通過測試,微信小程序運行環境并沒有定義獲取應用實例解決方法修改代碼,注釋原有模塊導出語句,使用強制導出使用獲取應用實例其他完整代碼

Underscore.js 是一個 JavaScript 工具庫,它提供了一整套函數式編程的實用功能,但是沒有擴展任何 JavaScript 內置對象。Underscore 提供了100多個函數,包括常用的:map、filter、invoke — 當然還有更多專業的輔助函數,如:函數綁定、JavaScript 模板功能、創建快速索引、強類型相等測試等等。 微信小程序無法直接使用require( "underscore.js" )進行調用。

微信小程序模塊化機制

微信小程序運行環境支持CommoJS模塊化,通過module.exports暴露對象,通過require來獲取對象。

微信小程序Quick Start utils/util.js

function formatTime(date) {
  var year = date.getFullYear()
  var month = date.getMonth() + 1
  var day = date.getDate()

  var hour = date.getHours()
  var minute = date.getMinutes()
  var second = date.getSeconds();


  return [year, month, day].map(formatNumber).join("/") + " " + [hour, minute, second].map(formatNumber).join(":")
}

function formatNumber(n) {
  n = n.toString()
  return n[1] ? n : "0" + n
}

module.exports = {
  formatTime: formatTime
}

pages/log/log.js

var util = require("../../utils/util.js")
Page({
  data: {
    logs: []
  },
  onLoad: function () {
    this.setData({
      logs: (wx.getStorageSync("logs") || []).map(function (log) {
        return util.formatTime(new Date(log))
      })
    })
  }
})
原因分析

Underscore CommonJs模塊導出代碼如下:

// Export the Underscore object for **Node.js**, with
// backwards-compatibility for the old `require()` API. If we"re in
// the browser, add `_` as a global object.
if (typeof exports !== "undefined") {
  if (typeof module !== "undefined" && module.exports) {
     exports = module.exports = _;
  }
  exports._ = _;
} else {
  root._ = _;
}

exports、module必須都有定義,才能導出。通過測試,微信小程序運行環境exports、module并沒有定義

//index.js

//獲取應用實例
var app = getApp();

Page({ 

  onLoad: function () {
    console.log("onLoad");
    var that = this;

    console.log("typeof exports: " + typeof exports);    
    console.log("typeof module: " + typeof exports); 

    var MyClass = function() {

    }

    module.exports = MyClass;

    console.log("typeof module.exports: " + typeof module.exports);   
  }
})

解決方法

修改Underscore代碼,注釋原有模塊導出語句,使用module.exports = _ 強制導出

    /*
    // Export the Underscore object for **Node.js**, with
    // backwards-compatibility for the old `require()` API. If we"re in
    // the browser, add `_` as a global object.
    if (typeof exports !== "undefined") {
      if (typeof module !== "undefined" && module.exports) {
        exports = module.exports = _;
      }
      exports._ = _;
    } else {
      root._ = _;
    }
    */

    module.exports = _;
    /*
    // AMD registration happens at the end for compatibility with AMD loaders
    // that may not enforce next-turn semantics on modules. Even though general
    // practice for AMD registration is to be anonymous, underscore registers
    // as a named module because, like jQuery, it is a base library that is
    // popular enough to be bundled in a third party lib, but not be part of
    // an AMD load request. Those cases could generate an error when an
    // anonymous define() is called outside of a loader request.
    if (typeof define === "function" && define.amd) {
      define("underscore", [], function() {
        return _;
      });
    }
    */
使用Underscore.js
//index.js

var _ = require( "../../libs/underscore/underscore.modified.js" );

//獲取應用實例
var app = getApp();


Page( {

    onLoad: function() {
        //console.log("onLoad");
        var that = this;

        var lines = [];

        lines.push( "_.map([1, 2, 3], function(num){ return num * 3; });" );
        lines.push( _.map( [ 1, 2, 3 ], function( num ) { return num * 3; }) );

        lines.push( "var sum = _.reduce([1, 2, 3], function(memo, num){ return memo + num; }, 0);" );
        lines.push( _.reduce( [ 1, 2, 3 ], function( memo, num ) { return memo + num; }, 0 ) );

        lines.push( "var even = _.find([1, 2, 3, 4, 5, 6], function(num){ return num % 2 == 0; });" );
        lines.push( _.find( [ 1, 2, 3, 4, 5, 6 ], function( num ) { return num % 2 == 0; }) );

        lines.push( "_.sortBy([1, 2, 3, 4, 5, 6], function(num){ return Math.sin(num); });" );
        lines.push( _.sortBy( [ 1, 2, 3, 4, 5, 6 ], function( num ) { return Math.sin( num ); }) );

        lines.push( "_.indexOf([1, 2, 3], 2);" );
        lines.push( _.indexOf([1, 2, 3], 2) );

        this.setData( {
            text: lines.join( "
" )
        })
    }
})

其他

完整代碼 https://github.com/guyoung/Gy...

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/80501.html

相關文章

  • 微信小程開發實戰——模塊化

    摘要:以微信小程序調試時代碼為例兼容兼容微信小程序運行的代碼與模塊規范基本符合。使用第三方模塊微信小程序運行環境沒有定義,無法通過導入模塊,需要對第三方模塊強制導出后才能正常導入。 JavaScript模塊規范 在任何一個大型應用中模塊化是很常見的,與一些更傳統的編程語言不同的是,JavaScript (ECMA-262版本)還不支持原生的模塊化。 Javascript社區做了很多努力,在現...

    CoffeX 評論0 收藏0
  • 全球首發,微信小程開發實戰視頻教程發布

    摘要:昨日月,騰訊終于發布了沒有,無需申請也可以進行微信小程序開發的視頻教程了,我在在第一時間嘗試并發布了這個小視頻教程,入門足夠了各位免費拿去,慢慢享用鏈接密碼也可以添加微信小程序開發者交流群,只歡迎對微信小程序開發有興趣的朋友,其他勿加,感謝 昨日(9月23),騰訊終于發布了沒有APPid,無需申請也可以進行微信小程序開發的視頻教程了,我在在第一時間嘗試并發布了這7個小視頻教程,入門足夠...

    mushang 評論0 收藏0
  • 前端資源系列(3)-微信小程開發資源匯總

    摘要:微信小程序應用號開發資源匯總文檔工具教程代碼插件組件文檔從搭建一個微信小程序開始小程序開發文檔小程序設計指南工具小程序開發者工具官方支持微信小程序實時預覽的支持的微信小程序組件化開發框架轉在線工具小程序云端增強社區微信小程序 微信(小程序or應用號)開發資源匯總-文檔-工具-教程-代碼-插件-組件 文檔 從搭建一個微信小程序開始 小程序開發文檔 小程序設計指南 工具 小程序開發者...

    paney129 評論0 收藏0

發表評論

0條評論

Bowman_han

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<