草庐IT

响应式前端

全部标签

javascript - 响应上下按键,三星智能电视页面滚出 View

我有一个简单的SmartTV应用程序,它在垂直列表中显示项目列表,键处理程序附加到与包含该列表的DIV关联的anchor。该列表由一组DIV组成,每个DIV中显示一个文本字符串,并由一个外部DIV括起来。完整列表的高度为400像素,正好在屏幕高度的540像素以内。用户可以使用向上和向下按钮在列表中上下移动以突出显示单个项目。在模拟器上这很好用,但是在真实的电视上,当用户按下时,不仅突出显示会按预期移动,而且整个屏幕都会向上移动。同样,当用户向上点击时,突出显示正确移动但屏幕向上移动。这是列表的标记Slot0Slot1Slot2Slot3Slot4这是CSS#itemList{posit

javascript - 折叠响应设计的水平菜单

我有一个看起来像这样的菜单:|Home|Options|Settings|Tools|Preferences|Edit|当手机有很多水平空间时这很好,但是当具有窄视口(viewport)的设备访问页面时,我希望菜单看起来像|Home|Options|Settings|+MORE+|点击“更多”菜单会在垂直下拉菜单中显示其他元素。我不想设置手动断点,因为我不知道各个菜单项在显示时会有多宽。我的菜单目前只有一组在水平布局的CSS是#menuul,#menuli{margin:0;padding:0;list-style:none;}#menuul{overflow:auto;}#menul

javascript - 使用javascript设置响应头

我在从我的应用程序中的URL收集json值时遇到了问题。当我尝试获取它们时,控制台中显示错误日志,指出access-control-allow-origin不允许来源。我研究了一下,发现响应header必须设置为Access-Control-Allow-Origin:*我如何使用纯JavaScript来做到这一点?没有jquery或任何其他库。这是我当前的代码:varxmlHttp=null;xmlHttp=newXMLHttpRequest();xmlHttp.open("GET","http://example.com/id=69",false);xmlHttp.send(null

javascript - 在不轮询更改的情况下响应服务器端渲染

我正在尝试将现有网络应用程序从淘汰赛过渡到Reactjs。就目前而言,应用程序建立到服务器的websocket连接并异步接收更新(可能有许多客户端会影响彼此的状态,例如聊天室)。我的问题是,如果我在服务器端进行渲染,如何将更改推送到每个客户端?我才刚刚开始阅读有关服务器渲染的文章,所以我可能误解了它的工作原理,但我相信:客户端执行发送到服务器的操作,服务器响应一个html片段,然后客户端将其替换到它的DOM中如果应用程序的状态可以由服务器或另一个客户端更改,我是否仍会被迫使用websockets/http轮询来显示这些更新?否则服务器是否可以下推新的分片?

javascript - 如何测试前端 JavaScript 库并与 Travis 集成?

我已经尝试过使用Jasmine或Mocha测试NodeJS库,但我不知道如何测试前端项目。我在网上找到了教程,但所有内容都在工作流程中包含一个任务管理器,我想知道如何在没有任务管理器的情况下执行此操作。我发现以下问题与我要问的很接近:UsingTravis-CIforclient-sideJavaScriptlibraries?就我而言,我正在使用Jasmine并且已经设置了JasmineSpecRunner.html、Jasmine库和spec/mylibSpec.js。当我在浏览器上运行SpecRunner.html时,测试通过了。现在,我如何将它与Travis集成,没有Grunt

javascript - TypeScript Angular 2 响应订阅

我正在尝试从我的api返回信息,但我不明白如何正确使用订阅。使用数组时,我从我的服务返回一个空数组,并在获取值时将其推送到其中。我如何在app-componentts中正确地只返回一个值变量。现在如果我执行alert(JSON.stringify(authenticated))它只会给我{"_isUnsubscribed":false,"_subscriptions":[{"isUnsubscribed":false}]}应用组件tscheckAuthentication(){varauthenticated=this._authService.getAuthenication();}

javascript - react-native fetch 返回奇怪的响应

我正在使用fetch从这样的API获取一些东西:fetch('http://facebook.github.io/react-native/movies.json').then(data=>console.log(data),error=>console.log(error))但是我得到的是下面的对象,并不是实际的数据_bodyBlob:Blob_bodyInit:Blobheaders:Headersok:truestatus:200statusText:undefinedtype:"default"url:"http://facebook.github.io/react-nativ

javascript - 使用 Sinon/Mocha 正确 stub 请求/响应

我对后端单元测试比较陌生,需要一些关于如何对以下内容进行单元测试的指导。我正在使用Mocha/Should/Sinon。exports.get=function(req,res){if(req.query.example){returnres.status(200).json({success:true});}else{returnres.status(400).json({error:true});}} 最佳答案 您可以使用Sinon的spy和stub函数来测试您的代码,如下所示:const{spy,stub}=require('

javascript - 从 DynamoDB 响应中删除数据类型描述符的推荐方法是什么?

DynamoDB为查询响应中的每个元素包含一个数据类型描述符,如下所示:"Item":{"M":{"Age":{"N":"8"},"Name":{"S":"Fido"},"Vaccinations":{"M":{"Rabies":{"L":[{"S":"2009-03-17"},{"S":"2011-09-21"},{"S":"2014-07-08"}]},"Distemper":{"S":"2015-10-13"}}}}}我想去除所有这些描述符(“S”、“L”、“M”等),以便它看起来像下一个示例,在我JSON.stringify之前数据。"Item":{"Age":"8","Nam

javascript - 如果将前端代码分组有助于减少请求,为什么不将更多网站写在一个 html 文档上?

我想我想问的是,如果将JavaScript分组被认为是一种好的做法,为什么没有更多的网站将JavaScript和CSS直接放入一个HTML文档中? 最佳答案 whydon'tmorewebsitesplacetheJavaScriptandCSSdirectlyintooneHTMLdocument单个文件缓存。外部文件具有被缓存的优势。由于脚本和样式很少更改(静态)和/或在页面之间共享,因此最好将它们与页面分开,使页面更轻便。与其下载500kb的嵌入JS和CSS的页面数据,为什么不加载5kb的页面,并从缓存中加载495kb的JS和