小编Sco*_*tty的帖子

禁用/关闭继承的CSS3过渡

所以我将以下css过渡附加到a元素:

a { 
     -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ;  
     -moz-transition:color 0.1s ease-in, background-color 0.1s ease-in;  
     -o-transition:color 0.1s ease-in, background-color 0.1s ease-in;  
     transition:color 0.1s ease-in, background-color 0.1s ease-in; 
}
Run Code Online (Sandbox Code Playgroud)

有没有办法在特定的元素上禁用这些继承的转换?

a.tags { transition: none; } 
Run Code Online (Sandbox Code Playgroud)

似乎没有做这项工作.

css css3 transitions css-transitions

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

jQuery - 禁用单击直到所有链接的动画完成

下面的解决方案是向下滑动groupDiv显示div1和足够的空间让div2滑入.这都是通过链接#Link.Click()元素上的动画来实现的.

但是,当快速点击链接时,似乎会出错.有办法防止这种情况吗?通过禁用Click功能,直到链式动画完成?我目前有检查,但他们似乎没有做这项工作:(

这是我正在使用的代码:

自定义动画功能.


//Slide up or down and fade in or out
jQuery.fn.fadeThenSlideToggle = function(speed, easing, callback) {
    if (this.is(":hidden")) {
        visibilityCheck("show", counter--);
        return this.slideDown({duration: 500, easing: "easeInOutCirc"}).animate({opacity: 1},700, "easeInOutCirc", callback);
    } else {
        visibilityCheck("hide", counter++);
        return this.fadeTo(450, 0, "easeInOutCirc").slideUp({duration: 500, easing: "easeInOutCirc", complete: callback});
    }
};

//Slide off page, or into overflow so it appears hidden.
jQuery.fn.slideLeftToggle = function(speed, easing, callback) {
    if …
Run Code Online (Sandbox Code Playgroud)

javascript jquery

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

GitHub页面自定义域无限重定向循环

我正在尝试使用github页面设置自定义TLD域,这绝对是一场噩梦.出于某种原因,在无限重定向循环中http://www重定向到http://然后反复http://www重复.

我对123-reg的设置是:

DNS ENTRY   TYPE        TARGET/DESTINATION
@           A           204.232.175.78        
www         CNAME       scottyv.me.
Run Code Online (Sandbox Code Playgroud)

我在我的仓库中正确设置了CNAME文件.有人可以告诉我我做错了什么吗?

dns github jekyll github-pages

14
推荐指数
2
解决办法
8923
查看次数

在同一页面上使用Browserify和RequireJS?

所以我遇到了一个有趣的用例,我使用Browserify将我的所有资产捆绑在一个项目中,但是当某个应用程序内窗口需要加载大型外部(项目外部)模块时被访问.(这是一个由三个脚本组成的视频播放器模块,可在需要时异步拉入).

目前,uncalled object如果在Browserified app.js文件之前加载了requireJS模块,我会从错误中获得各种错误,如果在Browserified代码之后cannot find module加载,则会出现错误.

无论如何,我可以让Browserify和RequireJS在同一页面上很好地播放吗?我在失去理智!

javascript amd requirejs browserify

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

React Router + Redux - 在路由更改时调度异步操作?

我有一个使用redux和react-router的通用反应应用程序.

我有几条路线如下:

/2016
/2015
/2014
/2013
Run Code Online (Sandbox Code Playgroud)

等等

每个路由都需要来自API的数据.目前,我有<Link>导航组件中的元素调度异步操作onClick,该操作使用来自该路由的API的数据填充存储.

对于MVP,我只是post: {}在路由更改时使用新的帖子内容覆盖商店中的内容,这样我们就可以获得API上的任何新内容.

我已经意识到<Link>按钮上的动作调度程序并不是最佳的,因为按下后退按钮不会重新触发动作调度以获取前一个路径的内容.

有没有办法让React Router在路由发生变化时随时触发调度操作?(限制它听一组特定的路线将是一个奖励).

我意识到我应该从商店获取历史记录,但是现在,通过触发操作调度以获取新内容,再次点击API会更容易.

干杯.

javascript reactjs react-router redux

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

使用AngularJS渲染静态可索引页面以用于SEO目的?

我目前正在使用Angular开发社交应用.我热衷于在应用程序附带公共的搜索引擎可索引页面,例如可索引的主页,关于页面和联系页面.

最好的方法是什么?我还没决定我的后端基础设施是什么,但它要么是以下之一:

  1. nginx/apache服务器使用外部pub/sub服务来实时销售所有内容.
  2. 前端和后端的独立服务 - nginx服务器自动售货前端内容.用于后端套接字的单独节点服务器.

对此的任何建议都很棒.我很想知道角度是否处理所有路由,或者我是否单独处理静态路由.这是我第一次玩Angular.

干杯.

javascript node.js angularjs

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

节点 - 用于MVC开发的Express + Ember + Socket io项目文件结构

所以我最近开始进入节点,并开始使用Express框架开展一些项目.我喜欢它 - 语法真的很吸引我,成为一个交互式的jQuery开发者.

然而,就项目文件结构而言,我似乎毫无头绪,似乎可能是膨胀的东西不成比例.

我在github上有一个基本的项目样板:https://github.com/KingScooty/node-express-3.0-html5-boilerplate非常适合我.

现在我想整合Ember.js.但是,我不知道如何构建目录.我正在考虑这个问题:

project
??? app
?   ??? collections
?   ??? models
?   ??? views
??? node_modules
??? public
?   ??? css
?   ??? img
?   ??? js
??? routes
??? server
    ??? environment
    ??? logs
Run Code Online (Sandbox Code Playgroud)

套接字io设置进入服务器文件夹,以及所有节点服务器配置和环境配置设置(开发/登台/生产).静态文件和jQuery公开,MVC应用程序的好处在app文件夹中.

但是将公共文件夹与app文件夹分开是不对的.更不用说我甚至如何在MVC文件夹结构中包含各种JS文件.

(前端MVC开发是我所知甚少的,但这也是我想要学习的同时也尝试将它集成到我的Node环境中)

如果有人能够在使用节点/插座io驱动后端的同时指出我正确的前端MVC开发路径,那将是邪恶的!

干杯.

-S

javascript model-view-controller node.js express ember.js

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

使用RequireJS时,我在哪里将脚本放入Yeoman项目中?

所以我刚刚开始使用Yeoman.我只是设置了一个基本项目,我不知道在哪里放我的脚本.我应该把东西放在提供的app.js中吗?或者我应该创建自己的文件并将它们添加到某个构建脚本或某处需要它们?任何建议表示赞赏.

我也不明白app.js文件中的目的:

define([], function() {
return 'Hello from Yeoman!';
});
Run Code Online (Sandbox Code Playgroud)

javascript requirejs yeoman

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

JS:替换匹配模式的对象中的所有字符串值?

我正在寻找一种有效的方法来替换对象中的值,如果它们匹配某个模式。

var shapes = {
  square: {
    attr: {
      stroke: '###',
      'stroke-width': '%%%'
    }
  },
  circle: {
    attr: {
      fill: '###',
      'stroke-width': '%%%'
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

例如,我希望能够用特定形状的颜色替换所有“###”图案:

var square = replace(shapes.square, {
  '###': '#333',
  '%%%': 23
});

var circle = replace(shapes.circle, {
  '###': '#111',
  '%%%': 5
});
Run Code Online (Sandbox Code Playgroud)

这将允许我快速设置各种对象的笔触和/或填充值。

有没有办法干净地做到这一点?也许使用 Lodash 或正则表达式?

javascript lodash

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