小编cus*_*ice的帖子

Django 模板开发与生产

我从使用 Django 的人那里继承了一个产品,但我完全不知道如何使用它。

我想要完成的是scripts在我的base.html文件中提供不同的内容,如下所示:

<!-- if development -->
<script src="{% static "js/main.js" %}></script>
<! -- end -->

<!-- if production -->
<script src="{% static "production/js/main.min.js" %}></script>
<! -- end -->
Run Code Online (Sandbox Code Playgroud)

文件结构如下:

app_name
|__ pages
|__ settings
|__ static
|__ templates
|__ etc
Run Code Online (Sandbox Code Playgroud)

settings文件夹内,看起来有 3 个文件:

base.py : shared settings
development.py
production.py
Run Code Online (Sandbox Code Playgroud)

里面development.py

from app_name.settings.base import *

DEBUG = True
TEMPLATE_DEBUG = DEBUG

// etc
Run Code Online (Sandbox Code Playgroud)

我试图在里面做类似下面的事情templates/base.html,但显然不是那么容易。

{% if DEBUG %}
STUFF …
Run Code Online (Sandbox Code Playgroud)

python django

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

新文件上的Grunt Imagemin

我正在使用Grunt Imagemin来优化图像文件夹.但是,每次运行该命令时,它都会在所有图像上运行imagemin.有没有办法在检测到新的更改时只运行grunt imagemin?

gruntjs grunt-contrib-imagemin

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

SCSS 检查 CSS 自定义 var 属性

--my-custom-var如果存在mixin,我如何有条件地应用 mixin ?例如:

.test {
  @if var(--my-custom-var) {
     @include someExampleMixin()
  }

  @if var(--another-custom-var) {
     @include someExampleMixin()
  }
}
Run Code Online (Sandbox Code Playgroud)

我不在乎它的价值--my-custom-var是什么,只是想检查它的存在。

sass css-variables

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

将PHP数组输出到无序列表中

php新手:我有一个简单的数组:

$people = array('Joe','Jane','Mike');
Run Code Online (Sandbox Code Playgroud)

如何将其输出到列表中?

<ul>
 <li>Joe</li>
 <li>Jane</li>
 <li>Mike</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

任何帮助或方向将不胜感激?

php

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

通过 DOM 层传递点击事件

我有一个 div 位于页面底部并位于页面上所有内容的上方。我添加了一个阴影,以消除对下面内容的严格截断。但是,我无法单击“.container”区域中的任何链接,因为从技术上讲,我是单击阴影顶部的。

有没有办法通过这个 div 层传递事件并能够单击“容器”div 中的链接?

<div class="bottom-wrap">
    <div class="shadow"></div>
    <div class="bottom">
      <a href="http://www.google.com" class="#topButton">Click</a>
    </div>
</div>

<div class="container">
    // a bunch of content here
</div>
Run Code Online (Sandbox Code Playgroud)

我创建了这个 jsFiddle http://jsfiddle.net/aY2Ld/,它应该有助于理解我的问题。

html css jquery

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

如何遍历 DOM 直到到达某个类?

我有这样的 HTML:

<div id="hooray" class="section">
   <div>
      <div>
        <div id="click">click</div>
      </div>
   </div>
 </div>
Run Code Online (Sandbox Code Playgroud)

当我单击divwith class时click,我想向上移动 DOM 直到到达最近的section并抓住id.

对于 JQuery,我会使用类似的东西$().closest('div.section'),但是如何使用纯 Javascript 来做到这一点,而不需要在每个 中进行硬编码parentNode

var node = document.getElementById('click').parentNode.parentNode....etc
Run Code Online (Sandbox Code Playgroud)

javascript

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

Parsley JS将错误/成功类添加到父级

我正在使用Parsley JS(http://parsleyjs.org/)进行表单验证.错误的默认行为是parsley-error为每个无效输入添加一个类.但是,我想更改默认行为并将错误类添加到输入的父级 - 特别是在form-group元素上.

基本的HTML

<form class="js-contact-form">

  <!-- this field is just required, it would be validated on form submit -->
  <div class="form-group">
    <label for="fullname">Full Name * :</label>
    <input type="text" class="form-control" name="fullname" placeholder="Name" required />
  </div>

  <!-- this required field must be an email, and validation will be run on field change -->
  <div class="form-group">
    <label for="email">Email * :</label>
    <input type="email" class="form-control" name="email" data-parsley-trigger="change" />
  </div>

  <input type="submit" />
</form>
Run Code Online (Sandbox Code Playgroud)

我正在使用"Javascript安装"来初始化所有内容,我尝试用我自己的函数覆盖"errorClass"和"successClass"选项,但似乎不起作用.

 $('.js-contact-form').parsley({
    trigger:      'change', …
Run Code Online (Sandbox Code Playgroud)

javascript jquery parsley.js

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

使用 Angular 将日期转换为东部时区

我正在从服务器获取数据,如下所示:

'2015-03-05T16:51:56+00:00'
Run Code Online (Sandbox Code Playgroud)

使用 Angular,我想将此日期/时间显示为东部时间日期。有没有办法用 Angular 指定不同的时区?我正在做类似的事情:

{{ myDate | date: 'medium' }}
Run Code Online (Sandbox Code Playgroud)

哪个回馈:

Mar 5, 2015 11:51:56 AM
Run Code Online (Sandbox Code Playgroud)

但我希望它显示为:

Mar 5, 2015 4:51:56 PM
Run Code Online (Sandbox Code Playgroud)

angularjs

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

使用UI路由器登录后重定向到原始状态

使用UI路由器,当用户访问需要登录的页面时,在他们登录后,我想将它们重定向回他们来自的原始URL.

所以,例如,

/account/profile --> LOGIN PAGE (/login) --> /account/profile
/someother/requiredLogin/path --> LOGIN PAGE (/login) --> /someother/requiredLogin/path
Run Code Online (Sandbox Code Playgroud)

我的路线:

  $stateProvider
    .state('accountProfile', {
      url: '/account/profile',
      data: {
        requiresLogin: true
      },
      views: {
        '': {
          templateProvider: function($templateCache) {
            return $templateCache.get('templates/profile.html');
          }
        }
      },
    })
    .state('anotherPage', {
      url: '/someother/path',
      data: {
        requiresLogin: true
      },
      views: {
        '': {
          templateProvider: function($templateCache) {
            return $templateCache.get('templates/other.html');
          }
        }
      },
    })
Run Code Online (Sandbox Code Playgroud)

在我的应用程序的运行块中,我有:

.run(['$rootScope', '$state', 'LoginService',
    function($rootScope, $state, LoginService) {

      // Change title based on the `data` object in routes …
Run Code Online (Sandbox Code Playgroud)

angularjs angular-ui-router

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

使用下划线通过键查找值

我有一个字符串,需要在 json 对象中搜索并从找到的值返回特定的哈希值。我让它在没有下划线的情况下工作,但它的优化很差。我需要做的是一旦fileToSearch找到字符串就停止循环。

例如,我这里有一个 json 对象:

  var json = {
    "images/mike.jpg" : "images/mike.12345.jpg",
    "images/joe.jpg" : "images/joe.axcvas.jpg",
    "images/mary.jpg" : "images/mary.mndfkndf.jpg",
    "images/jane.jpg" : "images/jane.dfad34.jpg",
  };
Run Code Online (Sandbox Code Playgroud)

fileToSearch我需要在上面的对象中查找一个变量。

 var fileToSearch = "joe.jpg";
Run Code Online (Sandbox Code Playgroud)

应该输出的是 中的哈希值images/joe.axcvas.jpg,所以axcvas

没有下划线:

  var hash;

  for (var key in json) {
    var index = key.indexOf(fileToSearch);
    if (index !== -1) {
      hash = json[key].split('.')[1];
    }
  }
  console.log(hash); //axcvas
Run Code Online (Sandbox Code Playgroud)

如何使用 Underscore 优化/实现这一目标?

javascript underscore.js

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