草庐IT

网页组件

全部标签

javascript - 如何检测客户端是否滚动到网页的顶部或底部?

我正在寻找一种跨浏览器的方法来检测客户端Web浏览器一直滚动到屏幕底部(或顶部)。真的,上顶很容易,因为scrY=window.pageYOffset||文档.body.scrollTop||文档.documentElement.scrollTop如果您在顶部,则为零。问题是scrY似乎返回滚动条的顶部,而不是底部,所以我没有得到相当于文档高度(以像素为单位)的东西,我大概是文档的高度减去滚动条。是否有一种简单的跨浏览器方法来查明用户是否已向下滚动到文档/窗口的底部?最具体地说,我理解一般的滚动条操作(设置它、移动它等),但我怎样才能得到滚动条底部相对于窗口/文档底部的增量。

javascript - 管理 Web 组件的依赖关系; JS、CSS/SASS 和模板文件

我正在寻找布局我们新的网络组件的结构,目前我不确定我是否找到了一个工具来完成我们理想中想要的所有事情,或者非常接近,但看起来它会成为当今想做的相当普遍的事情。我们有一个运行Java服务器端的Web应用程序,而客户端我们大量使用JavaScript并且SASS,除其他事项外。我们正在寻求重新构建我们的一些代码库,并对动态页面内容的某些方面进行组件化。例如,我们希望有一个标准的表格组件,它可以完全独立于完整的网络应用程序进行开发。我看到表格组件具有以下3个核心文件:table.jstable.scss(我们编译成CSS文件的SASS文件)table.tmpl(我们的模板文件最终编译成JS函

javascript - 如何将 Waze 数据与我的网页整合?

Waze是一个提供实际交通信息的应用程序。还有一个实时mapWazelivemap-如您所见,标记在哪里。所以,我找到了一些网站:Checkthislink-egaraz我真的很好奇egaraz.cz是如何从Waze获取(解析)数据(标记)的,因为没有机会这样做。或者他们有什么交易?我不知道。我试图将所有提到的网页下载到我的计算机上,我阅读了所有javascript文件和所有内容,但一无所获。可能我忽略了一些……你能帮我(试着)告诉我他们是怎么做到的吗?或者建议一些可行的解决方案.. 最佳答案 我对此做了一些调查,发现了一些奇怪的东

javascript - React Native - 将登录的 Firebase 用户重定向到 Home 组件

我的目标是在用户已经登录时将用户重定向到Home组件。只有在以下情况下,我才能让用户登录并将他们重定向到Home_logInUser()被调用。但是,一旦重定向到Home组件,如果我刷新模拟器,应用程序将返回到Login组件。我尝试使用componentWillMount()并设置letuser=firebaseApp.auth().currentUser来解决这个问题。但是,我什至将user记录到控制台,但似乎if检查直接进入了else语句。我将不胜感激任何见解!这是我的代码(我正在使用react-native-router-flux进行路由):index.ios.jsimportR

javascript - Angular 2.如何检测组件当前是否在视口(viewport)中

我想检测组件位置。当前在视口(viewport)中,如果是,则运行触发器,该触发器统计此特定组件上的动画。我找不到任何“有Angular”的方式来做到这一点。示例应用程序(主要组件)每个div都是应用程序的一个单独组件:wwaarrasfSomething...rq所以...我想检测组件5何时在视口(viewport)中(出现在屏幕上)并开始为该组件设置动画。有什么想法吗?谢谢 最佳答案 您可以使用ng-in-viewport插件。HTML:Something...组件:action(event:any){if(event.valu

javascript - 如何通过React和鼠标事件传播实现可重用组件?

考虑以下典型的React文档结构:Component.jsxcontent这些组件的组成如下:OuterClickableArea.jsexportdefaultclassOuterClickableAreaextendsReact.Component{constructor(props){super(props)this.state={clicking:false}this.onMouseDown=this.onMouseDown.bind(this)this.onMouseUp=this.onMouseUp.bind(this)}onMouseDown(){if(!this.sta

javascript - 基于类的组件与功能组件有什么区别(Reactjs)

这个问题在这里已经有了答案:Reactfunctionalcomponentsvsclassicalcomponents(4个答案)关闭3年前。我是React的新手,我想清楚地知道应该使用哪一个,当涉及到组件时,我看到有两种类型。功能组件:importReactfrom'react'constuserInput=(props)=>{return()};exportdefaultuserInput;基于类的组件:importReact,{Component}from'react';import'./App.css';importUserOutputfrom'./UserOutput/Us

Javascript访问另一个网页

我对javascript知之甚少,但我有兴趣编写一个需要来自另一个网页的信息的脚本。它有一个javascript等同于urllib2之类的东西吗?它不需要非常健壮,只需足以处理一个简单的GET请求,不需要存储cookie或任何东西并存储结果。 最佳答案 有XMLHttpRequest,但由于SameOriginPolicy,这将仅限于您网站的同一域.但是,您可能有兴趣查看以下StackOverflow帖子,了解有关同源策略的一些解决方案:Waystocircumventthesame-originpolicy更新:这是一个非常基本的

javascript - 为什么不允许在 React Native 组件属性赋值中展开运算符是一种性能优化?

在ReactNative组件中,如果在props分配中使用展开运算符,则会出现错误,“在此环境中,分配的目标必须是一个对象。此错误是性能优化,不符合规范。”被抛出。例如在渲染函数中const{style}=props;return(给出同时const{style}=props;return(有效。为什么扩展语法会影响性能? 最佳答案 如果使用StyleSheet.create(),实际上当样式属性传递给子组件时,结果是Number。 关于javascript-为什么不允许在ReactNa

javascript - VueJS - 将单独的组件加载到 vue 实例中

在我的工作中,我目前正在重新设计我们的网络平台,包括将大量旧的javascript/jquery移至VueJS。我有一个包含Vue组件的global.js文件,还有一个包含Vue的vendor.js,Axios、Vuex、...现在我们的网站上有一个文本编辑器,这个编辑器有一个Vue版本。问题是这个文本编辑器非常大,几乎500kb用于生产。所以我在单独的文件中为此编辑器创建了一个单独的组件,因为我们只需要在两个页面上使用它。现在,由于我的全局Vue占据了整个页面,我无法将文本编辑器插入其中,因为您无法将Vue实例放入另一个Vue实例。有没有一种方法可以让编辑器作为一个完全独立的文件,但