小编Ami*_*oda的帖子

使用HTML5,CSS3,Javascript创建交互式地图

我将建立和开发我学校交互式地图。在应该单击事件的地方,地图应该是完全交互式的。当用户要查看实验室详细信息时,应在特定的实验室区域上单击。即点击事件,弹出窗口应该应用到地图。

我已经使用SVG / CSS和HTML5开始了这项任务,并且到目前为止我还进行了搜索并找到了这个有趣的链接。 http://jvectormap.com/examples/mall/

如果有人知道更好的教程或网站可以完成我的任务,将不胜感激。如果是,请分享一些教程/ URL链接

谢谢

javascript css maps jquery html5

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

更改行计数在materialize css文本区域中不起作用

物化css文本区域中,是否可以使用"rows = '20'"初始化具有特定行数的文本区域?我们如何增加默认行数?

代码不起作用:

<div class="input-field col s12">
   <textarea id="textarea1" class="materialize-textarea" rows="20" ></textarea>
   <label for="textarea1">Text</label>
</div>
Run Code Online (Sandbox Code Playgroud)

html css materialize

4
推荐指数
1
解决办法
4142
查看次数

如何在ng2-Charts中将X轴标签包装为多行(X轴标签格式)?

如何在由https://valor-software.com/ng2-charts/制作的条形图中将x轴标签包装为多条线(2条线)?

预期结果应该像这样。请参见X轴标签。

Ng2-charts基于Chart.js,并发现了以下链接(PR),这些链接有助于解决此问题。

https://github.com/chartjs/Chart.js/commit/d1b411f4fc2d7b9cafa2d235c9ee008d149a22e3 https://github.com/chartjs/Chart.js/pull/2704

但是,是否可以在ng2-charts中实现相同的目标?任何人在使用ng2-charts时都会遇到此问题;如果是这样,请让我知道您如何以角度的方式解决此问题。

javascript chart.js ng2-charts angular

4
推荐指数
1
解决办法
1000
查看次数

Java + jackson解析错误无法识别的字符转义

我需要使用HttpClient来做一个POST json字符串.以下将是我的代码.从另一端,Json被映射到一个对象.

HttpClient client = HttpClientBuilder.create().build();
HttpPost post = new HttpPost(url);
String jsonData = "{ \"provider\" : null , \"password\" : \"a\", \"userid\" : \"mlpdemo\\mlpdemoins\" }";
post.setEntity(new ByteArrayEntity(         jsonData.toString().getBytes("UTF8")));
HttpResponse response = client.execute(post);
Run Code Online (Sandbox Code Playgroud)

这里所有其他人都正确映射期望userId.这里的问题是反斜杠(mlpdemo\mlpdemins).我猜.如果我发送一个字符串作为用户ID,它将被映射而没有任何问题.例如:-

String jsonData = "{ \"provider\" : null , \"password\" : \"a\", \"userid\" : \"mlpdemoins\" }";
Run Code Online (Sandbox Code Playgroud)

这有效.

但是我需要这个(mlpdemo\mlpdemins)通过POSt发送.请帮帮我.

String jsonData = "{ \"provider\" : null , \"password\" : \"a\", \"userid\" : \"mlpdemo\\mlpdemoins\" }";
Run Code Online (Sandbox Code Playgroud)

这是我得到的例外.

com.fasterxml.jackson.core.JsonParseException: Unrecognized character escape 'm' (code 109)
 at [Source: …
Run Code Online (Sandbox Code Playgroud)

java json http-post parse-error jackson

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

在HTML 5中接受大于0的数字的正确验证模式是什么?

我试图使用文本输入(而不是数字)来对超过0的条件进行数字验证.所以,它不应该接受输入-1,-2,0.但是1,100,2000,4000000 ..可能做的对它的限制.

是否有使用HTML5验证做类似的模式?(不是js/jq只是HTML5验证)

这是我尝试但完全不满足我的要求:

  • 这完美的工作,但我不想使用数字类型,但"文本"

http://jsfiddle.net/5Krwy/

<input id="quantity" name="quantity" type="number" min="1" max="100000" required />
Run Code Online (Sandbox Code Playgroud)
  • 现在这使用我想要的类型文本,但它仍然可以接受0.如何改进这种模式?

http://jsfiddle.net/5Krwy/1/

<input id="quantity" name="quantity" type="text" pattern = "[0-9]{1,5}" required />
Run Code Online (Sandbox Code Playgroud)

html html5

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

Jquery bxslider无效+ Angular js ng-repeat问题

我正在开发一个Angular js项目,我得到了一些术语,我正在使用ng repeat来显示前端的每个术语.它运行正常.我已经在bx滑块中显示它们 (jquery响应bxslider) 在此输入图像描述

以下将是主要代码.

Javascript代码

  <script type="text/javascript">
    $(document).ready(function(){
      $('.slider4').bxSlider({
        slideWidth: 300,
        minSlides: 2,
        maxSlides: 3,
        moveSlides: 1,
        slideMargin: 10
      });
    });
     </script>
Run Code Online (Sandbox Code Playgroud)

HTML代码

<div class="slider4">
    <div ng-repeat="term in terms" >  {{term.name}}</div>   
  </div>
Run Code Online (Sandbox Code Playgroud)

我可以看到所有的方面都很好地加载,但是当我点击箭头键滑块不起作用 .我想不通的issue.I'm相当肯定的问题是NG重复.因为当我删除ng-repeat并只是添加一些图像/ divs <div class="slider4"></div>它工作正常.

有人能帮我吗?为什么这不起作用?它是Angular js的缩减吗?我不能实现我的目标吗?

html javascript jquery bxslider angularjs

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

在Nodejs中编写多个文件循环

嗨我在nodejs脚本中使用每个循环来将多个文件写入本地位置.对于courseTitleArray我正在使用"Biology 101,ruby",我可以成功写入一个文件,但不能同时两个.请帮助我出.

到目前为止,这是我的代码

  for (var value in CourseTitleArray) {
               console.log( "Course Title " + CourseTitleArray[value]);
               var newImageLocation = path.join(__dirname, 'app/img/courseImages', CourseTitleArray[value] +  ".png");

                  fs.readFile(image.path, function(err, data) {
                      fs.writeFile(newImageLocation, data, function(err) {
                      console.log(CourseTitleArray[value] + " was  created successfully");   




                      });
                  }); 

                console.log("Loop executed " +  value);  
             }
Run Code Online (Sandbox Code Playgroud)

在控制台中我得到以下日志.

Course Title Biology 101
Loop executed 0
Course Title ruby
Loop executed 1
ruby was  created successfully
ruby was  created successfully 
Run Code Online (Sandbox Code Playgroud)

似乎循环工作正常,在日志中我可以看到两个标题.但当它写"生物学101,红宝石"已经执行了两次.

有人可以帮我解决这个问题吗?谢谢

javascript fs node.js

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

在java中解码编码的字符串?

在我的应用程序中,我正在编码一个字符串,然后生成一个MAC ID(使用javax.crypto.Mac).但我试图解码它,但我不能.你能帮我解决.你能指出我做错了哪里?

String userid = "AmilaI";
String time = gmtFormat.format(now)+ "Z";

String algorithmKey = time + userid;

SecretKeySpec sks = new SecretKeySpec(algorithmKey.getBytes("UTF-8"), "HmacSHA1");
Mac mac = Mac.getInstance("HmacSHA1");
mac.init(sks);
byte[] hashBytes = mac.doFinal(route.getBytes("UTF-8"));

String hmac = Base64.encodeBase64String(hashBytes);
hmac = hmac.replaceAll("\r\n", "");
System.out.println("Encrypted "+ hmac );

byte[] decoded = Base64.decodeBase64(hmac);
System.out.println("Decrypted " + new String(decoded, "UTF-8") + "\n");
Run Code Online (Sandbox Code Playgroud)

如何反转路径并获取alogorithmKey,以便通过解密获取用户ID?

java encryption decode

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

在没有GUI的Linux机器上通过jenkins执行Selenium测试(仅限CLI) - HEADLESS MODE

这是关于Selenium自动化测试.我有一些Jenkins作业设置用于一些测试执行.Jenkins是在没有GUI(仅限CLI)Ubuntu机器上安装的. 因此,当我运行脚本时,似乎显然无法找到Web浏览器.
这项工作在windows中完美运行.在Windows中我得到这样的结果.

窗口成功结果

-------------------------------------------------------
 T E S T S
-------------------------------------------------------
Running TestSuite
06/08/2015 00:04:47,996   INFO [main] (BasicTestObject.java:251) - ======BEGIN Test workflow============
06/08/2015 00:04:48,002   INFO [main] (BasicTestObject.java:252) - BEGIN Test: MlpBvt
06/08/2015 00:04:48,002   INFO [main] (BasicTestObject.java:253) - ======BEGIN Test workflow============

06/08/2015 00:04:58,862  DEBUG [main] (DefaultUIDriver.java:300) - Opened url: http://mlpdemo.qaprod.ecollege.com/
06/08/2015 00:04:58,912   INFO [main] (BasicTestObject.java:296) - -------------BEGIN Test Method-------------------
06/08/2015 00:04:58,913   INFO [main] (BasicTestObject.java:297) - BEGIN Test Method: verifyAdminLogin
06/08/2015 00:04:58,913   INFO …
Run Code Online (Sandbox Code Playgroud)

linux selenium headless jenkins selenium-webdriver

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

在输入文本框的占位符中呈现特殊字符

我需要显示(●)作为文本输入的占位符.但它们并没有渲染只是在占位符中显示unicode.请帮帮我

<input type="text" ng-model="inputText" placeholder="{{somePlaceholder}}" />
Run Code Online (Sandbox Code Playgroud)

在控制器中:

$scope.somePlaceholder = '&#9679;&#9679;';
Run Code Online (Sandbox Code Playgroud)

小提琴 - http://jsfiddle.net/Lvc0u55v/8334/

unicode placeholder angularjs

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