美文网首页微信小程序
5-2 使用require方法加载js模块儿文件

5-2 使用require方法加载js模块儿文件

作者: 留白_汉服vs插画 | 来源:发表于2017-11-20 19:15 被阅读53次

本节重点:怎么从脚本文件引用,读取这些数据。

知识点1、出口 

我们为了模拟服务器,先把数据放到post-data.js里面,然后在这个文件里面写上

module.exports = {

        postList:Local_database

}

和nodeJS里的模块输出是一样的。能够通过这个出口expert输出数据到别的脚本里。

注意,setData参数是对象,里面是键值对,不要写a_key= a ,极容易错。

想输出多少变量都可以,出口中一直追加就可以了。

里面定义上属性变量postList,它的值就是post-data.js里面定义的关于数据的对象数组。

定义的方法就是属性变量名+属性变量名的值。想有多少变量都可以。

知识点2、“入口”,也就是对应的post.js如何来接收对应的数据。

在post.js开始,定义一个变量var postsData = require("../../data/post-data.js"),参数是入口文件的文件路径,但是注意必须是相对路径,不能绝对路径。

varpostsData =require("../../data/posts-data.js")  注意这个入口路径代码,非常容易错。引号后面多空格都不行。

知识点3、现在postsData就是从post-data中得到的数据。因为出口中的数据,可能很多,不止local_database,所以都是使用的键值对,postList:local_database。postsData是从出口export获取的全部数据,postsData.postList 就是其中对应local_database数据。然后用postsData.postList代替this.setData( )函数中的posts_content返回给wxml文件。

如果有部分元素不显示,就修改响应的问题。

不要使用this.data 赋值,只能用this.setData() 。否则还会引起数据不一致的问题。

由于现在返回的是postList,所以对应的wxml的for中,也要调整了。下面第13行。

我的不用改,在setData中返回的posts_key】

我的不用改,在setData中返回的posts_key

相关文章

  • 5-2 使用require方法加载js模块儿文件

    本节重点:怎么从脚本文件引用,读取这些数据。 知识点1、出口 我们为了模拟服务器,先把数据放到post-data....

  • 入门require.js

    入门require.js 1.为什么使用require.js 传统依次加载多个js文件 传统方法的缺点: (1) ...

  • node学习笔记

    1.执行node文件 node 文件名.js 2.读取文件 1),使用require方法加载fs核心模块 var ...

  • 2018-05-10

    require.js的使用 require.js可以实现js文件的异步加载,使代码维护更加方便,并且也会使页面的渲...

  • node.js之require方法

    require 用来加载一个文件的代码 简单概括以下几点: require 可加载 .js、.json 和 .no...

  • require.js 的使用

    require.js 优点:1.异步加载文件 防止 html页面引入多个js 文件。 ...

  • 从零构架个人博客网站(一)

    框架选择 后端项目搭建添加依赖 新建项目入口文件 app.js 使用 require-directory 自动加载...

  • python自动找出当前文件夹下的指定文件类型,并将路径导出到j

    适用于cocos creator项目需要动态加载文件时,导出的js文件直接require就能使用,格式为数组

  • ES6之用模块封装代码

    什么是模块? 模块( Modules )是使用不同方式加载的 JS文件(与JS原先的脚本加载方式相对)。这种不同模...

  • requirejs

    require.js遵循的是AMD规范一:require作用 实现js文件的异步加载,避免网页失去响应;理模块之...

网友评论

    本文标题:5-2 使用require方法加载js模块儿文件

    本文链接:https://www.haomeiwen.com/subject/cdkspxtx.html