Node_pro's questions

有一个progressBar 组件。进度数据取自数据库。JS不推荐使用。

任务是使动画width从 0 变为当前值（写在 style 属性中）。

每个进度的生成keyframes- 不太适合。我还想使用一个具有空值的类，当页面加载时，将其删除并使用transition. 现在我用max-width. 动画宽度：0->100%，除了动画速度，一切正常。更准确地说，它们是相同的。

实际上问题是：有没有办法做得更好？谢谢大家！

.progress-bar{
  width: 500px;
  height: 2px;
  background: #aaa;
  margin: 10px 0; 
}

.progress-bar .progress{
  background: #f00;
  width:100%;
  height: 100%;
  animation: width100 2s backwards;
}

@keyframes width100{
  0% {
    width: 0
  }
  100%{
    width: 100%;
  }
}

   <div class='progress-bar'>
       <div class='progress' style='max-width: 75%'></div>
    </div>
    
     <div class='progress-bar'>
       <div class='progress' style='max-width: 50%'></div>
    </div>
    
    <div class='progress-bar'>
       <div class='progress' style='max-width: 20%'></div>
    </div>

在其中一个英语 在一个语言网络研讨会（我不记得是哪一个）中，我听说在格式中使用增量i++是不好且过时的做法。相反，建议使用i+=1;

这是问题吗？如果是这样，我对原因和链接感兴趣。谢谢大家！

PS 我知道在某些语言中，例如Python缺少i++. 也许不是随便？

PSS 进行了综合测试，发现 Webkit 家族的浏览器性能提升了 3 倍（优化引擎的不同方式）。在那一刻，在 FireFox 中，增量播放得很好（不利的一面）。尽管这些是干测试，但据我了解，您应该坚持经典。Webkit 用户的数量要大得多。

谷歌浏览器：

火狐：

在这里您可以自己检查：https ://www.measurethat.net/Benchmarks/Show/10643/0/ii-i1

给定：三条直线的汉堡包，其中直线由 ( ::before + div + ::after) 组成 规则相同，除了 ( div + ::after) 的边距顶部缩进。

问题：高度div小于 1 个像素::before и ::after。但！这仅适用于某些屏幕尺寸。由于高度是从 rem 构建的，而 rem 又会随着屏幕尺寸的变化而变化。

解决方案：由于 px 有时会生成为分数，这就是整个问题，有时也可以更改边距。但有趣的是，为什么这些线条是由不止一种算法以这种方式生成的。也许有一种方法可以在没有媒体的情况下纠正这种不公正现象。目前这不是一个大问题，但这不是第一次发生类似的问题。

PS：问题出现在webkit上。父母身高不限

.header-hamburger {
  cursor: pointer;
  width: 1.5rem;
  background: none;
  border: 0;
  padding: 0;
  position: relative;
  z-index: 9999;

  & > *, &::after, &::before {
    border-radius: 3px;
    height: .1rem;
    background: $white;
    transition: all .3s;
    position: relative;
    display: block;
  }

  & > *, &::after {
    margin-top:  0.4rem;
  }

  &::before, &::after {
    content: '';
  }
}

我计划开始在 JS 框架上开发移动应用程序。
之前在 Vue.js 上写过。我是否正确理解 Vue Native(VN) 是 React Native(RN)。只有 Vue 风格？换句话说，只是一个包装器。
我应该使用 VN 还是立即学习 RN？
有细微差别吗？谢谢大家！

该网站是在bootsrap 3上编写的，有一个重新设计的任务。问题是如何最好地实现蓝色部分，以便与主网格对接。

我看到几个选项：
1. 使用 CSS 计算器，但会出现这样的结果：

width: calc(((100vw - 1280px)/ 2) + 835px);

2.使用JS获取坐标，设置render函数到监听器' resize'；
3. 使用通常的引导网格，设置 position: relative to parent，设置 position: to childabsolute并设置一个 margin width。例如：

width: 70vw
position: absolute;
left:0;
top:0;

4.使用grid-css；

其他选项也很有趣。谢谢大家的关注

任务：获取标签之间的内容
示例：<div class='ClassName'><!-- содержимое --> </div>
工具：只能使用正则表达式，布局包含错误，其他方法无法正常工作。

我的实现：

<div class='ClassName'>(.+)</div>     // Не работает, если есть переноси строк
<div class='ClassName'>([^<]+)</div>  // Такой вариант годился, если можно было
                                      // не набор символов, а целый фрагмент "</div>"

代码片段：

...
<div>
    <div class="product-title">
        <a href="#">Title<span class="last-word">4.0</span></a>        
    </div>
</div>
...

需要删除：

<div class="product-title">
       <a href="#">Title<span class="last-word">4.0</span></a>        
</div>

我的测试：

 #<div class="product-title">\s*.+\s*<\/div>#ui

PS我的测试正在运行，但我看到了一个更通用的解决方案，因为里面可能有其他标签（除了<div>）

历史：在使用快递公司的 API 时。对于工作，他们提供肥皂。使用软件进行测试时，没有问题。从 PHP 端连接时，出现的问题好像不是正确的登录名或密码。

技术：Yii2、PHP 7.0
连接到最终服务器（使用函数列表检查）

试过：

1. 显示我发送的数据（在 $param 变量中 - 一切都井井有条）
2. 以不同的格式装扮（stdClass ...）
3. 更改编码（现在是 UTF-8）
4. 等等

资料来源：

<?php

namespace backend\models\dhl;
use yii;


class Dhl24_parcel {

    private $dhlclient;
    private $authData;

    private $_cache;

    public function __construct($env = 'sandbox')
    {
        $dhlparams = \Yii::$app->params['dhl_parcel'][$env];

        $this->dhlclient = new Dhl24_webapi_client($dhlparams['wsdl']);

        $this->_cache = [];

        $this->authData = [];
        $this->authData['username'] = $dhlparams['username'];
        $this->authData['password'] = $dhlparams['password'];



    }
    public function getNearestServicepoints() {

        $params = [
            'authData' => $this->authData,
            'postcode' => '00999',
            'city' =>   'Warszawa',
            'radius' =>  10
        ];


        return $this->dhlclient->getNearestServicepoints($params);
    }


}

服务器响应：

在一个视频中，我听说在删除有事件的元素时，我们不会删除处理程序本身。换句话说，事件处理程序继续运行，尽管该元素不存在。我希望收到对这些话的确认或反驳。谢谢！

svg给定：具有相同结构的四个文件。每个svg有 4 个path。它们仅在属性 d 和 上有所不同transform。

问题：在属性transform中，它重复翻译两次：

transform="translate(2004.586538, 563.741494) rotate(26.000000) translate(-2004.586538, -563.741494)

如何动画化这个？
我的样品：

<animate xlink:href="#p1" attributeName="d" attributeType="XML" 
    values = "M841.586538,-88.7585061 L3167.58654,-88.7585061 L3167.58654,1216.24149 L1141.58654,1216.24149 C975.901113,1216.24149 841.586538,1081.92692 841.586538,916.241494 L841.586538,-88.7585061 Z; M957.745625,-1216.57773 L3283.74563,-1216.57773 L3283.74563,88.4222735 L1257.74563,88.4222735 C1092.0602,88.4222735 957.745625,-45.8923016 957.745625,-211.577727 L957.745625,-1216.57773 Z" 
    dur="10s" 
    repeatCount="indefinite" 
    fill="freeze" />

<animateTransform attributeName="transform" attributeType="XML"
      type="translate" values="2004.586538, 563.741494; 2120.745625, -564.077727" repeatCount="indefinite" dur="4s" fill="freeze" additive="sum"/>

<animateTransform attributeName="transform" attributeType="XML"
      type="rotate" values="26.000000; -22.000000" repeatCount="indefinite" dur="4s" fill="freeze" additive="sum"/>

链接到四个 SVG

所需结果的视频。观看长达 12 秒

在手册中我看到类似的信息“自 PHP 5.x 版本以来，该函数可以安全地处理二进制形式的数据。”
我们在谈论什么危险？

需要将系统从 HTTP 1.1 切换到 HTTP 2。我按照说明进行操作，这些说明可在此处的链接中找到。我选择了“使用必要的选项从源代码重新编译 Nginx”选项。我按照说明做了一切，一切都很好，我去了现场。而且它不起作用，好像服务器没有运行一样。进行了状态检查并获得了屏幕截图 #1

错误日志

2018/11/22 15:32:55 [notice] 20094#20094: signal process started
2018/11/22 15:44:32 [notice] 21071#21071: signal process started

操作系统： debian；
问：怎么回事，在哪里挖？

/etc/nginx/nginx.conf

user  nginx;
worker_processes  1;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    keepalive_timeout  65;

    #gzip  on;

    include /etc/nginx/conf.d/*.conf;
}

/etc/nginx/conf.d/default.conf

server {
    listen       80;
    server_name  localhost;

    #charset koi8-r;
    #access_log  /var/log/nginx/host.access.log  main;

    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
    }

    #error_page  404              /404.html;

    # redirect server error pages to the static page /50x.html
    #
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }

    # proxy the PHP scripts to Apache listening on 127.0.0.1:80
    #
    #location ~ \.php$ {
    #    proxy_pass   http://127.0.0.1;
    #}

    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
    #
    #location ~ \.php$ {
    #    root           html;
    #    fastcgi_pass   127.0.0.1:9000;
    #    fastcgi_index  index.php;
    #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
    #    include        fastcgi_params;
    #}

    # deny access to .htaccess files, if Apache's document root
    # concurs with nginx's one
    #
    #location ~ /\.ht {
    #    deny  all;
    #}
}

补充： 重新启动服务器并出现错误（屏幕截图中没有） - 一切都很好。但是站点不工作（好像服务器没有打开）

表单中的文档正文中有特殊的标签{name}，一切都会好起来的，但是当有类似的标签时就会发生冲突{{name}}，而不是一个花括号，而是两个。如何编写正则表达式以忽略第二个选项（即仅有效{name}。我的试验：

preg_match_all('/\[^{]*{([ \w\-_0-9#.\+]+)\}[^}]*/u', $cont, $match);

需要在整个页面上放一个波浪效果（比如在Materialize上）。

效果的本质：当你点击页面时，会出现一个圆圈，一段时间后会增加并平滑消失。

问题的本质：由于元素出现的原因，它重叠了用于点击的按钮，直到它完成了它的动画。有些地方不方便。

解决方法：
1、不要使用本动画或部分限制使用范围；
2.借助某种方式使其没有“肉”，不可点击，因此它不会拦截事件；
3.加速动画。

但是，我希望有第二个选项的解决方案。

有一个酒店类型的网站。我想在网站上指定微数据。
问题：这个标记应该在每一页上（例如，在页脚中），或者只放在一个上就足够了，例如，“主页”。下面是一个代码示例：

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "Hotel",
    "name": "...",
    "address": {
        "@type": "PostalAddress",
        "streetAddress": "",
        "addressLocality": "",
        "addressRegion": "",
        "postalCode": ""
    },
    "email": "",
    "priceRange":"$"

}
</script>

据我所知，这个版本的jQuery在移动端改进了跨平台。目前，我不知道手机浏览器无法像普通浏览器那样做的任何问题（除了一些细微差别，例如在事件中获取键码）。如果我错了，请纠正我。问题是当前是否需要使用 jQuery Mobile。如果是这样，在什么时候？

单元格大小（例如类型）如何影响VARCHAR性能。如果在 VARCHAR(255) 字段中写入“”字Test，那么这个数据会占用 1+4 个字节，而不是 255，这很好（与 CHAR 不同）。如果某些字段的最大值为 varchar(65535) 怎么办？它会以某种方式影响大型数据库的速度吗？出现问题的原因是客户端在通过可视化编辑器插入文本时超出了限制，因此文本被截断。他通常插入最多100个字符的帖子，但这次不同......

这不是我第一次遇到transform: translateZ(0) scale(1, 1)适用于标签的规则<body>。

问题是，这条规则给出了什么？

因为我有以下问题：border它并不总是在表格中绘制，有时图像没有加载（谷歌浏览器中的情况）。
但！当您禁用此规则时，站点会发生变化（我仍然不明白为什么，因为值是标准恕我直言）。
在我在某处读到的网站上，这是为了没有闪烁（但也许我误解了）。谢谢

我对全局范围有疑问。我知道全局变量是邪恶的，但是需要使用它们（将它们作为参数传递不是一种选择）。有以下代码：

$conf = array();

function get_option($key){
   global $conf;
   var_dump($conf); // NULL
}

但是，如果您这样做：

global $conf;
$conf = array();

function get_option($key){
   global $conf;
   var_dump($conf); // work
}

效果很好。以前，global我没有添加并且可以访问该变量。
问题是它与什么相关联或如何完成，该函数看到了该文件中声明的所有全局变量，该函数在哪里？感谢您的关注！

一些移动设备具有覆盖部分网站的导航按钮。有一个站点应该将按钮按下到底部，但是这个面板会关闭它们。有没有办法让这个面板不覆盖网站的一部分？