Tag: JavaScript

在React Native中查看父级的80%宽度

我在React Native中创build了一个表单,并希望使我的TextInput成为屏幕宽度的80%。 用HTML和普通的CSS,这将是直截了当的: input { display: block; width: 80%; margin: auto; } 除了React Native不支持display属性,百分比宽度或自动页边距。 那我该怎么做呢? 在React Native的问题跟踪器中有一些关于这个问题的讨论,但是提出的解决scheme看起来像是讨厌的黑客。

Angular 2如果path不存在,如何redirect到404或其他path

我试图redirect404 /其他path,如果path不存在angular2 我试图研究有一些方法angular1,但不angular2。 这是我的代码: @RouteConfig([ { path: '/news', name: 'HackerList', component: HackerListComponent, useAsDefault: true }, { path: '/news/page/:page', name: 'TopStoriesPage', component: HackerListComponent }, { path: '/comments/:id', name: 'CommentPage', component: HackerCommentComponent } ]) 因此,例如,如果我redirect到/news/page/然后它的工作,它返回给我一个空的页面,你如何处理这种情况下发生?

基本的web服务器与node.js和expression为服务的HTML文件和资产

我做了一些前端实验,我想有一个非常基本的networking服务器来快速启动一个项目,并提供文件(一个index.html文件+一些CSS / JS / IMG文件)。 所以我正在尝试使用node.js来expression,我已经使用了这两个,但是这次我不想使用一个渲染引擎,因为我只有一个静态文件,我得到这个代码HTML文件但不是资产(错误404): var express = require('express'), app = express.createServer(); app.configure(function(){ app.use(express.static(__dirname + '/static')); }); app.get('/', function(req, res){ res.sendFile(__dirname + '/index.html'); }); app.listen(3000); 有没有简单的方法来做到这一点(如果可能的话在一个文件中)或者Express需要使用视图和渲染引擎?

如何在Click – Material Design中创build纹波效果

我是新来的CSSanimation,我一直试图通过查看他们的代码,使他们的animation工作在最后几个小时,但我不能让它现在工作。 我在谈论这个效果: https : //angular.io/ (菜单效果)。 基本上,这是一个点击animation,从鼠标光标展开一个圆圈。 似乎归结为这两行: transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1); transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1); PS:也许有一些我没有看到的jQuery。

如何在JavaScript中保存cookie值时设置path?

我正在ASP页面上保存一些Cookie值。 我想为cookie设置根path,以便所有页面都可以使用cookie。 目前的cookiepath是/v/abcfile/frontend/ 请帮帮我。

将触摸事件从Javascript翻译成jQuery

我在用 window.addEventListener("touchstart", function(ev){ console.log(ev.touches); // good }); 我怎样才能把这个翻译成jQuery? 我试过了: $(window).bind("touchstart",function(ev){ console.log(ev.touches); // says ev.touches is undefined } 有任何想法吗?

如何在javascript中的if语句中指定多个条件

这里是我提到两个条件如果这个或这个 if (Type == 2 && PageCount == 0) !! (Type == 2 && PageCount == '') PageCount= document.getElementById('<%=hfPageCount.ClientID %>').value; }

jquery事件执行后如何保持页面滚动位置?

我已经search了高和低的答案,并已find类似的问题的例子,但答案不适用于我的情况。 现实是我是新来的,因此我没有能力使我find的答案适应我的问题。 问题: 我有一个Div,当单击缩略图时,Div图像通过JavaScript / jQuery脚本replace另一个图像(我不确定是否有人可以澄清)。 这工作正常,但问题是页面滚动回到顶部,然后用户必须向下滚动以查看自己已经取代后的图像。 我在网上看了一下,发现返回false:但是JavaScript中可以帮助我查看并返回false已经存在。 我看过的另一个选项是基于JavaScript cookie的解决scheme,在该解决scheme中发送cookie,浏览器滚动位置通过读取Cookie来维护,但是我似乎无法得到该解决scheme的工作,我认为这个问题可能会导致因为我在本地托pipe,但我可能是错的… 第三个是使用PHP脚本,但我还没有find这个方法的明确答案,这也意味着我将不得不学习有关PHP(我确信我将不得不及时学习)。 这里是JavaScript: <script type="text/javascript"> $(document).ready(function() { $('.galleryicon').live("click", function() { $('#mainImage').hide(); $('#cakebox').css('background-image', "url('ajax-loader.gif')"); var i = $('<img />').attr('src',this.href).load(function() { $('#mainImage').attr('src', i.attr('src')); $('#cakebox').css('background-image', 'none'); $('#mainImage').fadeIn(); }); return false; }); }); </script> 这里是html: <div class="cakecont"> <div id="cakebox"> <img src="..http://img.dovov.comcakes/babycake1.png" alt="Main Image" id="mainImage"/> <div class="pageinfo2"> <h3>Cake Type 1</h3> <h6>£2.00</h6> […]

是否有可能等到所有的JavaScript文件加载之前执行JavaScript代码?

我们有几个JavaScript文件,我们加载在母版页的底部。 但是,我有这样的情况,我需要在其他脚本加载之前执行一些JavaScript。 是否有可能等到所有的JavaScript文件加载,然后执行一些JavaScript代码? 我认为$(document).ready()这样做,但事实certificate,它不。 当然,我们可以将脚本文件从底部移到顶部,但是我想知道是否有可能我想要的。

jQuery中select一个冒号的ID

我正在为一个网站预编写模块,我需要针对一个元素与id test:two 。 现在,这个元素有一个冒号,所以jquery大概可以理解地把这个'two'看作一个伪类。 有什么办法用jQuery来定位这个元素吗? 另外,更改ID是不可能的。 相信我,如果我能的话。 我在这里举了一个例子: http : //jsfiddle.net/zbX8K/1/