小编Pri*_*ome的帖子

我们广泛使用JQuery DataTables.我现在将所有app表切换到AJAX数据源,以更好地支持搜索并更快地呈现表.

我遇到的问题是如何在我的表列中定义数据呈现.我不在列中仅渲染数据,但我需要在某些列中添加一些额外的标记(如<span class="label">data</span>链接等).

这可以通过javascript完成,这是我如何做到的.问题是我不希望我的应用程序中的每个表都有此列定义语法.不是两个表是相同的,并且为了支持这样的所有表/列,它将导致每个表的一堆javascript代码.我认为这不是一个好习惯.

$('.data-table').each(function(){
    initialize_ajax_data_tables($(this));
});

function initialize_ajax_data_tables(element)
{
    var display_rows = element.attr('data-rows') ? parseInt(element.data('rows')) : 25;
    var initial_sort = element.attr('data-sort') ? element.data('sort') : [0, 'asc'];

    dataTables = element.DataTable({
        "processing": true,
        "serverSide": true,
        "ajax": {
            url: base_url+'ajaxprocess/products_data_table.json',
            type: 'GET'
        },
        "columns": [
           { "data": "id" },
           { "data": "product_type_name" },
           { "data": "code" },
           { "data": "name" },
       ],
       "columnDefs": [
           {
               "render": function ( data, type, row ) { 
                   return '<span class=\"label label-info\">'+ data +'</span>'; …

我需要读取元素类名.我有这样的元素:

<article class="active clrone moreclass">Article x</article>
<article class="active clrtwo moreclass">Article y</article>
<article class="active clrthree moreclass moreclass">Article z</article>
<article class="active clrone moreclass">Article xyza</article>

我需要解析以...开头的类名clr.因此,如果单击第二个元素,那么我需要获取clrtwoclassName.

我不确定这是webpack问题,webpack问题的vue-loader还是我做错了.

当我运行npm run build为我的Vue.js应用程序构建一个发行版时,在dist应用程序中应用的CSS规则与我的开发环境中的顺序不同,因此我的CSS覆盖是不同的,app不能正确呈现...

这是一个元素的演示:

npm run dev - 适当的渲染

npm run build - 渲染不当

更新:添加了webpack配置文件

webpack.base.conf.js

var path = require('path')

module.exports = {
  entry: {
    app: './src/main.js'
  },
  output: {
    path: path.resolve(__dirname, '../dist/static'),
    publicPath: '/static/',
    filename: '[name].js'
  },
  resolve: {
    extensions: ['', '.js', '.vue'],
    alias: {
      'src': path.resolve(__dirname, '../src')
    }
  },
  resolveLoader: {
    root: path.join(__dirname, 'node_modules')
  },
  module: {
    preLoaders: [
      {
        test: /\.vue$/,
        loader: 'eslint',
        exclude: /node_modules/
      },
      {
        test: /\.js$/,
        loader: 'eslint',
        exclude: /node_modules/
      } …

之前我注意到了这一点 有时在某些具有闪光灯摄像头对话框的浏览器中,您将无法按ALLOW按钮访问摄像头,麦克风.这个问题已经暴露在这里无法点击firefox上的flash中的允许按钮,Adobe正在跟踪有关此错误的问题http://bugs.adobe.com/jira/browse/FP-4656.

有目的的解决方案有时可行,但也不总是如此.我在网络上的另一个解决方法是在flash容器中设置margin-left和margin-right CSS,如下所示:

margin-left: 0.5px;
margin-right: auto;

那么现在OS X Lion出来了,该死的东西在任何浏览器都不起作用!我甚至尝试了Facebook个人资料照片拍摄者,它也使用闪光灯拍照.还有你不能按ALLOW按钮.与YouTube录像机等相同......

该怎么办？

我正在把我们网站的SEO带到另一个层面.我阅读了很多关于它的内容,并研究了如何正确处理多个域和语言的所有方面.现在我们使用三个域名www.myurl.eu,www.myurl.de和www.myotherurl.com.

所有网站都指向相同的内容,我很快就了解到拥有多个域名并不是一个好的做法(关于此的良好阅读:http://www.seo.com/blog/multiple-domains-seo/).好吧我按照搜索引擎优化和谷歌专家的建议解决了这个问题,选择了一个主域名,并301 permanent redirect从其他域名做了一个!好的解决了!

但!然后我参加了英国的技术搜索引擎优化简报,其中一个SEO人员正在谈论本地搜索以及英国谷歌搜索将如何选择.co.uk domains.事实证明他是对的.我上面发布的链接还有一段关于此的内容:

国家/地区特定域

这不是一种策略,更多的是"必须做",因此我是多个域的例外.这是一个例外,因为当你进入其他国家时,上述所有问题都不适用.事实上,为了在国际搜索引擎优化中获得最佳结果,您需要拥有特定国家/地区的TLD(或顶级域名).例如,如果您在英格兰做生意,那么在没有.co.uk域名的情况下排名很难.你仍然可以在没有国家级TLD的情况下排名,但这是一场艰苦的战斗.而在上坡时,我的意思是落基山脉式上坡.

Q1:那么好吧,为了我在英国的业务排名很高,我需要一个www.myurl.co.uk.我买了一个.现在问题来自于此.是否www.myurl.co.uk再次301重定向到我的主域名？我该怎么处理？

Q2:然后这是所有这些的多语言方面.我的网站是以某种方式构建的,因此语言网站会在网址中使用/ lang/code进行更改.例:

• www.myurl.eu/en/products - >英文产品网站
• www.myurl.eu/de/products - >德语相同的网站
• www.myotherurl.com/en/products - > 301重定向到 www.myurl.eu/en/products

所以现在做什么与我的国家特定域www.myurl.co.uk和www.myurl.de？这些是301重定向到主域,如www.myurl.co.uk- > www.myurl.eu/en/和www.myurl.de- > www.myurl.eu/de/？这是正确的方式吗？

问题3:我是否真的应该这样在我开展业务的国家/地区设置单独的国家级域名？我没有看到让我们说Apple有apple.co.uk等等？这有多重要？

我正在做噩梦,想弄清楚如何正确设置CSS和HTML布局,以便在我们的网络应用程序中打印文档.我们有不同的文件进入系统(订单,发票,交货单,......).文件包括:

• 静态标题(公司徽标,联系信息)
• 身体
  • 客户数据(运费,账单地址)
  • items表(有几行的表,可以通过几页传播)
• 静态页脚(免责声明)

我想要的是遵循打印功能:

• 如果正文通过几页传播,我希望每页都有静态页眉和页脚
• 如果项目表在更多页面中展开,则每个页面都会打印一个表格标题

目前我的HTML布局是这样的:

<!-- STATIC HEADER -->
<div id="pageHeader">
    <table class="table">
        <tr>
            <td>Static header content here</td>
        </tr>
    </table>
</div>

<!-- DOCUMENT CONTENT -->
<div id="pageBody">

    <!-- Customer data -->
    <table class="table">
        <tr>
            <td>Customer data here</td>
        </tr>
    </table>

    <!-- Items table -->
    <table class="table table-condensed table-print">
        <thead style="display:table-header-group;">
            <tr>
                <th>Table header here</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Rows here</td>
            </tr>
        </tbody>
    </table>

</div>

<!-- STATIC FOOTER -->
<div id="pageFooter">
    <table class="table">
        <tr>
            <td>Static footer content …

我试图检测当前活动元素是否是任何类型的输入字段.目前我有这个:

var activeElement = document.activeElement

if (activeElement && (activeElement.tagName.toLowerCase() === 'input' || 
    activeElement.tagName.toLowerCase() === 'textarea' || 
    activeElement.tagName.toLowerCase() === 'select' || 
    activeElement.tagName.toLowerCase() === 'button')) {
    return false
}

有一个更好的方法吗？我正在使用Vue JS,所以如果有一个Vue API的解决方案也可以.

我需要设计一个"任务管理器"表结构,其中任务可以依赖于其他任务.例如,我可以执行以下任务:

TASK A: independent
TASK B: independent
TASK C: can not start before TASK B is finished
TASK D: independenet
TESK E: can not start before TASK C and TASK E are finished

每个任务都有标准属性(started_by,assigned_to,due_date,description,status).我希望有一个表结构,可以让我轻松地执行此查询:

1. 选择所有用户的打开任务,但只选择那些已经可以启动的任务(意味着在上面的场景中,在完成依赖任务之前,不能在此处选择TASK C和E).

目前我的解决方案是有2个表:

• tasks:保存任务记录的表
• task_dependencies:将任务保存到任务依赖项的表(id,task_id,dependent_task_id)

我对上述场景的当前查询和我当前的表结构如下:

SELECT description, from_unixtime( date_due )
FROM tasks
WHERE 
   assigned_user_id = 751
  AND status_id = 'Q'
  AND id NOT
  IN (
    SELECT TD.task_id
    FROM task_dependencies TD
    INNER JOIN tasks T ON TD.dependent_task_id = T.id
    AND T.status_id = 'Q') 
  ORDER BY date_due …

理想情况下，我应该使用什么来将货币汇率信息存储在我的 MySQL 数据库中？我应该使用：

• 双倍的
• 十进制像 (10,4)
• 浮动或
• 还有什么？

货币汇率通常是十进制数字，如 1.2362。

我定义了/pages/[news]/index.js这个getStaticPaths函数：

export const getStaticPaths = ({ locales }) => {
  return {
    paths: [
      { params: { news: 'news' }, locale: 'en' },
      { params: { news: 'novitta' }, locale: 'it' },
      { params: { news: 'noticas' }, locale: 'es' },
    ],
    fallback: false,
  }
}

这给了我所需的所有路由到/pages/[news]/index.js文件：

• /news -> 英文新闻页面
• /it/novita -> 意大利新闻页面
• /es/noticas -> 西班牙语

现在我想添加关于页面/pages/[about.js]

export const getStaticPaths = ({ locales }) => {
  return {
    paths: [
      { params: { …