小编Art*_*vev的帖子

我必须做一个树结构来显示来自Java的数据.我正在使用jQuery的treetable插件,我无法获得我想要的输出.这是我的代码.

Freemarker:

<table id="dt_basic" class="table table table-bordered table-hover" width="100%">
                    <thead>
                        <tr>
                            <#list rows.getCols() as col>
                            <th>${col.getColumnName()}</th>
                            </#list>
                        </tr>
                    </thead>
                    <tbody>
                        <#list rows.getRows() as row>
                            <#if !parent??>
                                <#assign parent = row />
                                    <tr data-tt-id="${parent[rows.getCols()[0].getColumnName()]}" data-tt-branch="true">
                                        <td>${parent[rows.getCols()[0].getColumnName()]}</td>
                                        <td colspan="${rows.getCols()?size-1}"></td>
                                    </tr>
                            <#elseif row[rows.getCols()[0].getColumnName()] != parent[rows.getCols()[0].getColumnName()]>
                                <#assign parent = row />
                                    <tr data-tt-id="${parent[rows.getCols()[0].getColumnName()]}">
                                        <td>${row[col.getColumnName()]}</td>
                                        <td colspan="${rows.getCols()?size-1}"></td>
                                    </tr>
                            </#if>


                            <tr data-tt-id="1.1" data-tt-parent-id="${row[rows.getCols()[0].getColumnName()]}">
                                <#list rows.getCols() as col>
                                    <#if col?is_first>
                                        <td>${row[col.getColumnName()]}</td>
                                    <#else>
                                    <#if col.isRightAligned()>
                                        <td name="${col.getColumnName()}" align='RIGHT'>${row[col.getColumnName()]}</td>
                                    <#else>
                                        <td name="${col.getColumnName()}">${row[col.getColumnName()]}</td>
                                    </#if>
                                    </#if>
                                </#list>
                            </tr>

                        </#list>
                    </tbody> …

出于学习目的，我尝试使用 React-Router v6 创建一个受保护的自定义路由。正如许多人在论坛或此处尝试过的那样，我收到此错误：错误：[ProtectedRoute] 不是组件。

另外，如果有人正在努力解决不可重用的实现，可以在下面看到我的工作代码：我的问题是我真的希望它是可重用的，这样我就可以避免这种混乱的代码。如果您有任何想法，请告诉我。

我个人认为这有点不可能，因为目前的 V6 实现。也许他们将来会让我们这样做。但我希望这篇文章能够帮助那些想要保护路由的人，特别是在使用 Parse 平台时。

自定义路线：

const ProtectedRoute = ({ component: Component, ...rest }) => {
  return (
    <Route
      {...rest}
      render={(props) => {
        <AuthWrapper>
          <Component {...rest} {...props} />
        </AuthWrapper>;
      }}
    />
  );
};

如果用户当前未登录，则包装器使用 Parse Server 来保护路由。

const AuthWrapper = ({ children }) => {
  if (Parse.User.current() !== null) {
    let isAuthenticated = Parse.User.current().getSessionToken();
    let authCondition = isAuthenticated !== undefined;
    if (authCondition) {
      return children;
    }
  }
  return <Navigate to={"/login"} />;
};

export …

我正在编写一个Google Chrome扩展程序,可在每个页面上运行内容脚本.在我的内容脚本中,我在页面中注入了<div>一些<ul>和<li>子项.我在样式表中为这些元素指定了几种样式.

但我发现在一些随机页面上我的元素将继承网页上定义的样式,因为我没有为我的div指定每个样式属性.

什么是我可以阻止我注入的元素继承这些样式的最佳方法？

在我看来,我可以:

• 指定样式表中的每一个样式(例如,通过查看没有干扰时计算出的样式),或者
• 我可以把我的<div>内心<iframe>.但是,我必须在我的内容脚本的iframe和源页面之间传递hella消息,因为chrome://我的iframe src 的URL 和源页面的URL http://将被视为跨源.

我正在为Grunt 尝试cssmin

根据文档目标可以定义"根据grunt配置任务指南".当我使用该模式创建一个cssmin任务时,例如:

cssmin: {
  my_target: {
    minify: {
      src: 'path-to/default.css',
      dest: 'path-to/default.min.css'
    }
  }
}

未创建缩小的文件.

如果我删除目标级别,它按预期工作.我在这里做错了吗？或者除了cssmin还有其他选择(在我的研究中,我选择了这个,因为每个人都指向它)

使用:

• 咕噜v0.4.1
• cssmin v0.6.0

我已经解决了很多类似名称的问题，但无法找到答案。

当父 div 有内边距并且我创建子 div 时，宽度 100% 遵循父级的内容框大小，但高度 100% 似乎采用父级的边框框值。例如，高度为 100px 且填充为 5px 的父级将创建高度为 100% 且高度为 100px 而不是 90px 的子级。

谁能帮助我通过填充实现父母内容框的高度？

我想要实现一个漂亮的水平边框，两端都被剪掉，但仍然居中。

我正在尝试第一次制作视差并遇到麻烦。

我正在遵循本教程，然后尝试向后工作。但是，代码无法正常工作，我不确定在哪里出错了，我跳到其他一些教程，并尝试调整不同div和CSS块的名称，因此现在的代码有点混乱。

.html {
  height: 100%;
  overflow: hidden;
}

.body {
  max-width: 30px color: #fff;
  margin: 0;
  padding: 0;
  perspective: 1px;
  transform-style: preserve-3d;
  height: 100% overflow-y: scroll;
  overflow-x: "Luna"
}

header {
  box-sizing: border-box;
  min-height: 100vh;
  padding 30vw 0 5vw;
  position: relative;
  transform-style: inherit;
  width: 100vw;
}

header h1 {
  margin-top: -100px;
}

header,
header:before {
  background: 50% 50% / cover;
}

header::before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  display: block; …

我正在玩 ant-design 并尝试构建一个简单的菜单，一切都按预期工作：

<Menu mode="inline">
  <Menu.Item key="/">
    <Icon type="dashboard" theme="outlined" />
    Dashboard
  </Menu.Item>
  <Menu.Item key="/transactions">
    <Icon type="bars" theme="outlined" />
    Transactions
  </Menu.Item>
  <Menu.Item key="/groups">
    <Icon type="team" theme="outlined" />
    Groups
  </Menu.Item>
  <Menu.Item key="/account">
    <Icon type="idcard" theme="outlined" />
    Account
  </Menu.Item>
</Menu>

( https://codesandbox.io/s/wqn37ojmv7 )

现在，我想通过制作一个单独的包装MenuItem组件来稍微整理一下这段代码：

const MenuItem = ({route, icon, children}) => (
  <Menu.Item key={route}>
    <Icon type={icon} theme="outlined" />
    {children}
  </Menu.Item>
);

// ...
<Menu mode="inline">
  <MenuItem route="/" icon="dashboard">Dashboard</MenuItem>
  <MenuItem route="/transactions" icon="bars">Transactions</MenuItem>
  <MenuItem route="/groups" icon="team">Groups</MenuItem>
  <MenuItem route="/account" icon="idcard">Account</MenuItem>
</Menu>

然而，替换我闪亮的新组件几乎会破坏一切 - …

操作系统：Ubuntu 14.04。
IDE：（Eclipse Mars.1 Release (4.5.1)）和 Scene builder 2。

如何解决这个问题？
我按照指示做了一切。

我正在尝试执行“字段2与字段1不匹配”的操作（即“密码不匹配”）。

有没有太大的文档上的antd的形式提供的规则。他们在这里指向这个项目。

以下是我目前的表格：

const ResetPasswordForm = Form.create()(React.createClass({
  getInitialState () {
    return {
      loading: false
    };
  },
  handleSubmit(e) {
    e.preventDefault();
    this.props.form.validateFields((err, values) => {
      if (err) {
        failure();
      }
      if (!err) {
        let newPassword = values.newPassword;
        let repeatNewPassword = values.repeatNewPassword;
        handleResetPassword(newPassword, repeatNewPassword, this.props.token);
      }
    });

  },
  render() {
    const { getFieldDecorator } = this.props.form;

    const newPasswordRules = [
      { required: true, message: 'Please input a new password!' }
    ];

    const repeatNewPassword = [
      { required: true, message: …

我想只将内容脚本部署到用户想要部署到的站点.我有这个站点列表,我想只将一些script.js部署到这些站点.

<html>
    <head>
    <script src="http://code.jquery.com/jquery-1.4.2.js"></script>
    <script>
       chrome.browserAction.onClicked.addListener(function(tab) {
       var xhr = new XMLHttpRequest();
       xhr.onreadystatechange = function() {
              if (xhr.readyState == 4) {
                if (xhr.status == 200) {
                var $ajaxData =  xhr.responseText;  
                var hidden = document.createElement ( 'div' );
                hidden.id = 'hiddenel';
                $("body").append ( hidden );
                $("#hiddenel").html ($ajaxData);
                var $aa = $("#hiddenel").find('div .somediv');

                var notification = webkitNotifications.createNotification(
                                    'some msg',
                                    'some msg',
                                     $aa.html());
                notification.show();

                } else {
                 alert("Unable to connect...");
                }
              }
            }
            var url = some url;;
            xhr.open('GET', url, true);
            xhr.send();
      }); …

我正在尝试将Webpack 4用于我的项目。除了extract-text-webpack-plugin.

实际行为：当我构建项目时，根本没有错误，并且缩小了文件

预期行为：styles.css在dist文件夹中获取缩小的 CSS 文件 ( )

输出

文件结构

配置文件

const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {
    entry: {
        'index': './src/index.js',
    },
    resolveLoader: {
        modules: [
            'node_modules',
        ],
    },
    mode: 'production',
    module: {
        rules: [
            {
                test: /\.html$/,
                use: [
                    {
                        loader: 'html-loader',
                        options: {
                            minimize: true,
                        },
                    },
                ],
            },
            {
                test: /\.css$/,
                use: ExtractTextPlugin.extract( 'css-loader' ),
            },
            {
                test: …