小编cer*_*eny的帖子

如何让bxSlider隐藏幻灯片直到页面加载?

我正在构建一个使用bxSlider的网站.

当页面加载时,所有幻灯片都可见,堆叠在彼此之上.页面完全加载后,第一张幻灯片仍然可见,其余部分消失,以便滑块可以动画显示它们一次一个.

我已经尝试使用各种CSS和bxSlider回调来隐藏幻灯片,直到页面完全加载,但没有运气.有谁知道如何做到这一点?

谢谢!

css jquery bxslider

39
推荐指数
6
解决办法
6万
查看次数

Webkit不透明度与文本的过渡问题

情况:

查看jsFiddle

div我的内部有一个图像,后跟文本,其上有font-weight900.在我的本地托管环境中,我使用的是自定义字体,但对于上面的小提琴,我选择了"永远如此时尚"的Comic Sans来说明我的观点.在发生任何事情之前,我将整个div的不透明度设置为0.7.但是,在盘旋过程中div,我希望一切的不透明度达到完全不透明度.

问题:

我注意到仅在Webkit浏览器中(在Chrome上比在Safari上更明显),在悬停在div标签上时,文本的重量似乎会发生变化.实际上,文本的权重当然没有任何变化.但是,仔细阅读后,您会看到文本仅在悬停时显示为所需的重量,但不会处于非悬停状态.

我做的事情:

  • 我已在所有最新版本的Chrome,Firefox和Safari中对此进行了测试.
  • 我正在测试这款新MacBook Pro,在我的例子中,它是一个视网膜屏幕.然而,我旁边的同事测试了她的iMac(非视网膜显示器)上的小提琴只是为了发现这个问题仍然很明显.
  • 也许我只是疯了,但我觉得这实际上可能是webkit浏览器选择渲染具有不同不透明度的元素.然后,这可能只是我试图避免承认我做错了什么.

当然我觉得我可以用Comic Sans来减轻情绪.这是一个屏幕截图,以帮助解释问题:

拥抱漫画Sans!

html css safari google-chrome css-transitions

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

从Etsy商店获取所有列表图像

情况

我一直在使用Etsy沙箱API,试图为想要显示所有Etsy列表的默认图像和标题的客户找出解决方案.点击后,他们希望它将它们从网站上引导到Esty列表的页面上.

现在,弄清楚如何获取所有列表的名称和网址很简单,可以在一个公共API调用中完成:

http://openapi.etsy.com/v2/shops/:shop_id/listings/active?method=GET&api_key=:api_key

此调用不仅会返回列表的名称和列表的网址,还会返回有关该特定项目的大量其他信息.我想我应该限制我只需要获得我需要的字段,但为了举个例子,我离题了......

最令我惊讶的是,那些巨大的信息中没有包含的内容是我期望在那里找到的东西:与列表相关的图像或至少是主图像.但是,我可以使用单独的API调用来获取单个列表的图像,但这需要获取listing_id并为每个项目进行单独的API调用.现在这变成了我对Etsy API的一个(或者地狱,甚至两个)调用,转换为1加上你返回的项目.如果您在商店中销售了100件商品,那么只需几秒钟即可获得101个API通话!叫我疯了,但我觉得有必要做一个比我发现的更好的方法.

问题

制作Etsy API调用以返回商店中所有商品的所有图像(甚至是主图像)的最简单方法是什么?

api etsy

9
推荐指数
1
解决办法
4816
查看次数

Grunt用点作为文件来处理文件夹

当我尝试编译我的grunt文件并构建到我的dist文件夹中进行部署时,我在控制台中收到以下错误:

Running "rev:dist" (rev) task
dist/public/app/app.js >> 63decaf3.app.js
dist/public/app/vendor.js >> a09756ab.vendor.js
dist/public/app/app.css >> d2017fc8.app.css
Warning: Unable to read "dist/public/bower_components/animate.css" file (Error code: EISDIR).
Run Code Online (Sandbox Code Playgroud)

原因是我有一个名为animate.css的安装了bower组件.该库是安装在我当然bower_components文件夹,但匹配的字符串我在咕噜文件只查找文件具有的扩展.js,.css,等等.这是我的匹配字符串:

// Renames files for browser caching purposes
rev: {
  dist: {
    files: {
      src: [
        '<%= yeoman.dist %>/public/{,*/}*.js',
        '<%= yeoman.dist %>/public/{,*/}*.css',  // Offending line
        '<%= yeoman.dist %>/public/assets/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}',
        '<%= yeoman.dist %>/public/assets/fonts/*'
      ]
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

这是目录结构:

bower_components
  -> ...
  -> angular-ui-router
  -> animate.css  // Folder with the …
Run Code Online (Sandbox Code Playgroud)

javascript glob gruntjs animate.css yeoman

9
推荐指数
2
解决办法
1891
查看次数

多个AngularJS将请求转换为一个模型

有没有办法通过get()AngularJS中的函数调用对URL的未知数量的API调用,并将这些调用全部添加到模型($scope变量)中.到目前为止我所做的是以下内容:

if(theUIDS != "") {
    var myDropbox = [];

    for(i = 0; i < theUIDS.length; i++) {
        var temp = {};

        temp.uid = theUIDS[i];

        $http({ url: '/dropbox/accounts/get', method: 'GET', params: { uid: theUIDS[i] }}).success(function(acctData) {
            temp.accountInfo = acctData;
        });

        $http({ url: '/dropbox/files/get', method: 'GET', params: { uid: theUIDS[i] }}).success(function(fileData) {
            temp.files = fileData;
        });

        myDropbox.push(temp);
    }

    $scope.dropboxAccounts = myDropbox;
}
Run Code Online (Sandbox Code Playgroud)

我检查是否有任何UID,并为每个我创建一个temp对象,其中填充了uid一个accountInfo对象,然后是一个files对象.设置完temp对象后,我将其推入myDropbox阵列.循环完成后,我将dropboxAccounts模型设置为myDropbox变量in $scope …

javascript ajax jquery angularjs

7
推荐指数
1
解决办法
5205
查看次数

是否可以将多个SVG绘制到画布上?

背景

我有一大堆的svg文档中的(与rect,path以及诸如此类的东西内的每个),我需要画出了这一点,以一个可下载的PNG图像.我知道为了做到这一点,有两种方法:将页面的HTML结构绘制到a canvas然后从那里导出或者将SVG及其内容直接渲染到a上canvas.

假设

第一个假设我尝试使用html2canvas呈现HTML结构,并且发现SVG无法通过HTML结构呈现(由于安全问题).第二个假设我尝试通过canvg将SVG渲染到画布,但发现它只允许渲染一个SVG元素并且只渲染第一个SVG元素.

结果

为了证明第一个错,输入http://www.w3schools.com/svg/tryit.asp?filename=trysvg_rect这个URL和禁用javascript.为了证明第二个错误,我有一个小提琴尝试.


问题

我想清楚地说明我的多次推理的原因svg是我可以将它们置于响应式网格系统中并通过宽高比调整大小.不用多说,我问我的问题:你如何渲染多个svg元素canvas 如果这个问题的答案是"它是不可能的",那么接下来我的问题是:我应该渲染一个svg并以另一种方式处理响应吗?

html javascript html5 svg canvas

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

Watch local dependencies with webpack-dev-server

I’m creating a Javascript library. Inside my project there’s a folder that contains examples of how to use the library. Inside each of the examples is a webpack config file with the entire purpose of bundling that example and serving it over webpack-dev-server with hot reloading. Each of these examples also has the library (at the root of the project) listed as a local NPM dependency. I have hot reloading working for each example and I have babel compiling the …

javascript webpack babeljs

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

什么是堆栈,队列,集合和双端队列的Big-O?

堆栈,队列,集合和双端队列的Big-O效率与插入,搜索,索引,空间和删除复杂性有什么关系?

queue big-o stack set deque

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

使用PHP文件扩展名编写动态CSS样式表效率较低吗?

我一直试图想办法根据网站后端的输入动态改变一种风格(通过像PHP这样的语言).通常我的样式表是单独的CSS扩展文件,但这些文件本身不允许使用PHP标记.毕竟,HTML文件中的额外标记比将所有样式放在单独的文件中要多.HTML <style>标签的使用可能比使用样式表更慢/更低效吗?

html css php

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

为什么我的 Google OAuth URL 在返回的 URL 中放置了哈希值?

给定的网址:

https://accounts.google.com/o/oauth2/auth?scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.email+https%3A%2F%2Fwww.googleapis.com%2Fauth% 2Fuserinfo.profile+https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fdrive&state=drive&redirect_uri=http%3A%2F%2Fwww.woktop.com%2Fnewservice.php&response_type=token&client_id=889314330670.apps.googleusercontent.com

返回网址:

http://www.woktop.com/newservice.php#state=drive&access_token=ya29.AHES6ZRtTRmpakw5qa0SejLsC0qzNNb9R6GYF0xZGt_uphe3WfeeZng&token_type=Bearer&expires_in=3600

#如果将 更改为 a ?(以启动查询字符串),则返回 URL 完全有效。为什么谷歌会返回 a#从而“杀死查询字符串”

单独说明:

另外,我不太知道我是否应该请求tokencode作为响应类型。我计划让用户将他们的 Google 云端硬盘帐户附加到我网站上的帐户。我已多次阅读该文档,但无法完全弄清楚哪一个更适合我的网站?现在(在上面的示例中)我使用令牌。另外,根据我使用哪一个,我应该在数据库中存储什么以供将来使用?

php google-app-engine

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

Javascript闭包和递归

我一直在更具体地阅读编程闭包概念,尤其是与Javascript有关的概念.我还没有完全理解它与我多年来一直在写的Javascript代码有什么不同.我也理解递归的概念,但我想知道,闭包和递归是如何相似的?我是否正确理解递归本身就是一种闭包?

关闭:

function init() {
    var name = "Stack Overflow";
    function displayName() {
        alert(name);
    }
    displayName();
}
init();
Run Code Online (Sandbox Code Playgroud)

递归:

function factorial(num) {
    if(num < 0)
        return -1;

    else if(num == 0)
        return 1;

    else
        return (num * factorial(num - 1));
}

alert(factorial(8));
Run Code Online (Sandbox Code Playgroud)

我想我已经开始明白闭包只不过是在函数中有一个函数,内部函数可以通过作用域访问外部函数.可能会有递归闭包吗?我的意思是,虽然我的递归示例也不是关闭的例子,但它至少会发生吗?我试图理解递归和闭包是如何相似,不同,或者它们是否可以被所有人比较.有没有例子可以描述这个?

javascript recursion closures

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

如何将Javascript项目移植到Coffeescript

如果我想将现有项目从Javascript移植到Coffeescript(在我的情况下,在Rails应用程序中),我是否需要转换现有的Javascript文件?我担心转换真正的大型和CDN托管文件,如jQuery和jQueryUI.我该如何解决这个问题?

javascript ruby ruby-on-rails coffeescript ruby-on-rails-3

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

为什么 null 几乎总是传递给 RTCPeerConnection?

我在 Internet 上看到的几乎每个 WebRTC 示例都涉及创建一个RTCPeerConnection参数为null. 该规范要求传递两个参数:ICE 服务器配置和媒体约束。

我注意到,如果您通过时两个请求来自同一个路由器null(例如,var pc = new RTCPeerConnection(null);),从技术上讲,一切仍然有效。我不确定它是否适用于跨网络。有人可以在这里更清楚地了解发生了什么吗?

html javascript webrtc

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