小编Ale*_*lex的帖子

有没有办法可以通过服务器重启来维护用户会话,以帮助保持我的开发良好和快速？

我正在我的机器上本地处理ExpressJS节点项目.我正在使用Grunt-nodemon来查看我的JS文件,并在我进行更改后重新启动服务器.这意味着我的项目上的任何会话(用户登录)都被擦干净了.

目前,如果我在某个地方的某个深层页面并重新启动,我会被踢到登录页面并且必须重新导航,这真的令人沮丧.

我使用护照作为会话中间件.我正在使用mongoose作为我的主要应用程序数据存储区,如果我能以某种方式使用它将是超级的.

我有一个Wordpress站点在开发(at mysite.dev)中运行良好,但是当我将它部署到我的远程服务器(mysite.com)时,它会抛出' 此网页有一个重定向循环 '错误.

我可以在加载栏中看到浏览器一次又一次地尝试www.mysite.com然后是mysite.com然后是www.mysite.com,但是我不确定这是否是相关的.

如果我的Wordpress数据库配置不正确,我得到错误建立数据库连接消息,但是当一切设置正确时,它会在这个重定向循环事件中中断.

我已经更改了数据库(siteurl)中的字段以反映远程设置(http://mysite.com/wordpress).

注:我的WordPress的文件存储在一个文件夹,名为在wordpress我的根目录下,除了wp-config.php,index.php和.htaccess.

有任何想法吗？

.htaccess内容:

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress

index.php文件:

<?php
/**
 * @package WordPress
 */
define('WP_USE_THEMES', true);

require('./wordpress/wp-blog-header.php');
?>

我正在使用带有RequireJS的BackboneJS来构建我正在构建的应用程序.

一个App文件初始化路由器:

// Define application router
var router = new AppRouter();
Backbone.history.start();

然后路由器控制系统操作.

var App = Backbone.Router.extend({

    routes: {

        "project/:id": "getProject",
        "projects": "getProjects",
        "*actions": "defaultRoute"
    },

    getProject: function (id) {
       // dashboard.set('some_key', 'some_value');
    },

    getProjects: function () {
       // dashboard.set('some_key', 'some_value');
    },

    defaultRoute: function () {
       // dashboard.set('some_key', 'some_value');
    }

});

我添加了一个Dashboard模型和视图,用于在任何给定时间显示有关系统状态的全局信息.(这将位于窗口的顶部).它的视图监视其模型,以便在必要时更改值和重新呈现.这很好用.

我想,以避免重新写这个曾经我最初的对象实例化后:

var dashboard = new DashboardModel();
var dashboardView = new DashboardView({ model: dashboard });
$('#dashboard-placeholder').html(dashboardView.render().el);

但我需要的是能够在任何地方访问这个对象(我的Dashboard模型的一个实例).目前我初始化它,App但如果我这样做,我无法在路由器中访问它.我真的不想在路由器中定义它,因为这不是路由器执行的正确任务.

如何以及在何处定义此Dashboard …

我有以下代码片段：

draw: function drawFn ($dial) {

    var width = $dial.width(),
        height = $dial.height(),
        $svg = $('<svg />').attr({
            "width": width,
            "height": height
        }),
        circle = $('<circle />').attr({
            "cx": 0,
            "cy": 0,
            "r": width / 2,
            "fill": "red"
        });

    $svg.append(circle);
    $dial.append($svg);
}

$dial是一个<div>带有宽度和高度的 jQuery 包装元素。

和元素都附加到 ，<svg>但它们没有可见的大小。我缺少什么？<circle><div>

在这里小提琴： http: //jsfiddle.net/alexcoady/pLvAw/2/

我编写了少量代码来尝试使用 CSS 转换复制 jQuery.fadeIn()和.fadeOut()函数，以便在触摸设备上看起来更好。

理想情况下，我想避免使用图书馆，这样我就可以准确地写出我想要的东西，并作为一种学习练习。

fadeOut 效果很好。

的想法fadeIn是使用 CSS3 过渡来调整元素的不透明度，之后元素将被设置为display:block;（使用is-hidden类）以确保它仍然不可点击或覆盖其下方的某些东西。

fadeIn虽然不工作。我认为这是由于is-animating在删除is-hiding类的同时添加类。transitionEnd 事件永远不会触发，因为没有发生转换：

function fadeIn (elem, fn) {
  var $elem = $(elem);

  $elem.addClass('is-animating');
  $elem.removeClass('is-hidden');
  $elem.removeClass('is-hiding');

  $elem.on(transitionEndEvent, function () {

    $elem.removeClass('is-animating');

    if (typeof fn === 'function') {
      fn(); 
    }
  });
}; 

和 CSS

.is-animating {
  @include transition(all 2000ms);
}

.is-hiding {
  // Will transition
  @include opacity(0);
}

.is-hidden {
  // Won't transition
  display: none;
}

这是代码：CodePen …

我的页面上有一个由服务器呈现的元素。我们称其为播放列表。这将是一个指令。
<div playlist></div>

播放列表包含Angular 编译时间之前的许多曲目。
<div class="Track" data-track-name="Pompeii" data-*="etc">...</div>

页面加载后，我将包含 AngularJS 并解析播放列表和指令。

当我初始化播放列表指令时，我想在编译它的模板之前循环遍历它的内容，并使用收集的数据在属于播放列表指令的指令中绘制轨道指令。 ng-repeat

<div playlist>
   <div class="Track" data-track-name="Pompeii">Pompeii</div>
   <div class="Track" data-track-name="Weight of living">Weight of living</div>
</div>

<div playlist>
   <!-- from playlist template -->
   <div class="Playlist">
       <div class="Playlist-controls">....</div>
       <div class="Playlist-tracks">
           <div track ng-repeat="track in tracks">
               <!-- from track template -->
               <div class="Track">...</div>
            </div>
       </div>

   </div>
</div>