标签: client-side-scripting

我在客户端使用react和react-router作为我的应用程序.我似乎无法弄清楚如何从网址获取以下查询参数:

http://xmen.database/search#/?status=APPROVED&page=1&limit=20

我的路线看起来像这样(我知道路径是完全错误的):

var routes = (
<Route>
    <DefaultRoute handler={SearchDisplay}/>
    <Route name="search" path="?status=:status&page=:page&limit=:limit" handler={SearchDisplay}/>
    <Route name="xmen" path="candidate/:accountId" handler={XmenDisplay}/>
</Route>
);

我的路线工作正常,但我不知道如何格式化路径以获取我想要的参数.感谢任何帮助!

有谁知道如何使用JavaScript滚动浏览一堆图像来实现封面流效果.我不是在谈论3D旋转itunes封面艺术,而是当您点击文档文件夹中的空格键时发生的效果,允许您以灯箱方式预览它们.

我正在使用 Leaflet JS 和 MapBox 创建地图。我的浏览器显示如下：

地图根本不显示，我的地图图块是空白的。我在开发工具控制台中得到的错误是：

GET https://api.tiles.mapbox.com/v4/mapbox.streets/9/123/183.png?access_token=pk.eyJ1IjoibXl2ZXJkaWN0IiwiYSI6ImNrZmoyYmpuNDB1eHYycG16bms0aHN2ZWwifQ.w0DRp5yDUHxa2RJa0aDRlQ 410 (Gone)
Image (async)       
createTile  @   TileLayer.js:158
_addTile    @   GridLayer.js:812
_update     @   GridLayer.js:709
_setView    @   GridLayer.js:570
_resetView  @   GridLayer.js:526
 onAdd      @   GridLayer.js:162
_layerAdd   @   Layer.js:114
whenReady   @   Map.js:1465
addLayer    @   Layer.js:176
addTo       @   Layer.js:52
(anonymous) @   maps.js:16

上面的 maps.js:16 引用了下面 maps.js 代码片段中的最后一行 .addTo(map)：

let coordinates = [ 44.96, -93.2 ] 
let zoomLevel = 9
let map = L.map("college-map").setView(coordinates, zoomLevel)

L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery …

我必须将我的客户从一个网站转移到另一个网站.这发生在客户端.在这第二个网站上,它使用windows基本认证系统.所以它会弹出登录窗口.我需要省略这个弹出窗口并使用javascript在第二个网站上验证我的客户端,然后将他重定向到第二个网站.即使我将凭据放在javascript文件中也没有安全问题,因为整个系统在Intranet中运行.那么如何在第二个网站上验证客户端？

我发现这个线程 如何使用jQuery将Windows身份验证传递给webservice？

但它不起作用.当我查看第二个URL的请求标头时,它不包含Authorization标签.

我刚刚开始进行Web开发,特别是Reactjs,它引入了"客户端渲染".我想我理解客户端与服务器端渲染的概念,但我并不完全知道如何务实地理解这些概念.

例如,当我有<img src="airplane.png" />,这个图像是加载客户端还是服务器端？IE,服务器是否将图像作为原始请求的一部分返回,或者是否在服务HTML之后通过向服务器发出另一个请求来从客户端加载图像？如果我正在加载大量图像,我是否希望它们被加载到客户端或服务器端？

谢谢!

在通过缩放版本的图片获取参数之后,我正在尝试通过Javascript在SVG中添加原始大小参数的图片.

Firebug向我展示了元素,以及所有必要的参数,但最好的祝福我没有通过.

this.svg = document.getElementsByTagNameNS('http://www.w3.org/2000/svg','svg');     
var bild = document.createElementNS('http://www.w3.org/2000/svg','image');
var BildURL = this.image[0][0].getAttribute('xlink:href');
var imgX = new Image();
imgX.src = BildURL;

bild.setAttribute("x","60");
bild.setAttribute("y","40");
bild.setAttribute("width",imgX.width);
bild.setAttribute("height",imgX.height);    
bild.setAttribute("id","image12976");
bild.setAttribute("xlink:href",BildURL);
this.svg[0].appendChild(bild);

如果我看一下Firebug,该元素完全存在.

<image id="image12976" x="60" y="40" width="300" height="430" xlink:href="img/Akira1.jpg">

我将鼠标移到了方向上,我在"投资模式"中看到了图片的矩形,但不是内容.

有人可以告诉我,我做错了什么？!

我会好心的,谢谢你.

塔梅尔

我登录django admin.当我打开firebug JS控制台并尝试打印cookie时document.cookie我只得到csrftokencookie.但是,当我打开Firefox首选项>隐私>删除cookie ...然后我可以看到sessionidcookie.

如何在客户端获得？

• 哪些脚本语言属于客户端,哪些内容属于服务器端？

• 如果JavaScript是脚本语言,那么jquery呢？jquery只是javascript库礼仪？所以jquery是客户端脚本？

  我瞪着它,但它仍然令人困惑.在某些站点中,其给定的客户端脚本是JavaScript和vb脚本,而在其他一些站点中,它只说JavaScript.在服务器端的情况下,他们也提到了html.

  我能否清楚地了解这一点.

我似乎经常在我渲染视图的情况下结束,但该视图所依赖的模型尚未加载.大多数情况下,我只从URL中获取模型的ID,例如对于假设的市场应用程序,用户使用该URL登陆应用程序:

http://example.org/#/products/product0

在我ProductView,我创建一个ProductModel并设置其ID,product0然后我fetch().我用占位符渲染一次,当获取完成时,我重新渲染.但我希望有更好的方法.

在呈现任何内容之前等待模型加载感觉没有响应.重新渲染的原因闪烁,并添加"载入中...请稍候"或者处处纺纱使视图模板非常复杂的(尤其是如果模型获取,因为模型不存在故障,或者用户无权查看这页纸).

那么,当你还没有模型时,渲染视图的正确方法是什么？

我是否需要远离hashtag-views并使用pushState？服务器能帮我推吗？我听见了.

从已加载的页面加载:

我觉得,当已经加载页面而不是直接登陆页面时,你可以做更多的事情Product.

如果应用程序呈现指向"产品"页面的链接,例如通过呈现ProductOrder集合,是否还可以执行更多操作？

<ul id="product-order-list">
  <li>Ordered 5 days ago. Product 0 <a href="#/products/product0">(see details)</a></li>
  <li>Ordered 1 month ago. Product 1 <a href="#/products/product1">(see details)</a></li>
</ul>

我处理这种链接到细节页面模式的自然方式是定义一条沿着这些方向做某事的路线:

routes: {
  'products/:productid': 'showProduct'
  ...
}

showProduct: function (productid) {
  var model = new Product({_id: productid});
  var view = new ProductView({model: model});
  //just jam it in there -- for brevity
  $("#main").html(view.render().el);
}

然后我倾向于fetch()在视图的 …

我已经看到了这个使用 css 制作动画星星背景的例子，并注意到在这种情况下编译的 css 明显更小，因为 sass 在循环中生成了一千颗星星。

// n is number of stars required
@function multiple-box-shadow ($n) 
  $value: '#{random(2000)}px #{random(2000)}px #FFF'
  @for $i from 2 through $n
    $value: '#{$value} , #{random(2000)}px #{random(2000)}px #FFF'

  @return unquote($value)

这让我想知道，有没有办法在客户端生成上述 css？网络带宽的节省会不会超过生成 css 的（微乎其微的）成本？

我找不到这种用例的示例，网络流量的压缩是否使这无关紧要？

我不一定要专门询问这个案例。更多关于带宽与计算时间的考虑（如果有的话）。对于ngFor在客户端使用更简洁的语法（如在 Angular 中）生成 HTML 的 js 框架，也可以这样说。