问题标签 [web-frontend]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 如何提前退出javascript脚本标签?
我有一页有一堆....部分。在其中一个中,我完成了一半并决定我要停止,而不是运行此脚本标记的其余内容 - 但仍运行页面上的其他代码段。有没有办法在不将整个代码段包装在函数调用中的情况下做到这一点?
例如:
这应该产生输出
而不是1 end
。
显而易见的答案是将脚本包装在一个函数中:
虽然这通常是最好的方法,但也有不适合的情况。所以我的问题是,如果有的话,还有什么其他方法可以做到这一点?或者如果不是,为什么不呢?
ruby-on-rails - 在 ruby on rails 中回复请求(服务器端)
我正在使用 rails 制作 webb 应用程序。有一次,我向服务器发送请求以获取数组中的一些信息。我可以在服务器端处理请求,正确使用路由和控制器。但是一旦服务器完成了计算,我不知道如何将回复发送回前端。
如何使用 Rails 将信息发送回前端?
javascript - Jquery Resize:如何检查屏幕是否已在任何时候调整大小
我正在使用 jQuery .resize() 事件侦听器,并了解如何在调整屏幕大小时使用它来触发操作。但是,我想知道 jQuery 中是否有一种方法可以让人们不仅可以监听屏幕何时重新调整大小,还可以检查屏幕在用户的整个过程中是否已经重新调整大小会议。
javascript - 根据高度隐藏溢出的元素
我正在编写(使用纯 JavaScript = 无 JQuery)一个自定义控件,它是一个容器,当它们跨越多行并仅显示第一行时,它会折叠它的内容。当您单击控件中的按钮(向下箭头)时,容器会展开其所有内容。如果内容仅跨越 1 行,我根本不显示该按钮,它的行为就像一个常规容器。
下面的 2 张图片显示了控件折叠(上一张)和展开(下一张)。
我面临的问题是我如何知道何时显示按钮以及何时不显示=如何检测内容是多行还是仅跨越单行。我的方法是获取元素的高度,然后折叠它并查看高度是否发生了变化(如果发生了,那么它必须是多行的)。
这种方法的问题在于我的函数内部createCollapsingPanel()
,我正在创建的元素尚未附加到 DOM - 函数返回元素,然后才将其附加到 DOM(如下面的架构 1所示)。如果这只涉及 1 个函数,我当然可以在函数内部移动附加(下面的架构 2)。不幸的是,这就是我编写所有函数的方式(它们返回元素,然后才将其附加到调用它们的外部函数中的父元素中),因此这意味着重新编写最终调用它的其他父函数,总的来说,我的整个功能架构。
架构 1
架构 2
主要问题
关于如何在我当前的架构(架构 1)中处理它的任何想法?也许有一个事件我可以附加到控制元素上,并且在将元素插入 DOM 并为其计算浏览器样式后调用它?
附加问题
在架构 1中编写函数是否被认为是一种不好的做法?我对非基本 JavaScript 很陌生,所以不确定什么是好的做法。
javascript - 前端 JavaScript 程序
我对 Web 开发比较陌生。如果您正在创建一个前端 JS 应用程序,是否总是页面刷新会引发一个新的 JavaScript 程序?是否可以在页面重新加载期间保持相同的 JavaScript 运行时运行?我知道有很多解决方案可以在页面重新加载之前/期间/之后将数据保存在前端......但是整个前端程序呢?我知道单页应用程序是一个解决方案,但我特别好奇在页面重新加载/刷新后保持相同的 JavaScript 运行时。
似乎对于 Chrome 应用程序或 Cordova 应用程序等 HTML5 应用程序,这不需要页面刷新,因为它们不在浏览器中使用。话虽如此,当有人访问您的网站并(意外)刷新页面等时,为什么不能禁用页面刷新或找到不必重新加载前端 JS 程序的方法?
gulp - 增量构建前端项目
增量构建真的很麻烦(对于开发过程,在生产构建中,我将文件缩小并连接到一些文件)。
我的项目(角度)有数百个 js 文件,加载网页最多需要 2 分钟。根本原因:获取文件的请求过多(> 1000 个文件)。
我有一个想法来处理这个问题:
将所有第三方库连接到一个文件(与 gulp-angular 方式相同)。
将同一文件夹中的 js 文件连接(仅连接,而不是缩小)一个 js 文件。仅当文件夹中的一个文件发生更改时(使用 gulp-cache 和 gulp-remember)才在文件夹中构建所有文件。
你对我有什么建议吗?试试 browserify 还是 webpack?
javascript - 在javascript中延迟交替无限执行两个函数
我有四个 div,我想通过隐藏前一个来一个接一个地显示。我使用带模运算符的计数器来选择要显示的 div。所以我需要按以下方式执行我的功能。
我怎样才能做到这一点?
javascript - 滚动页面时工具栏闪烁
我的项目中的工具栏有一些问题。在某些页面上,当我滚动页面时,工具栏开始闪烁。
我将这种样式用于工具栏类:
CSS:
HTML:
python - 将更新从 Python 服务器推送到 Web 界面
我已经用 python 编写了一个算法,并围绕它编写了一个 Web 界面。提交表单并启动算法后,我想在页面运行时推送和更新数据。我怎样才能做到这一点?
javascript - Siesta Ext JS 测试未完成
我正在用 Siesta 测试一个 Ext JS 前端。这是我的登录/注销测试:
测试将用户名和密码输入登录面板,然后单击登录按钮。加载主视图后,它会注销。出于某种原因,这个测试永远不会结束。
链中的每一个动作都是成功的,但测试仍然卡在运行。
我怎样才能解决这个问题?
我正在使用 siesta-3.0.2-lite 和 ExtJS 5.1.0。