小编edt*_*edt的帖子

用JQuery制作魔法仙尘

我有以下任务:

添加落下的仙尘(有点像小叮当)到网站标志.

落下的仙尘应该不断地生动/下降和淡出.

网站标志是png.

我想绝对在现有的网站徽标图像上定位div.那个div会包含动画的仙尘.

我知道这通常是Flash的工作类型,但是这个项目不允许这样做.

做这个的最好方式是什么?有没有办法使用JQuery动画,或Canvas或processing.js?

jquery animation canvas processing.js

6
推荐指数
2
解决办法
3038
查看次数

使用JavaScript将办公时间转换为当地时间

如何使用JavaScript将这样的消息添加到网页:

我们的办公时间是太平洋标准时间上午9点至下午5点(09:00 - 17:00).

在你的时区,那是WWxx - YYzz(AA:00 - BB:00).

哪里:

  • "WW"和"YY"被转换为"小时"(12小时制)的正确值.

  • "xx"和"zz"被转换为"am"或"pm".

  • "AA"和"BB"被转换为"小时"的适当值(24小时制).

所以...最终输出的一个例子是:

我们的办公时间是太平洋标准时间上午9点至下午5点(09:00 - 17:00).

在您的时区,即上午12点至早上8点(00:00 - 08:00).

javascript time timezone datetime

5
推荐指数
1
解决办法
653
查看次数

CouchDB视图URL显示:CouchDB:{"error":"not_found","reason":"missing"} ...为什么?

例如:

  • 我的CouchDB托管在:example.com上
  • CouchDB数据库名称是:foo
  • 视图名称为:my_view

所以,当我把它们放在一起构建URL时,我得到:

以上网址显示:

 {"error":"not_found","reason":"missing"}
Run Code Online (Sandbox Code Playgroud)

为什么会出现这个错误?

预期结果是列出了与"my_view"视图对应的文档.

更多信息:

如果我访问http://www.example.com/foo,我会收到预期的回复:

{"db_name":"foo","...
Run Code Online (Sandbox Code Playgroud)

如果我访问http://www.example.com/foo/_design/my_view,我会收到预期的回复:

{"_id":"_design/my_view","_rev":"...
Run Code Online (Sandbox Code Playgroud)

我在Windows7/Chrome上使用CouchDB v1.0.2

我的设计文档的完整内容(显示的是真实值,而不是example.com)

{
  "_id":"_design/locations",
  "_rev":"1-0f7fbdd2f5b4213591e171b6e546af3a",
  "language":"javascript",
  "views": {
    "locations": {
      "map":"function(doc) {\n  emit(doc.type === \"location\" && doc.name);\n}"
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

couchdb view

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

启用JSONP时,有何限制访问CouchDB视图的方法?

我在我的iriscouch CouchDB上启用了JSONP,因此我可以对我的视图发出ajax请求.这意味着任何人都可以向我的CouchDB视图发出ajax请求.

有什么方法可以防止这种情况吗?

如果没有,那么有没有办法限制对视图的访问(关闭JSONP),以便只有我的应用程序可以查看它(使用代理)?

jsonp couchdb

5
推荐指数
1
解决办法
905
查看次数

在 VS Code 中,如何根据给定目录中的文件获取 JSON 智能感知?

我的应用程序包含 JSON 文件。我的应用程序中所有 JSON 文件共有的一个 JSON 属性是“类型”。type 属性的值必须是我的 /templates/ 目录中任何把手 (.hbs) 文件的文件名。

我的目标是在 JSON 文件中键入给定“类型”属性的值时获得智能感知。智能感知应包含 /templates/ 目录中所有把手文件名的列表。无论是自动解决方案,还是我提供值列表的解决方案都会很棒。

有没有办法在 VS Code 配置或 TypeScript 中实现这一点?

intellisense visual-studio-code

5
推荐指数
1
解决办法
2357
查看次数

如何从PHP中的字符串中提取URL?

我正在使用PHP的"simplexml_load_file"从Flickr获取一些数据.

我的目标是获取照片网址.

我能够得到以下值(分配给PHP变量):

<p><a href="http://www.flickr.com/people/19725893@N00/">codewrecker</a> posted a photo:</p>

<p><a href="http://www.flickr.com/photos/19725893@N00/2302759205/" title="Santa Monica Pier"><img src="http://farm3.static.flickr.com/2298/2302759205_4fb109f367_m.jpg" width="180" height="240" alt="Santa Monica Pier" /></a></p>
Run Code Online (Sandbox Code Playgroud)

我怎样才能提取它的这一部分?

http://farm3.static.flickr.com/2298/2302759205_4fb109f367_m.jpg
Run Code Online (Sandbox Code Playgroud)

万一它有帮助,这是我正在使用的代码:

<?php
$xml = simplexml_load_file("http://api.flickr.com/services/feeds/photos_public.gne?id=19725893@N00&lang=en-us&format=xml&tags=carousel");
foreach($xml->entry as $child) {
    $flickr_content = $child->content; // gets html including img url
    // how can I get the img url from "$flickr_content"???
 }
?>
Run Code Online (Sandbox Code Playgroud)

php flickr simplexml

3
推荐指数
1
解决办法
1983
查看次数

如何将代理添加到Node/Express站点?

我的网站在Node上运行并使用Express框架.

我的目标是从Yahoo Placefinder api收集数据.它不支持JSONP,所以我需要将我的JQuery.getJSON请求发送到我自己的代理.然后我的代理会向Placefinder api发送一个http请求,并回应响应.

如果我使用的是php而不是Node,我只需要创建一个新的php文件,其中包含对placefinder api的curl请求并回显响应.

但是,我正在使用Node,我不知道从哪里开始.

而且,我正在使用Express框架.

我的问题是:

  1. 代理在哪里适合Express框架?公用文件夹?

  2. 在哪里可以找到有关如何在Node中编码代理的一些信息?

  3. 我是否需要修改Rackspace云(ubuntu)服务器的配置才能实现此目的?

proxy json jsonp node.js express

3
推荐指数
1
解决办法
9479
查看次数

如何使用JSON.Net读取JSON并输出HTML?

如何使用JSON.Net并循环使用以下JSON为"photos"对象的每个成员输出一个HTML图像标记(字符串)?

我的目标是阅读以下JSON并输出以下字符串:

"<img src='/images/foo.jpg' alt='Hello World!'><img src='/images/bar.jpg' alt='Another Photo' />"
Run Code Online (Sandbox Code Playgroud)

JSON存储在外部文件"photos.json"中

{
    "photos": {
        "photo1": {
            "src": "/images/foo.jpg",
            "alt": "Hello World!"
        },
        "photo2": {
            "src": "/images/bar.jpg",
            "alt": "Another Photo"
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

我开始使用类似于此处所示的代码:http://www.hanselman.com/blog/NuGetPackageOfTheWeek4DeserializingJSONWithJsonNET.aspx

var client = new WebClient();
client.Headers.Add("User-Agent", "Nobody");
var response = client.DownloadString(new Uri("http://www.example.com/photos.json"));
JObject o = JObject.Parse(response);'
//Now o is an object I can walk around...
Run Code Online (Sandbox Code Playgroud)

但是,我没有找到一种方法来"走动o",如示例所示.

我想遍历照片对象的每个成员,阅读属性并为每张照片添加html到我的字符串.

到目前为止,我已经尝试了这里显示的示例:http://james.newtonking.com/json/help/index.html?topic = html/QueryJson.htm 但是,我无法让它们在每个循环中运行一次.

c# linq asp.net json.net

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

为什么grid-gap会更改CSS Grid中列的宽度?

我使用css-grid在容器内部设置了一个24列的网格,其宽度为1002px。

在容器div内,有一个跨21列的子div。我期望子div的宽度为:

21/24 * 1002 = 876.75
Run Code Online (Sandbox Code Playgroud)

添加grid-gap属性后,列的宽度减小到873px,这是不希望的。

如何编写CSS,使div的宽度为876.75px?

参见示例:https : //codepen.io/edtalmadge/pen/MvLrqW?editors=1100

的HTML

<div class="container1">
  <div class="column">
    <p>No grid-gap ...width is 876px as expected</p>
  </div>
</div>

<div class="container2">
  <div class="column">
    <p>grid-gap: 30px; ...width becomes 873px (3px too narrow)</p>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

的CSS

   /* no grid gap */
   .container1 {
      display: grid;
      grid-template-columns: repeat(24, 1fr);
      width: 1002px;
      background-color: #ededed;
    }

    /* has grid gap */
    .container2 {
      grid-gap: 30px; // This causes the width of .column to increase
      display: grid;
      grid-template-columns: …
Run Code Online (Sandbox Code Playgroud)

css css3 css-grid

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

如何在常规 Angular 组件和 Angular 元素之间共享代码?

假设我将使用 nx 能够在单一存储库中的不同站点之间共享库。我有两个网站:

  • 站点 1:Angular 应用程序
  • 站点 2:静态站点

站点 1 有一个 helloWorld Angular 组件。在站点 2 上,我想使用 helloWorld 组件,但作为由 Angular 元素创建的 Web 组件。所有 Angular 组件和元素都应存储在共享的外部 nx 库中。

有没有办法在常规 Angular 组件和 Angular 元素之间共享代码?或者,将常规组件嵌套在元素内?

angular-components angular angular-elements

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