小编Mar*_*ude的帖子

我正在使用HTML5输入框type="number".关于某些文档,如果我也使用该lang=""属性,则应该可以使用逗号(而不是句点)输入数字.它适用于Firefox,但不适用于Chrome(不接受逗号).如何让Chrome接受输入框中的逗号.我的问题是我们的德国用户希望他们可以输入逗号而不是那里的逗号.

https://jsfiddle.net/byte2702/y3Lpfw7m/

Please enter a number with comma: <br/>
<input id="num" type="number" step="any" lang="de" pattern="-?[0-9]+[\,.]*[0-9]+" /> 

我正在为我们的在线商店提供更好的性能和加载时间,我们在其上使用Google跟踪代码管理器.但默认情况下,包含Google代码管理器的脚本也会加载Google Analytics(旧版ga.js)和Universal Google Analytics(analytics.js).我不需要它们,但如果有必要,我只需要通用Google Analytics.

那么为什么谷歌标签管理器包括两个脚本？

作为编码简历,这是标记管理器包含:

<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXX');</script>

-

在网络选项卡上,它显示包含,在它之后,它会自动加载两个脚本:

-

如果我分析Google gtm.js跟踪代码管理器脚本(),我会看到以下内容:

else if (!a) {
    var N = c["60"] ? ".google-analytics.com/u/ga_debug.js" : ".google-analytics.com/ga.js";
    a = !0;
    u(x("https://ssl", "http://www", N, r), O, c["66"])
}

还有这个:

if (!a) {
    var M = b["60"] ? "u/analytics_debug.js" : "analytics.js";
    b[""] && !b["60"] && (M = "internal/" + M);
    a = !0;
    bb(x("https:", "http:", "//www.google-analytics.com/" + M, d && d.forceSSL), function() { …

我正在尝试使用 css3 规则在 8 列中显示项目column-count。但是，有时显示 6，有时显示 7。我尝试为项目设置特定宽度，但似乎没有任何效果。

单击此处查看小提琴

body {margin: 0;}
.container {
  margin: auto;
  padding: 0 15px;
  background: #eee;
}
@media (min-width: 768px) {
  .container {width: 750px;}
}
@media (min-width: 992px) {
  .container {width: 970px;}
}
@media (min-width: 1200px) {
  .container {width: 1170px;}
}
.brick-wall {
  -webkit-column-gap: 0;
  -webkit-column-fill: balance;
  -moz-column-gap: 0;
  -moz-column-fill: balance;
  column-gap: 0;
  column-fill: balance;
  -webkit-column-count: 8;
  -moz-column-count: 8;
  column-count: 8;
}
.brick {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
  text-align: center;
}
.brick-wall …

data-*我一直在尝试在语义 UI 下拉列表中附加一个属性option，但没有成功（数据属性没有被复制到生成的下拉选项中）。

这是我的结构select：

超文本标记语言

<select id='my-dropdown' name='department'>
    <option value='1' data-wsg='something'>Department 1</option>
    <option value='2' data-wsg='another'>Department 2</option>
    . . .
    <option value='n' data-wsg='custom data'>Department N</option>
</select>

jQuery

$("#my-dropdown").dropdown({
    allowAdditions: false,
    fullTextSearch: true,
    onHide: function() {
        // Some codes.
    },
    onChange: function(value, text, choice) {
        // Access the data-wsg attribute of the selected option.
    }
});

我已经阅读了一些内容，但我所看到的有关数据属性支持的只是将设置存储在那里。不是我真正需要的。

希望有人做过类似的事情并让我知道解决方案是什么。

我只在Safari上有一个奇怪的问题(奇怪的是？LOL).如果您使用的是iPhone,iPad或桌面Mac,则无关紧要; Safari使用动画关键帧和变换进行错误的计算定位徽标.

问题是徽标需要移动到他的房间,但在safari上徽标也向左移动,当关键帧达到100%时,徽标完全适合他的房间.

你可以看到奇怪的效果:https://amonarraiz.com(访问Safari不同于访问另一个浏览器,代码是相同的).

这是我的代码:

.intro-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.intro-logo {
  background: url(https://amonarraiz.com/css/img/slider/2.png) center center no-repeat;
  background-size: cover;
  width: 50rem;
  height: 41rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-86%, -52%);
  -webkit-transform: translate(-86%, -52%);
  transform: translate(-86%, -52%);
  opacity: 0;
  cursor: pointer;
}

.intro-in {
  -moz-animation-duration: 3.75s;
  -webkit-animation-duration: 3.75s;
  animation-duration: 3.75s;
  -moz-animation-name: intro-in;
  -webkit-animation-name: intro-in;
  animation-name: intro-in;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; …

我已按照官方 git 页面中的所有步骤进行安装和配置 PHPCompatibility，以检查我的代码与 PHP7 的兼容性，如下所述：

1. 使用梨的安装PHP_CodeSniffer。
2. 下载https://github.com/wimg/PHPCompatibility/releases上的最新版本（PHP 7.1 Sniffs - 更新 2016-12-14）并将其提取到目录/Applications/MAMP/bin/php/php7.0.12/lib/php/PHP/CodeSniffer/Standards/PHPCompatibility/

之后我还在终端上执行了以下命令

3. 将 PHPCompatibility 添加到标准中

   $ phpcs --config-set installed_paths /Applications/MAMP/bin/php/php7.0.12/lib/php/PHP/CodeSniffer/Standards/PHPCompatibility/

4. 测试 PHPCompatibility 是否已添加为标准

   $ phpcs -i

我的输出是：

安装的编码标准有 MySource、PEAR、PHPCompatibility、PHPCS、PSR1、PSR2、Squiz 和 Zend

5. 将 testVersion 设置为 PHP 7

   $ phpcs --runtime-set testVersion 7.0 test.php正确打印 test.php 的报告

但是，当我尝试将 PHPCompatibility 设置为标准时，会发生任何事情，终端会跳转到新行以输入下一个命令。

`$ phpcs --standard=PHPCompatibility test.php`
`Natalis-MacBook-Air:bin natalisilverio$ `

有人可以告诉我在尝试将 PHPCompatibility 设置为我的标准时缺少什么或做错了什么吗？我测试了 phpcs --standard=Zend 并且它工作正常。

我正在运行设置为 PHP 7.0.12 的 MAMP 4.0.6 非常感谢

我在button元素上遇到可访问性问题。我想知道这是否是个好方法。我有一个按钮，唯一的内容是其中的Font-Awesome（字体图标）。我想知道将title属性添加到按钮是否足以使其可访问？

像这样：

<button class="prev" title="My accessible title">
   <i class="fa fa-chevron-circle-left"></i>
</button>

我在div之前添加不规则形状有问题.

我需要像这张图片一样生效:

但我需要为整个内容div获得此效果.不仅是左边还是下边.我试图调整用边框制作的css箭头,但它没有给我正确的效果.

它是更好地使用边框与透明色和组合::before,::after伪元素或background-clip属性.

我的HTML结构

.wrapper::before {
  display: block;
  height: 0px;
  width: 0px;
  border-left: 5px solid transparent;
  border-right: 650px solid transparent;
  border-bottom: 50px solid black;
}
.content {
  background-color: #f2f2f2;
  box-sizing: border-box;
  color: #000;
  text-transform: uppercase;
}

<div class="wrapper">
  <div class="content">
    Content
  </div>
</div>

有没有办法结合 ::after和::before伪元素将这种效果添加到整个div？

手工,这是过程:

ps -ef | grep tomcat

结果如下:

0 39107 1 0 5:40PM ttys004 5:22.34 /System/Library/Frameworks/JavaVM.framework/Versions/CurrentJDK/Home/bin/java -Djava.util.logging.config.file=/opt/local/tomcat7/conf/logging.properties -Djava.util.logging.manager=org.apache.juli.ClassLoaderLogManager -server -Xms384m -Xmx768m -XX:NewSize=256m -XX:NewRatio=2 -XX:PermSize=128m -XX:MaxPermSize=384m -XX:+UseParNewGC -XX:+UseConcMarkSweepGC -XX:+CMSIncrementalMode -XX:+CMSIncrementalPacing -XX:+CMSClassUnloadingEnabled -Dsun.rmi.dgc.client.gcInterval=3600000 -Dsun.rmi.dgc.server.gcInterval=3600000 -Djava.endorsed.dirs=/opt/local/tomcat7/endorsed -classpath /opt/local/tomcat7/bin/bootstrap.jar:/opt/local/tomcat7/bin/tomcat-juli.jar -Dcatalina.base=/opt/local/tomcat7 -Dcatalina.home=/opt/local/tomcat7 -Djava.io.tmpdir=/opt/local/tomcat7/temp org.apache.catalina.startup.Bootstrap start

第二个数字是pid.

然后我做

sudo kill tomcat_pid

我该如何自动化？

PS.我知道有一个shutdown.sh脚本.我试过了,但它永远不会奏效.

我正在尝试使用slick库实现Slider Syncing .我有一组pictures来自后端的图像.我循环遍历这些图像,将它们填充在我slider-for和slider-navdiv 之下.

HTML代码:

<head>
<style>

.slick-arrow {
    color: #666666;
    background: red;
}    
.slider-for {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
}  
.slider-nav h1 {
    display: inline-block;
}
.slider-nav .slick-slide {
    text-align: center;
    width: 337px;
}
.container {
  margin-bottom: 5%;
  margin-top: 5%;
}    

</style>   
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.5.7/slick.css"/>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.5.7/slick-theme.css"/>
</head>
    <div class="container-fluid padding25">
      <h2>Pictures</h2>
          <div class="slider-for">
            <% var index = 0;%>
            <%_.each(pictures, function(picture) { %>

                <div> …