草庐IT

App架构

全部标签

javascript - 表示 js 与功能 js : Separate them? 通用架构?

这是一个一般性的问题。很多时候,我需要为网页编写JavaScript。牢记最佳实践、不显眼的js等。我的JavaScript在单独的*.js文件中。每个页面都有自己的js文件。最近让我有些困扰的是,我总是将表现代码与功能代码混合在一起。因此,例如,我会将.click处理程序分配给一个元素。单击该元素必须更改其外观并且必须对服务器进行AJAX调用。所以,现在,我会在.click处理程序中完成这两件事。根据需要完成的工作,它可能会变得庞大。当我在一个星期没有接触这些代码块后回过头来看它们时,当我只需要修复一些外观上的东西时,我常常觉得跟踪所有代码行花费了太多时间。无论如何,关于表现型js与

javascript - 在 Chrome App Webview 中加载本地文件

在Chrome打包应用中,您可以使用它在应用内加载外部页面。有没有办法让他们加载本地文件(打包应用程序中的html文件)?我不能使用iframe,因为iframe不支持外部资源(脚本、图像等)。 最佳答案 没有任何代码可显示,但试试这个:假设您可以读取本地文件(必须使用chrome.fileSystem.chooseEntry或在文件或其包含目录中保留条目)并获取FileEntry对象,然后你可以创建一个FileReader来获取文件作为数据URL。然后您可以直接在webView中使用该数据URL。(除了访问FileEntry所需的

javascript - (仍未解决)授权 Web App 访问客户端和服务器端的用户 Google Calendar? (使用 Firebase 和 Google API)

我有一个Firebase网络应用,并希望任何用户可以登录并授权我的网络应用在客户端访问他的谷歌日历(读/写)strong>和Server端(在用户在线和离线时管理日历)。在客户端。在googledevelopersconsole上创建APIkey和OAuth2.0客户端ID(Web应用程序)后,我已经实现了这段代码:首先,通过FirebaseAuthentication登录Googlefirebase.initializeApp({apiKey:'MY_WEB_APP_API_KEY'})varprovider=newfirebase.auth.GoogleAuthProvider()

javascript - 使用 AngularJS html5Mode (back4app/Parse-Server) 时如何解析 ExpressJS 路由

我正在使用使用Parse-Server的back4appBaaS服务。对于客户端,我使用html5Mode(true);运行AngularJS;我的问题是这不起作用:http://app.rizop.tv/dashboard虽然这是正确的:http://app.rizop.tv知道如何修复expressJS以正确的方式处理我的路由吗?我有这个配置:云\app.js//Helpermodulesthatwillbeusedvarpath=require('path');varbodyParser=require('body-parser')//ThisimportstheRouterth

javascript - 使用 create react app,并具有 ES6 依赖项

我写了一个使用ES6语法的npm包blokus。我使用create-react-app启动了一个项目web-blokus,它依赖于blokus。我可以毫无错误地运行npmstart,并在我的浏览器中查看我的web-blokus应用程序,它具有使用blokus的所有功能包。问题是我在运行npmbuild时遇到UglifyJS错误。static/js/main.8afd34e2.jsfromUglifyJsSyntaxError:Nameexpected[./~/blokus/blokus/blokus.js:3,0]似乎有一个已知的情况,UglifyJS不支持ES6依赖项(一些相关的问题

javascript - 使用 create-react-app 创建新 React 组件的最佳方式

我正在使用create-react-app。是否有创建组件来搭建文件的命令。现在我正在手动创建文件。假设组件名称是Button,我在组件文件夹中创建一个名为Button的文件夹,然后创建Button.js和Button.css文件.是否有任何CLI命令可以使用create-react-app执行此操作?我知道有一种方法可以执行此AngularCLI,但对ReactCLI一无所知。 最佳答案 无需安装generate-react-cli即可直接使用npxgenerate-react-clicomponentMyComponent这将根

javascript - 从网页到 Facebook 聊天的架构,(XMPP?Strophe?Punjab?)

我想在网页中实现FB-chat。我环顾了FacebookAPI,发现只允许使用XMPP聊天。首先,我尝试使用Pidgin连接到FB-chat,它运行良好。我的结论是FB-chat服务器充当XMPP服务器。这是真的吗?我读到了XMPP,似乎应该在客户端和服务器之间建立一个开放的TCP连接来交换XML节,这在网站上是不可能的(通过JavaScript且没有插件),因为只有http请求/响应可以进行交流,那里没有TCP连接。这意味着两者之间应该有某种代理,至于身份验证,FBAPI建议使用X-FACEBOOK-PLATFORMSASL(不是DIGESTMD5,因为有代理)。我没有找到清晰的教程

javascript - 当在 app.listen(PORT, HOST) 中设置 HOST 时,为什么 app.address() 为空?

下面127.0.0.1省略时app.address()不为null,但设置了host时为null。varexpress=require('express'),app=express.createServer();app.use(express.logger());app.get('/',function(req,res){res.send('HelloWorld');});app.listen(3000,'127.0.0.1');console.log(app.address());console.log('Expressserverstartedonport%s',app.addre

javascript - 架构:组合几个 JavaScript 项目(模块化)

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭3年前。Improvethisquestion我想为我的JavaScript项目创建一个干净的架构。该项目由一个Node.js服务器和两个具有不同用途的独立Angular.js前端组成。为了构建前端,我分别使用自定义的grunt构建。构建结果为每个项目生成一个HTML文件和两个缩小/丑化的CSS和JavaScript文件。然后,每个前端都在一个单独的最小版本的节点服务器上运行(仅提供静态文件)。到目前为止,很清楚。现在的目标是可以将插

javascript - 在 iPad Web App 上拖放 - 同时保留滚动功能

我正在使用JqueryUI拖放(http://jqueryui.com/demos/draggable)和https://github.com/furf/jquery-ui-touch-punch将触摸事件映射到鼠标事件。到目前为止,整个拖放操作都很好。我现在遇到的问题是我有一长串可拖动元素,我还需要能够在iPad上滚动列表...当我将列表元素设置为可拖动时,这将不再起作用。我尝试使用jqueryui提供的约束,例如distance和delay-但即便如此,滚动事件似乎已被拖动事件完全禁用/覆盖。我可能需要编写一个自定义函数,例如“只有向左移动至少50像素才能使其可拖动”之类的。有没有