标签: client-side

我可以将参数传递给客户端HTML页面吗?

我不确定我是否有行话来问这个问题不是网络开发者,但请耐心等待我.

我想将参数发送到客户端HTML页面(只是磁盘上没有涉及Web服务器的文件).我最初的尝试是使用查询字符串,然后解析它,window.location.href但不是传递给页面的查询字符串,我得到一个文件未找到错误.

有可能做我正在尝试的事情吗?

html javascript parameters client-side query-string

9
推荐指数
1
解决办法
1万
查看次数

如何在Opera 11中使用HTML5客户端表单验证时阻止表单提交?

如何在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)

forms validation html5 opera client-side

9
推荐指数
1
解决办法
2万
查看次数

Javascript日志记录

这是一个菜鸟问题.

如果我想将日志记录添加到在浏览器(IE,FF等)中运行的java脚本应用程序,该怎么办?据我所知,我无法在客户端主机中保存日志文件.所以,我只有两个选择:在新的浏览器窗口中显示我的日志信息(如"blackbird")或将日志记录发送到服务器.

这是对的吗?他们通常使用什么样的日志记录?

javascript logging client-side

9
推荐指数
1
解决办法
3810
查看次数

在MeteorJS框架内运行facebook身份验证?

我开始了我对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)

然后你就进去了.

facebook client-side meteor

9
推荐指数
2
解决办法
5416
查看次数

强类型的客户端语言?

强大的服务器端语言有很多选择,但我想不出任何强类型,真正强大的客户端语言.Javascript在表单,基本数学以及与AJAX等服务器交互方面做了很多工作,但与其他语言相比它有其局限性.

我正在寻找能够进行图像处理或数据处理的强类型客户端语言,这样的原始事物.或者,如果有javascript库可以帮助实施变量的数据类型,那么这也可能有用.

client-side strong-typing

9
推荐指数
1
解决办法
1428
查看次数

如何设置供应商前缀CSS值(NOT属性名称)| 客户端

<edit>我实际上已经猜到这会发生但是在发布后几秒钟我得到了一个"可能重复"的标志,这是不合适的!这个问题是关于CSS值不是CSS属性名称,因此它不是这个这个问题的重复!它也不是这个的重复,因为我要求一个通用的解决方案.
如果你仍然不相信或不确定这篇文章的内容,也许你会看看这个问题的底部:"我不是在寻找什么"和"谁没有完成工作" </edit>

如果需要,有没有办法通过JavaScript设置适当的供应商前缀CSS值客户端?

我正在寻找什么

例如: background: -prefix-linear-gradient{...}

我希望得到一个关于如何通过JavaScript在客户端设置供应商前缀CSS值的通用解决方案.其中供应商特定的前缀(-prefix-transform: translate{...},<edit>,</edit>等),这可能是已知的非常好,所以并不在我的问题的范围.这个问题是关于如何做这个客户端而不是构建过程的一部分.

但我也很欣赏任何提示

  • 完成工作的JavaScript/jQuery插件或
  • 额外的资源可以让我自己解决.

如你所见,我已经自己给出了答案.但我仍在寻找更好的解决方案,因为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)

html javascript client-side css3 vendor-prefix

9
推荐指数
1
解决办法
781
查看次数

如何在ASP.NET MVC中单元测试客户端jQuery/Javascript?

微软一直在推动ASP.NET MVC,而它在ASP.NET Web Forms上的主要优势之一就是单元测试.然后,他们宣布他们将支持jQuery作为他们的平台的官方客户端库,自动包括新项目的源.最近,他们宣布了他们对jQuery堆栈的第一次正式贡献:模板,数据链接和全球化.

我的问题是,随着对越来越多客户端逻辑的推动,微软如何期望开发人员以与他们通过MVC相同的功能和灵活性进行单元测试?是否有一个用于客户端脚本的单元测试框架甚至可以与ASP.NET MVC提供的内容进行比较?Microsoft是否支持或提供提供此功能的特定框架?

asp.net-mvc jquery unit-testing client-side

8
推荐指数
1
解决办法
5861
查看次数

在Javascript中复制和裁剪图像

我正在尝试在Javascript/Canvas中创建一个小型2D游戏,其中包含几个动画精灵.我想减少HTTP请求的数量,因此我将每帧动画(32px乘32px)合并为每个精灵一个图像(例如,192px乘128px).有什么方法可以将这些图像复制并裁剪为客户端,然后再将它们剪切成几个较小的图像 它将极大地简化我的渲染代码,并有助于减少因网络延迟而导致的加载时间.

javascript canvas crop client-side

8
推荐指数
2
解决办法
2万
查看次数

报告解决方案最适合AngularJS和Crystal Reports?

我们正朝着客户端前端开发的方向发展,并希望使用AngularJS,我想知道是否有任何方法可以将AngularJS与我们的水晶报告一起使用.

我们的服务器端是ASP.Net webapi/MS SQL Server.

如果我们可以使用我们现有的水晶报告,如果根本不可能使用水晶报告,那将是可爱的,然后一些专家告诉我们什么是用AngularJS这样的框架报告的另一个最佳解决方案.

谢谢和最好的问候

PS:令人惊讶的是有很多客户端框架,但没有报告框架.

client-side crystal-reports angularjs

8
推荐指数
1
解决办法
1万
查看次数

Next.js - 客户端导航与 html 中的更改

我目前正在学习next.js 教程,但我很难理解以下内容:

教程在这里告诉我,点击某个<Link>元素不会触发服务器请求,而是进行“客户端导航”,即用js调整页面内容:

Link 组件支持在同一 Next.js 应用程序中的两个页面之间进行客户端导航。客户端导航意味着页面转换使用 JavaScript 进行

马上问三个问题:

  • 对我来说,这听起来像是没有 next.js 等的常规 SPA React 路由。但事实并非如此,对吧?
  • <Link>如果我在 Chrome 开发工具中禁用 javascript,它仍然有效。这说明js实际上并没有发生转换。这与他们的说法是否矛盾?
  • 当我右键单击该页面并单击“查看源代码”(在 Chrome 中)时,我在单击<Link>. (与“常规”反应行为相反)。这怎么能被认为是“客户端导航”呢?

在本教程中,他们进一步告诉我:

默认情况下,Next.js 预渲染每个页面。这意味着 Next.js 提前为每个页面生成 HTML,而不是由客户端 JavaScript 完成这一切

这一说法听起来与上面引用的另一说法相矛盾。你能帮我澄清一下吗?当我点击时<Link>到底发生了什么?是否加载了新的 html 文件?如果是这样,这怎么可能发生在“客户端”。谢谢你!

client-side reactjs server-side-rendering next.js

8
推荐指数
1
解决办法
4117
查看次数