小编dar*_*ong的帖子

小胡子JS表条纹

几个小时前我开始使用"Moustache JS".我想知道是否有办法在tr中添加一个类以使表条带化.我知道我可以检测变量的值是null还是未定义,但事实并非如此.变量中总会有一个值.有没有办法做到这一点?

我得到了以下代码并运行:

模板:

template = "\
        {{#tr}}\
            <tr>\
                <td>{{tit}}</td>\
                <td>{{ord}}</td>\
                <td>{{prazo}}</td>\
                <td>{{id}}</td>\
            </tr>\
        {{/tr}}";
Run Code Online (Sandbox Code Playgroud)

风景:

view = {
                "tr" : [
                    {
                        id : val.ID, 
                        ord : val.Ordem, 
                        prazo : val.Prazo, 
                        tit : val.Título
                    }
                ]
            };
Run Code Online (Sandbox Code Playgroud)

我知道我可以在视图中设置一个功能.但不知道如何在其中正确设置mod,用于条带化.任何帮助都会很棒.

javascript templates mustache

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

Wordpress中的固定链接 - 找不到页面

我一直在寻找几个小时,但没有找到任何似乎能解决这个问题的东西.

这是场景:

我正在制作一个基于"二十一"主题的wp主题.一切都很顺利,直到我决定将网址更改为永久链接.显示的唯一页面是我之前定义的静态页面.

我已经设置了htacces文件.实际上,WP是自动完成的.如果我切换回默认设置,一切正常,但对于SEO,我宁愿使用永久链接选项.

这是我的htaccess文件(它在我的WP安装文件夹中):

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

# END WordPress
Run Code Online (Sandbox Code Playgroud)

我已经看过这个帖子wordpress .htaccess永久链接,但没有什么可以帮助我.任何帮助都会非常好.

更新:我已经尝试过的事情:

  • 删除页面并重新创建.
  • 访问wp_options(db)上的永久链接字段并将值设置为空白并再次在admin中设置永久链接选项.
  • 我是通过安装Zend Server的apache2在Windows 7上运行的.
  • 我认为这是与我的localhost环境有关的问题,所以我把网站放在网上.没有运气.我假设当你设置静态首页时,wordpress不能将固定链接更改为更友好的URL类型.多可惜.

wordpress .htaccess permalinks file-not-found

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

Date.getUTCHours() - Chrome,Firefox和Internet Explorer中的不同输出

给出以下代码:

var date = new Date("2014-02-26T15:52:30");
date.getUTCHours();
// Outputs
// Chrome: 15
// Firefox: 18
// IE: 18
Run Code Online (Sandbox Code Playgroud)

我不确定我应该使用哪种日期方法.Date.getHours在FF和IE中返回正确的小时,​​但在Chrome中不正确.并且Date.getUTCHours()正显示出我正确的日期,而不是在IE和FF确定.无论如何有什么不同?什么UTC日期应该是?

我想知道是否有CrossBrowser本机解决方案...我不想使用库来做这么简单的事情.

javascript firefox google-chrome date

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

在函数原型中使用_.extend

这些天我看到了很多这样的事情:

function Dog () {
    this.name = 'Fido';
}

_.extend(Dog.prototype, {
    bark: function() {
        return 'BARK, BARK!'
    },
    soilChothingWithDirtyPaws: function () {
        // Some intricated logic here
        return 'There, I did it!';
    }
});
Run Code Online (Sandbox Code Playgroud)

但结果是否与下面的代码不同?

function Dog () {
    this.name = 'Fido';
}
Dog.prototype = {
    bark: function() {
        return 'BARK, BARK!'
    },
    soilChothingWithDirtyPaws: function () {
        // Some intricated logic here
        return 'There, I did it!';
    }
}
Run Code Online (Sandbox Code Playgroud)

我知道下划线的扩展函数应该做什么,但我真的没有在对象的原型中做到这一点 - 当你可以用普通的老香草JS做到这一点,这意味着,我看不出为什么一个人在这里需要中间.我想知道我是否遗漏了一些非常整洁的东西.

这会带来什么好处吗?

如果有人清楚的话,那将是非常好的.非常感谢!

javascript prototype extend underscore.js

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

Javascript删除表tbody标签

我知道我可以使用以下代码删除vanilla Javascript中的行:

var table = document.getElementById('table');
    
function deleteRow () {
  table.deleteRow(1);
};
Run Code Online (Sandbox Code Playgroud)
table { background: #ccc; width: 100%; }
table thead { background: #333; color: #fff; }
table tbody { background: magenta; color: #fff; }
Run Code Online (Sandbox Code Playgroud)
<button onclick="deleteRow()">Delete Row</button>
<table id="table">
    <thead>
      <tr>
        <td>foo</td>
        <td>bar</td>
      </tr>
    </thead>
      <tbody>
        <tr>
          <td>lorem</td>
          <td>ipsum</td>
        </tr>
      </tbody>
      <tbody>
        <tr>
          <td>lorem</td>
          <td>ipsum</td>
        </tr>
      </tbody>
    </table>
Run Code Online (Sandbox Code Playgroud)

但是这段代码留下了一个空的tbody标签.JS有删除thead和tfoot元素的方法,但它似乎缺少deleteTbody一个.

我怎么应该tbody只使用纯javascript 删除一个及其所有内容?请不要jQuery!

html javascript html-table

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

Laravel Migrations - 表前缀问题

我正在构建一个虚拟站点来测试Laravel 3.x.

我现在正在创建我的网站迁移.一切都很好,直到出现以下错误:

SQLSTATE[42s02]: Base table or view not found: 1146 Table 'databasenamehere.prefix_laravel_migrations' doesn't exist
Run Code Online (Sandbox Code Playgroud)

问题是laravel突然开始在'laravel_migrations'表中加上前缀(当它应该只与其他表一起使用时).

我想知道我做错了什么或是否是一个已知的问题.

我正在尝试运行以下迁移(使用php artisan migrate application命令):

public function up()
{
    Schema::create('siteinfo', function ($table) 
    {
        $table->engine = 'InnoDB';
        $table->string('name');
        $table->string('title')->nullable();
        $table->string('corp_name')->nullable();
        $table->string('corp_addr')->nullable();
        $table->string('corp_phone')->nullable();
        $table->string('corp_city')->nullable();
        $table->string('corp_state')->nullable();
        $table->string('corp_email')->nullable();
        $table->string('main_url')->nullable();
        $table->timestamps();
    });
}
Run Code Online (Sandbox Code Playgroud)

任何帮助都会很棒.

编辑1:

  • 几分钟前我注意到我的表根本没有前缀,即使在config/database.php文件中正确设置了"prefix"配置.
  • 如果我删除前缀,一切正常.我知道我可以在每次运行的迁移中手动设置前缀,但是......

php migration laravel laravel-3

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

Backbone Collection Fetch - 指向特定的JSON属性

我正在进行一个项目,我需要从服务器获取一些数据并从中生成Backbone Collection.以下代码按预期工作:

var Collection = Backbone.Collection.extend({});
var collection = new Collection({});
collection.fetch({
    url: "http://localhost/api/somecollection",
    success: function(response) {
       // Do something here
    }    
})
Run Code Online (Sandbox Code Playgroud)

结果是这样的:

{
   foo: "lorem ipsum",
   bar: [{
       a: "a",
       b: "b",
       c: "c"
   }, {
       a: "a",
       b: "b",
       c: "c"
   }]
}
Run Code Online (Sandbox Code Playgroud)

"bar"属性是我想要变成bb集合的东西.我实际上是通过获取响应并使用其模型实例化一个新的Collection来实现的:

success: function(response) {   
    var newCollection = new Collection(response.models[0].attributes.bar);
}
Run Code Online (Sandbox Code Playgroud)

我在这里要做的是避免一个新的集合实例,只有一个应该足够了.我无法更改服务器响应以返回我只需要的数组.

问题是:有没有办法提供一个"获取"的参数,所以它可以引用"bar"道具?

javascript json backbone.js

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

Typescript - 类型“HTMLElement”上不存在属性“scrollY”

我得到了这个方法:

class Foo {
    private getDistanceFromTop (el: HTMLElement): number {
        return el.scrollY || el.scrollTop;
    }
}
Run Code Online (Sandbox Code Playgroud)

参数el是动态的,可以是一个HTMLElement或一个window对象。我尝试Window使用 将其转换为类型as,但出现另一个编译错误:Type 'HTMLElement' cannot be converted to type 'Window'。那么如何修改这段代码才能使其通过 TS 验证而不使用类型呢:any

typescript

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

eslint:忽略模式规则不起作用

我有以下结构

myproject
    src
        indxe.js
Run Code Online (Sandbox Code Playgroud)

在我的 package.json 中我还有:

"scripts": {
    "build": "babel src -d dist --source-maps",
    "serve": "node dist/index.js",
    "start": "babel-node src/index.js",
    "start:dev": "nodemon src/index.js --exec babel-node",
    "test": "jest --runInBand --verbose",
    "coverage": "jest --coverage --runInBand --verbose",
    "eslint": "eslint src/**/.js --ignore-pattern \"node_modules/\""
  },
Run Code Online (Sandbox Code Playgroud)

但运行

yarn eslint
Run Code Online (Sandbox Code Playgroud)

我收到一个错误

"eslint": "eslint src/**/.js --ignore-pattern \"node_modules/\""

$ eslint src/**/.js --ignore-pattern "node_modules/"

Oops! Something went wrong! :(

ESLint: 5.10.0.
No files matching the pattern "src/**/.js" were found.
Please check for typing mistakes in the pattern.

error Command …
Run Code Online (Sandbox Code Playgroud)

node.js eslint

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

Flutter布局:并排渲染两个小部件

我正在尝试创建一个简单的布局,在同一行中插入 2 个小部件,并且我为此使用了 Row,但我收到以下错误:

在 PerformLayout() 期间抛出以下断言:BoxConstraints 强制无限宽度。这些无效约束由以下函数提供给 RenderSemanticsAnnotations 的 layout() 函数,该函数可能计算有问题的无效约束: RenderConstrainedBox.performLayout 违规约束为: BoxConstraints(w=Infinity, 50.0<=h<=Infinity)

但是,如果我只渲染小部件而不使用“行”小部件,则所有内容都会按应有的方式呈现。

class CardWithTitle extends StatelessWidget {
  const CardWithTitle({Key key, this.title, this.child}) : super(key: key);

  final String title;
  final child;

  @override
  Widget build(BuildContext context) {
    return Container(
      child: Column(
        children: [
          Row(
            children: [
              Text(title),
            ],
          ),
          Container(
            width: double.infinity,
            constraints: BoxConstraints(minHeight: 50),
            child: Card(
              child: Padding(
                padding: EdgeInsets.all(10.0),
                child: child,
              ),
            ),
          )
        ],
      ),
    );
  }
}

class SellsCard extends StatelessWidget {
  SellsCard({Key …
Run Code Online (Sandbox Code Playgroud)

layout flutter

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