草庐IT

表白网页制作

全部标签

javascript - 如何为 react 中的多个字段制作动态状态?

classBillsextendsComponent{constructor(props){super(props)this.state={productName:'',price:0,quantity:0,noOfProductsField:0}}handleChange=name=>event=>{this.setState({[name]:event.target.value,});};createFields=()=>{const{classes}=this.props;letchildren=[]for(leti=0;iSelectProduct{this.state.pro

javascript - 顺时针或逆时针旋转网页

我想为用户提供旋转网页内容的选项,包括图像、文本和div。这可能吗?附言:我想旋转整个网页。不仅仅是容器div。 最佳答案 你可以使用CSS3-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);http://jsfiddle.net/KdNNy/1/但并非在所有浏览器上都有效。此示例仅适用于firefox和chrome/safari。Opera应该也有。甚至IE编辑以防万一有人认为“哦,他只是在旋转一个DIV!”,检查一下http://jsbin.com/utup

javascript - 如何像 Github 那样制作 52 周的参与条形图?

我正在尝试制作类似于Github的条形图,用于显示有多少提交或有多少人正在查看存储库,例如https://github.com/popular/watched.有谁知道他们用什么库制作的?更新如果可能,我想重新打开这个问题。重新调查这个问题,下面的解决方案虽然本身很棒,但对于我正在寻找的东西来说似乎有点过于复杂。我已经改用这个很好的Nettuts教程,它绘制了一个条形图,但我无法调整它来绘制多个条形图。http://net.tutsplus.com/tutorials/javascript-ajax/fun-with-canvas-create-a-jquery-graph-plugi

javascript - 将数据从一个网页传递到另一个网页

我需要使用客户端技术将大量数据从一个页面传递到另一个页面。它基本上是一个将显示在目标页面上的id列表。显然查询字符串不适合,因为可能有数千个ID,所以我想我可以使用javascript动态添加表单(method=GET),将ID写入隐藏字段并将表单提交到目标页面。它似乎工作正常,但我想知道是否有更好的方法-这感觉有点老套。 最佳答案 通过使用HTML5StorageAPI,您可以实现这一点......使用HTML5,网页可以在用户的​​浏览器中本地存储数据。早些时候,这是通过cookie完成的。但是,WebStorage更安全、更快

javascript - 确定网页的宽度(以英寸为单位)

我有一个CSS样式表,它使用媒体查询根据页面宽度的多少英寸来更改页面的显示方式(例如,如果它小于4英寸或在手持设备上显示,它假定对移动设备更友好的LAF)。我遇到的问题是它的内容。在主页上,有一个停靠式界面,可以根据窗口的当前高度和宽度动态改变高度,使文本和元素永远不会离开屏幕。但是,我确定此大小的JS不知道样式表何时更改适用于手持设备或小屏幕,因此该行为在此模式下继续不可预测。我如何使用JavaScript检测页面何时小于或等于4英寸,以便我可以禁用当时重新调整的停靠栏的自动调整大小? 最佳答案 这是一个不平凡的问题。这是一个指向

javascript - 使用 phantomjs 渲染一个 javascript 网页

我正在尝试使用phantomjs从网站呈现一个javascript评估的源代码。但每次我尝试时,我只会按原样获取源代码(类似于从浏览器查看源代码)。我真正想要的是javascript评估代码(我们从googlechrome浏览器的检查元素中看到的)。我的代码如下所示:varpage=require('webpage').create();page.open('http://www.google.com/',function(s){console.log(page.content);phantom.exit();});我是不是做错了什么? 最佳答案

javascript - 如何使用 angularJS 制作虚拟卷轴?

我试图制定一个指令,我可以做一个虚拟滚动,所以当用户滚动表格时,表格删除“旧”View并添加"new"View,有点像收集重复,但我已经一直失败,我想我不明白它背后的数学原理,有人可以帮助我吗?这是我的指令代码:BaseModule.directive('myScroll',function(){return{restrict:"A",scope:{rows:"=",headers:"="},link:function(scope,el){varscrollTop=0;varscrollLeft=0;angular.element(el).on('scroll',function(){

javascript - 制作一个棋盘,上面有两个皇后

这个问题在这里已经有了答案:Unexpectedvaluechangein2DarrayinJavaScript(1个回答)HowcanIcreateatwodimensionalarrayinJavaScript?(55个答案)关闭3年前。我想在我的终端中制作一个8x8的棋盘。我已经制作了正确的8x8网格,但现在无法将两个皇后添加为1我一直在尝试,正如您在代码arrayz[0][1]=1中看到的那样。我想知道问题是出在我的循环上,还是有一种简单的方法可以将两个循环插入到问题中。constgenerateBoard=function(){letarrayz=[]letset=[]let

javascript - 当浏览器滚动条出现和消失时保持网页居中

我认为这是一个非常基本的问题。我有一个网站,其中一些页面可能适合浏览器的可视垂直区域,而另一些则不会(很多网站肯定是这样的)。当用户在桌面浏览器上从一个页面浏览到另一个页面时,垂直滚动条会出现和消失,具体取决于页面。其影响是,当用户刚刚选择另一个导航链接时,居中的页面不断移动滚动条的宽度-什么是阻止这种情况发生的最简单方法,而不是让我的所有网页都保持相同的高度?第二部分-为什么桌面浏览器不只保留垂直滚动条区域,也许有办法强制保留它们? 最佳答案 这样做(不适用于IE6):body{overflow-y:scroll;}如果您还想始终

javascript - 如何找到整个网页的高度?

我正在研究一种捕获网站屏幕截图的解决方案。我正在使用slimerjs.org中提到的默认示例来完成工作。这个工具的屏幕截图很棒,但我需要拍摄网站的全高屏幕截图。捕获http://www.yellowpages.com等网站的屏幕时,我可以获得全长屏幕而无需提及任何高度参数。但是当我尝试这个url时:http://votingbecause.usatoday.com/我只能获取设置分辨率的屏幕截图(默认:1920x1080),无法获取全长图像。因为我使用的是slimerjs,所以我可以使用jQuery来操作dom。我需要找到完整的网站高度,以便我可以截取该分辨率的屏幕截图我试过了docu