我不确定我是否有行话来问这个问题不是网络开发者,但请耐心等待我.
我想将参数发送到客户端HTML页面(只是磁盘上没有涉及Web服务器的文件).我最初的尝试是使用查询字符串,然后解析它,window.location.href但不是传递给页面的查询字符串,我得到一个文件未找到错误.
有可能做我正在尝试的事情吗?
如何在Opera 11中使用HTML5客户端表单验证时阻止表单提交?
这是一个示例测试页面:
<section>
<h2>Test</h2>
<form>
<input type="text" name="test" id="test" required/>
<input type="submit" value="Test" />
</form>
</section>Run Code Online (Sandbox Code Playgroud)
验证在Opera 11中有效,但在输入值后单击按钮时,浏览器会提交表单.
我希望浏览器始终保留在网页上,这对于仅有客户端的脚本而言,只适用于没有服务器的本地硬盘驱动器.
当我添加return false;或尝试阻止表单提交时,验证不再有效.
Opera 11.10 Build 2092
编辑:
感谢robertc的解决方案,我得到了它的工作.这是没有jQuery的测试页面.
(function() {
"use strict";
window.addEventListener("load", function() {
document.getElementById("testForm").addEventListener("submit", function(event) {
event.target.checkValidity();
event.preventDefault(); // Prevent form submission and contact with server
event.stopPropagation();
}, false);
}, false);
}());Run Code Online (Sandbox Code Playgroud)
<section>
<h2>Test</h2>
<form id="testForm">
<input type="text" name="test" id="test" required/>
<input type="submit" value="Test" />
</form>
</section>Run Code Online (Sandbox Code Playgroud)
这是一个菜鸟问题.
如果我想将日志记录添加到在浏览器(IE,FF等)中运行的java脚本应用程序,该怎么办?据我所知,我无法在客户端主机中保存日志文件.所以,我只有两个选择:在新的浏览器窗口中显示我的日志信息(如"blackbird")或将日志记录发送到服务器.
这是对的吗?他们通常使用什么样的日志记录?
我开始了我对Meteor框架世界的小探索,我认为用它做一点点facebooky会很有趣.
第一步是按照meteor中的创建app教程,然后将FB代码添加到模板中,如下所示:https://developers.facebook.com/docs/opengraph/tutorial/#authenticate
可悲的是,它似乎根本不适用于页面.事实上,我刚刚意识到,如果我添加类似于alert('foo');我的流星页面的内容,它就不会执行.有趣.
所以Metor,尽管完全惊人,但并不像我期望的那样......(震惊,恐怖!).
如何在此框架中执行客户端JS?(特别希望在页面上创建一个facebook JS对象?)
谢谢!
更新(2013年1月): Meteor发布了0.5.0,内置了身份验证和facebook登录支持.
文档在这里:http://docs.meteor.com/#accountsui
基本上你在shell中运行一些命令
meteor add accounts-password
meteor add accounts-ui
meteor add accounts-facebook
Run Code Online (Sandbox Code Playgroud)
然后在您的代码中添加登录按钮.
{{loginButtons}}
Run Code Online (Sandbox Code Playgroud)
然后你就进去了.
强大的服务器端语言有很多选择,但我想不出任何强类型,真正强大的客户端语言.Javascript在表单,基本数学以及与AJAX等服务器交互方面做了很多工作,但与其他语言相比它有其局限性.
我正在寻找能够进行图像处理或数据处理的强类型客户端语言,这样的原始事物.或者,如果有javascript库可以帮助实施变量的数据类型,那么这也可能有用.
<edit>我实际上已经猜到这会发生但是在发布后几秒钟我得到了一个"可能重复"的标志,这是不合适的!这个问题是关于CSS值而不是CSS属性名称,因此它不是这个或这个问题的重复!它也不是这个的重复,因为我要求一个通用的解决方案.
如果你仍然不相信或不确定这篇文章的内容,也许你会看看这个问题的底部:"我不是在寻找什么"和"谁没有完成工作" </edit>
如果需要,有没有办法通过JavaScript设置适当的供应商前缀CSS值客户端?
例如: background: -prefix-linear-gradient{...}
我希望得到一个关于如何通过JavaScript在客户端设置供应商前缀CSS值的通用解决方案.其中供应商特定的前缀(-prefix-transform: translate{...},<edit>,</edit>等),这可能是已知的非常好,所以并不在我的问题的范围.这个问题是关于如何做这个客户端而不是构建过程的一部分.
但我也很欣赏任何提示
如你所见,我已经自己给出了答案.但我仍在寻找更好的解决方案,因为Autoprefixer带有大约626 KB的重载荷!
/*
Unprefixed version of "linear-gradient" will only work for
browsers: IE10+, FF16+, Chrome26+, Opera12+, Safari7+.
So how to generate a prefixed version on the fly if necessary?
*/
var aVal = ['linear-gradient(to bottom, #fefefe 0%,#aaaaaa 100%)', 'linear-gradient(to bottom, #aaaaaa 0%,#fefefe 100%']
style = document.getElementsByTagName('BODY')[0].style, …Run Code Online (Sandbox Code Playgroud)微软一直在推动ASP.NET MVC,而它在ASP.NET Web Forms上的主要优势之一就是单元测试.然后,他们宣布他们将支持jQuery作为他们的平台的官方客户端库,自动包括新项目的源.最近,他们宣布了他们对jQuery堆栈的第一次正式贡献:模板,数据链接和全球化.
我的问题是,随着对越来越多客户端逻辑的推动,微软如何期望开发人员以与他们通过MVC相同的功能和灵活性进行单元测试?是否有一个用于客户端脚本的单元测试框架甚至可以与ASP.NET MVC提供的内容进行比较?Microsoft是否支持或提供提供此功能的特定框架?
我正在尝试在Javascript/Canvas中创建一个小型2D游戏,其中包含几个动画精灵.我想减少HTTP请求的数量,因此我将每帧动画(32px乘32px)合并为每个精灵一个图像(例如,192px乘128px).有什么方法可以将这些图像复制并裁剪为客户端,然后再将它们剪切成几个较小的图像 它将极大地简化我的渲染代码,并有助于减少因网络延迟而导致的加载时间.
我们正朝着客户端前端开发的方向发展,并希望使用AngularJS,我想知道是否有任何方法可以将AngularJS与我们的水晶报告一起使用.
我们的服务器端是ASP.Net webapi/MS SQL Server.
如果我们可以使用我们现有的水晶报告,如果根本不可能使用水晶报告,那将是可爱的,然后一些专家告诉我们什么是用AngularJS这样的框架报告的另一个最佳解决方案.
谢谢和最好的问候
PS:令人惊讶的是有很多客户端框架,但没有报告框架.
我目前正在学习next.js 教程,但我很难理解以下内容:
教程在这里告诉我,点击某个<Link>元素不会触发服务器请求,而是进行“客户端导航”,即用js调整页面内容:
Link 组件支持在同一 Next.js 应用程序中的两个页面之间进行客户端导航。客户端导航意味着页面转换使用 JavaScript 进行
马上问三个问题:
<Link>如果我在 Chrome 开发工具中禁用 javascript,它仍然有效。这说明js实际上并没有发生转换。这与他们的说法是否矛盾?<Link>. (与“常规”反应行为相反)。这怎么能被认为是“客户端导航”呢?在本教程中,他们进一步告诉我:
默认情况下,Next.js 预渲染每个页面。这意味着 Next.js 提前为每个页面生成 HTML,而不是由客户端 JavaScript 完成这一切
这一说法听起来与上面引用的另一说法相矛盾。你能帮我澄清一下吗?当我点击时<Link>到底发生了什么?是否加载了新的 html 文件?如果是这样,这怎么可能发生在“客户端”。谢谢你!
client-side ×10
javascript ×4
html ×2
angularjs ×1
asp.net-mvc ×1
canvas ×1
crop ×1
css3 ×1
facebook ×1
forms ×1
html5 ×1
jquery ×1
logging ×1
meteor ×1
next.js ×1
opera ×1
parameters ×1
query-string ×1
reactjs ×1
unit-testing ×1
validation ×1