在Node js中，为什么我的controller.js在调用model.js函数后没有显示数据_为什么在我的SetInterval中没有调用my函数？_在node.js中，为什么我的数据在使用Promise进行异步文件读取后没有传回 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

关于前端业务代码的一些见解

工作以来，我一直在写一些重复且交互复杂的页面，也没有整理过自己的思路，这篇文章是我工作一年半来在项目中总结出来的一些经验。...分层对于业务代码来说，大部分的前端应用都还是以展示数据为主，无非是从接口拿到数据，进行一系列数据格式化后，显示在页面当中。...+ controller.js + model.js Service 统一管理所有请求路径，并且将页面中涉及到的网络请求封装为class。...当处理一个请求的时候，controller 会调用 service 里面对应的方法，拿到数据后再调用formatter 的方法，将格式化后的数据存入 store 中，展示到页面上。...我借助这个例子来说明，在开始写页面之前，一定要对页面中的隐藏交互和数据流动很熟悉，也需要去设计更加合理的数据结构。

5862 0

前端老牌框架衰退，IMVC（同构 MVC）成未来趋势？

小范围的同构，例如原生的js 在浏览器和Node 中代码并没有差异，只是DOM API 和 Node API 不同而已，这就是函数层面的同构，即代码片段相同。...── home // 具体页面 │ │ │ ├── controller.js// 控制器 │ │ │ ├── model.js // 模型 │ │ │ └── view.js // 视图 │ │ ├─...服务端的webpack 编译到内存模拟的文件系统，再用 node.js 内置的虚拟机模块执行后得到新的模块。...如何处理 css 按需加载问题根源：浏览器只在 dom-ready 之前会等待 css 资源加载后再渲染页面问题描述：当单页跳转到另一个 url，css 资源还没加载完，页面显示成混乱布局处理办法...在浏览器里require 被编译为加载函数，异步加载。在node.js 里require 是同步加载。如何处理静态资源的版本管理以代码的 hash 为文件名，增量发布。

1.3K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

IMVC（同构 MVC）的前端实践

因为，在 2011 年，node.js 和 ECMAScript 都不够成熟，我们并没有很好的基础设施，去满足同构的目标。现在是 2017 年，情况已经有所不同。...4、同构的实现策略要实现同构，首先要正视一点，全盘同构是没有意义的。为什么？...我们使用本地路由表 routes.js 和 nginx 配置协调 url 的访问规则每个 page 的 controller.js，model.js 和 view.js 以及它们的私有依赖，将会被单独打包到一个文件...webpack 编译到内存模拟的文件系统，再用 node.js 内置的虚拟机模块执行后得到新的模块 5.7.2、如何处理 CSS 按需加载？...问题根源：浏览器只在 dom-ready 之前会等待 css 资源加载后再渲染页面问题描述：当单页跳转到另一个 url，css 资源还没加载完，页面显示成混乱布局处理办法：将 css 视为预加载的

1.3K6 0

干货 | IMVC（同构 MVC）的前端实践

因为，在 2011 年，node.js 和 ECMAScript 都不够成熟，我们并没有很好的基础设施，去满足同构的目标。现在是 2017 年，情况已经有所不同。...4、同构的实现策略要实现同构，首先要正视一点，全盘同构是没有意义的。为什么？...我们使用本地路由表 routes.js 和 nginx 配置协调 url 的访问规则每个 page 的 controller.js，model.js 和 view.js 以及它们的私有依赖，将会被单独打包到一个文件...webpack 编译到内存模拟的文件系统，再用 node.js 内置的虚拟机模块执行后得到新的模块 5.7.2、如何处理 CSS 按需加载？...问题根源：浏览器只在 dom-ready 之前会等待 css 资源加载后再渲染页面问题描述：当单页跳转到另一个 url，css 资源还没加载完，页面显示成混乱布局处理办法：将 css 视为预加载的

1.6K5 0

腾讯新闻React同构直出优化实践

为什么选择腾讯新闻我并非腾讯新闻的业务相关方，可以比较大胆地作为例子使用腾讯新闻页面更为丰富，可以做更多场景的实践验证全套脱胎手Q家校群react的优化策略、实践方案和开发工具由于只是实验，数据都是拉取腾讯新闻现网提供的...是次实践，在steamer-react下面新建了一个node文件夹，存放后台服务。后台服务包括返回数据的api，还有直出的controller层。...直出controller层和数据返回的api都一律写在controller.js里面，然后去require存放在node/asset/下面具体直出逻辑文件，然后将yield出来的值直接吐出来： exports.spa...plugin实质是定义在global全局变量里的一个函数，然后将它nodeUtils在controller.js中require进来，就能达到保留原样的效果。...兼顾后台没有的对象除了以上提到的，前端部份的代码主要注意的是一些后台没有的对象，例如window。可以通过构建手段注入全局变量去替换或者在服务端渲染的时候不执行部份代码。

2.2K5 0

后端实战教程:如何使用 Node.js 开发 RESTful API 接口（Node.js + Express + Sequelize + MySQL）

整个服务搭建起来后，我们使用 Postman 对整个后端服务进行测试。本教程每段代码我都亲手测过，保证百分百没有错误，请打开你的 terminal 跟随本教程一起操作，从这里开始，成为一名后端工程师。...请先确认你的计算机中是否已安装 node.js 。如果尚未安装请前往 node 官网下载安装。...安装或准备可远程连接的 MySQL 数据库本教程搭建的 app 数据存放在 MySQL 中，你可以在本机安装 MySQL ，也可以准备一台可远程连接的 MySQL 数据库。...运行 Node.js Express 服务器在 node.js 服务器根目录，运行 node server.js图片控制台显示对数据库的读写，每当前端调用后端时，这里就会给出对应后端操作了写什么的 log...使用 Postman 调用 node.js 后端测试 API图片后端搭建起来后，我们可以使用 postman 来对它进行测试。

10.4K2 1

thinkjs学习笔记

，应用配置的路径是App/Conf/config.js，配置在程序中是很方便读取和写入的 //读取 var dbHost = C('db_host'); //写入 C('name', 'xxx');...lib/Common/common.js 通用函数库 lib/Common/extend.js js原生对象的扩展 lib/Common/function.js 框架相关的函数库 lib/Conf/alias.js...数据库基类 lib/Lib/Core/Dispatcher.js 路由分发类 lib/Lib/Core/Http.js 封装的http对象类 lib/Lib/Core/Model.js 模型基类 lib.../Conf/tag.js中自定义标签）： /** * 系统标签配置 * 可以在App/Conf/tag.js里进行修改 * @type {Object} */ module.exports =...，即可以按照/分组/控制器/操作/的方式来分割参数了，如果第一个路净值在分组列表中不存在，则第一个路径的值是分配到控制器上面。

1.2K7 1

thinkjs学习笔记

，应用配置的路径是App/Conf/config.js，配置在程序中是很方便读取和写入的 //读取 var dbHost = C('db_host'); //写入 C('name', 'xxx');...lib/Common/common.js 通用函数库 lib/Common/extend.js js原生对象的扩展 lib/Common/function.js 框架相关的函数库 lib/Conf/alias.js...数据库基类 lib/Lib/Core/Dispatcher.js 路由分发类 lib/Lib/Core/Http.js 封装的http对象类 lib/Lib/Core/Model.js 模型基类 lib.../Conf/tag.js中自定义标签）： /** * 系统标签配置 * 可以在App/Conf/tag.js里进行修改 * @type {Object} */ module.exports =...，即可以按照/分组/控制器/操作/的方式来分割参数了，如果第一个路净值在分组列表中不存在，则第一个路径的值是分配到控制器上面。

8742 0

大前端的自动化工厂（1）——Yeoman

实战：tiny-helper工具开发演示在此演示如何制作一个小工具来生成标准化的Component,示例工具使用generator-generator生成，为方便学习使用，放置在本地node_modules...目录中，示例generator中只进行了两项基本操作：在configuring阶段将.editorconfig文件直接拷贝至当前目录在writing阶段将controller.tpl.js模板中的占位符替换为用户输入的关键词...，然后生成新的controller.js文件 generator中关键示例代码： //保存配置相关信息且生成配置文件（名称多为'.'...controller.tpl.js模板： [转换前的模板] ? 转换后的loginPageController.js: [转换后的js文件] ?...可以看到我们已经使用关键词替换掉占位符并得到了新的controller.js框架文件。

1.3K4 0

Vue2 源码解析

再深入思考一下这个问题，为什么需要数据变更的监测？...一旦这个方法被调用，就表示 “你这个 Watcher 所依赖的数据有更新，麻烦对对应的模板进行更新 / 麻烦调用回调函数” 模板中的表达式也需要更新，但这里 Vue 采用的策略是不精准地对应依赖关系，而是在需要的时候将模板全部重新渲染一遍...，数据的处理逻辑就显得特别简单直接了：调用 data() 方法获取数据值（Vue 推荐 data 写成一个函数来返回值，但源码中也处理了 data 不是函数的情况）针对数据值的每个 key，检查有没有和...按上面的常识，JS 操作完 DOM 后，DOM 的渲染、更新是在微任务中的。...；当组件需要修改数据时，不能直接修改 State 中的状态数据，而是要使用 dispatch() 方法调用一个 Action；在 Action 中可以进行各种操作，比如调用后端 API 等，在操作完成后需要修改状态数据时

1.1K4 2

你不知道的前端 MVVM 模式中的数据层（万字长文，教你造轮子）

前端工程里面的数据操作相对简单，基本都是以 API 调用为主，主要使用后端已经基本处理好的数据前端业务数据处理相对简单，在 ViewModel 层面进行处理就能满足需求前端开发者普遍缺乏数据库操作经验和对数据管理方面的意识...前端工程中的 Model 需求和解决在前端工程其实有很多数据抽取的需求，以笔者所负责的一个工程(Vue 项目)来举例，随着业务发展，工程里面代码里膨胀非常迅速，在不同阶段会面临着不同的问题，随着问题的逐渐解决...Model 应该提供安全的获取数据的逻辑我们先贴出 Model 的代码设计： //Model.js import Axios from '.....，也无需分别调用接口，通过一次 Model 查询即可得到全部数据开发者无需关注数据来源于哪个接口，只需要关注我需要什么数据需要提供便捷、聚合的接口字段查询能力，最好是可视化界面需要提供通过数据组合得到新数据的能力...总结至此我们实现了 Model 层抽离的全部想法，这套轮子在我司多个项目当中使用，可以有效的将数据与模板、逻辑隔离开。

9742 0

salesforce lightning零基础学习(二) lightning 知识简单介绍----lightning事件驱动模型

执行结束后调用回调函数去处理后期的业务逻辑以及更新UI等操作； 4.server-controller 使用apex代码处理业务逻辑以及和数据库的交互，写法和VF Remoting的后台写法类似，区别为需要在方法上添加标签...当我们点击按钮或者触发了注册的事件后，会执行controller.js里面的方法，需要写{!...介绍如果是controller.js负责了component中的所有业务逻辑，那么helper js就承包了所有的业务细节处理或者公用的方法（显示隐藏loading等）。...helper一般需要component这个参数，其他参数可以根据实际需要自动从controller.js获取以及传递。这里举例一个调用后台并对返回数据进行处理的例子。...调用成功后将这个item写入到前台的camping列表中。

1.6K3 0

salesforce lightning零基础学习(二) lightning 知识简单介绍----lightning事件驱动模型

执行结束后调用回调函数去处理后期的业务逻辑以及更新UI等操作； 4.server-controller 使用apex代码处理业务逻辑以及和数据库的交互，写法和VF Remoting的后台写法类似，区别为需要在方法上添加标签...当我们点击按钮或者触发了注册的事件后，会执行controller.js里面的方法，需要写{!...介绍如果是controller.js负责了component中的所有业务逻辑，那么helper js就承包了所有的业务细节处理或者公用的方法（显示隐藏loading等）。...helper一般需要component这个参数，其他参数可以根据实际需要自动从controller.js获取以及传递。这里举例一个调用后台并对返回数据进行处理的例子。...调用成功后将这个item写入到前台的camping列表中。

1K0 0

扶我起来，前端还没倒下，我不能睡

1.2 created 在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。...然而，挂载阶段还没开始 1.3 beforeMount 在挂载开始之前被调用：相关的 render 函数首次被调用。...1.5 beforeUpdate 数据发生变化前调用 1.6 updated 数据发生变化后调用 1.7 beforeDestroy 挂载完毕，数据更新完成之后；解除绑定，销毁子组件以及事件监听器之前调用...数据交互 vue.js 没有集成 ajax 功能，要使用 ajax 功能，可以使用 vue 官方推荐的 axios.js 库来做 ajax 的交互。...不同的是，js 文件中需要先导出 (export) 后，才能被其他 js 文件导入(import) // model.js文件中导出 var person = {name:'tom',age:18} export

8071 0

原生 JavaScript + NodeJS(Express 框架) 做一个简陋的登录注册项目

使用前后端分离，前端文件位于 front_end 文件夹配置在 config/default.js ，当然可以在具体文件配置，但是这儿方便一点在线 demo：https://auth.bilibilianime.com.../front_end 只开后端 node ....里写各种 api, 通过 model.js 里导出的 User 进行数据增、查操作, 定义了一些中间件来对输入的用户名,密码和,验证码进行检验....定义了 User 对象, 当 server.js 中执行 User.create 操作时, 密码就会被加盐, 然后哈希, 存入数据库. bcrypt 的盐无需存储....我没有做 token 定期失效. token 加密需要用到 SECRET, 最好是做成环境变量, 此处我定义成全局变量 app.post("/api/login",[nameValid,pwdValid

8502 0

Angular JS + Express JS入门搭建网站

方法做控制器，来控制页面中的数据。...当然我觉得真实开发中，控制器的代码肯定会很多，建议每一个像indexContrl的控制器单独放在一个JS文件中，这样规范，好维护。　　...这样index.html页面中的数据，会被indexContrl函数控制。这里只是一个简单的Demo，更多的功能要去看文档。 2....Express JS 　　在示例的前端中，我们使用Angular JS框架开发了Html页面以及对应的JS文件。但网站的后台就要用其他技术了。...如果我们要用Node.js做后台，那很简单，http.createServer就可以了。但在真实的网站开发中，用Express JS会更适合。

4.4K6 0

v-model数据绑定分析

v-model数据绑定分析 v-model是Vue提供的指令，其主要作用是可以实现在表单、及等元素以及组件上创建双向数据绑定，其本质上就是一种语法糖，既可以直接定义在原生表单元素...在组件的实现中，可以配置子组件接收的prop名称，以及派发的事件名称实现组件内的v-model双向绑定。...描述可以用v-model指令在表单、及元素上创建双向数据绑定，其会根据控件类型自动选取正确的方法来更新元素，以作为示例使用v-model...render字符串的过程，也就是generate函数的处理过程，在generate中调用genElement -> genData -> genDirectives，文章主要从genDirectives...tag的类型进行判断，调用不同的处理逻辑。

1.8K0 0

干货 | 携程火车票Rematch框架实践

1）第一期：先在新页面中来尝试使用rematch框架，我们找了一个与流程几乎没有什么耦合的新页面来试水。...因此，我们将组件放置在单独的文件夹中，其中包含两个文件index.js 以及 model.js， index文件主要是描述组件视图， model.js里封装了组件所有的逻辑。...2）在model.js中暴露显示或隐藏弹窗的方法 const manualSpeedLayer = { state : false, reducers: { show...因此可以通过异步action来暴露一个函数出来，单独给页面设置数据源。这样一来，对组件来说，就屏蔽了调用方的细节，组件内只需要这个数据类型，而组件外具体是哪个页面使用，数据来源是什么，都不用关心。...RN在开了预加载的情况下，由于先前的状态仍然保存着，下次再进入该页面会造成页面数据显示不准确问题，所以就需要在页面退出之前，清除掉之前的状态。

8401 0

老项目 umi2 升级umi3 踩坑全记录

问题一：[app.model] namespace should be unique 我们umi2 的项目目录现在是这样的，都是文件夹业务模块里model.js 存放dva 逻辑层。...model.js 会有命名空间。升级完umi3 之后报错model 命名重复，找了下也没有发现重复的，但是在dva 看到model 的命名空间确实以model 文件名命名。...查看了umi3 dva 插件，确认了pages model.js 文件会以命名空间命名，但是现实不是，也提交了issue,现在没有得到回复： https://github.com/umijs/plugins.../issues/833 解决办法：我试了下把model 移动到models 文件夹，会以文件命名命名空间不会重复。...脚本目的： pages 下面业务文件夹里的model.js 改名为文件名.js 将改名后的文件移动到models/pages 文件夹 model.js 的相对引用批量修改第三部根绝业务定。

2K6 0

前端之Vue.js库的使用

beforeCreate 在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。 created 在实例创建完成后被立即调用。...然而，挂载阶段还没开始 beforeMount 在挂载开始之前被调用：相关的 render 函数首次被调用。...beforeUpdate 数据发生变化前调用 updated 数据发生变化后调用 ?...Node.js如果安装成功，可以查看Node.js的版本,在终端输入如下命令： node -v　 npm npm是node.js的包管理器，安装了node.js同时会自动安装这个包管理器，可以npm命令来安装...跨域请求 vue的自动化工具提供了开发的服务器，我们在这个服务器环境下开发，改动代码可以马上更新显示，错误了还有代码提示，非常方便，但是，如果我们组件中需要数据，而且数据在另一个服务器环境下运行，我们就需要跨域请求数据

5.1K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭