小编Cic*_*chy的帖子

我有创建"按钮"元素(带有边框的内联块容器中的文本)的问题,因为在某些字体大小的文本中有错误的垂直对齐(不是完美的中间).

我想使用Raleway(Google Web Font)和Bootstrap.文本容器的高度由line-height设置.

我在Windows 7上测试它...

在Firefox(第36版)上,一切都很完美

但问题出在Google Chrome上(第41版)

实时预览:http://biznes-dynamit.pl/test/marcin-dobroszek/font/

CSS代码的一部分:

/*Bootstrap default style*/
* {
    box-sizing: border-box;
}
.btn {
    display: inline-block;
    vertical-align: middle;
}

/*custom style*/
body {
    font-family: "Raleway";
}
.btn {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 16px;
    font-size: 11px; /*real height: 8*/
}
.btn-sm {
    font-size: 10px; /*real height: 7*/
    line-height: 15px;
 }
.btn-lg {
    font-size: 12px; /*real height: 8-9*/
    line-height: 16px; /*light, normal*/ …

我在最新的Firefox浏览器版本34(系统:Windows 7,屏幕宽度:1600px)中遇到问题.在将鼠标悬停在其上后,我使用缩放图像(在某些容器中)生效.我正在使用transform:scale(1.1) with transition:transform 0.3s ease-in-out.但是当我将鼠标悬停在图像上,并在图像放大之后......它会产生一些奇怪的1px变换.一些渲染浏览器的bug,但我希望现有的一些修复它.请帮忙!

最重要的CSS定义和HTML代码的一部分:

figure {
   display: block;
   overflow: hidden;
   position: relative;
   backface-visibility: hidden;
}
figure img {
   width: 100%;
   transform: scale(1);
   transition: transform 0.3s ease-in-out;
   }
figure:hover img {
   transform: scale(1.1);
}

 <figure>
     <img class="img-responsive" src="http://lorempixel.com/600/400/fashion/7">
 </figure>

带有bug的示例在线:http://templates.silversite.pl/test/jumpingimg/

我也看到有人可以解决它,但我不知道如何,例如http://demo.qodeinteractive.com/bridge/上的"我们最近的工作"框

这是我的代码的一部分：

const myObj: object = {}
const propname = 'propname'

myObj[propname] = 'string'

但我得到了错误：

ERROR in path/to/file.ts(4,1)
TS7053: Element implicitly has an 'any' type because expression of type '"propname"' can't be used to index type '{}'.
  Property 'propname' does not exist on type '{}'.

这有什么问题，我该如何解决？

我有一个带有div容器的HTML代码,里面有另一个HTML元素和文本

<div id="container"><i class="myico"></i> text</div>

我需要从没有文本的容器中获取HTML元素.

所以我只需要得到

<i class="myico"></i>

我如何使用jQuery获取它？

我有几个表格。他们每个人都具有相同的逻辑（验证、发送...），因此，我想创建一种方法来控制表单上的操作。现在我的代码是冗余的，因为我onSubmit()在每个.vue文件上都有相同的方法。

我的 HTML：

<div id="app">
    <myform-one></myform-one>
    <myform-two></myform-two>
</div>

我的 JavaScript（main.js - webpack 中的入口文件）：

import Vue from 'vue';
import Myform1 from './myform1.vue';
import Myform2 from './myform2.vue';

new Vue({
    el: '#app',
    components: {
        myformOne: Myform1,
        myformTwo: Myform2
    }
});

和 VUE 组件文件：

myform1.vue：

<template>
    <div>
        <form @submit.prevent="onSubmit">
            <input type="text" v-model="fields.fname11" />
            <input type="text" v-model="fields.fname12" />
            <button type="submit">submit</button>
        </form>
    </div>
</template>

<script>
    let formfields = {
        fname11: '',
        fname12: ''
    };

    export default {
        data() { …

在我使用命令创建的新项目中：

npm init

我想从另一个 GitHub 项目添加依赖项，所以我使用了命令：

npm install https://github.com/cichy380/prefixData.git --save-dev

但我有错误：

npm 错误！代码 ENOPACKAGEJSON

npm 错误！package.json 非注册包缺少 package.json: git+ https://github.com/cichy380/prefixData.git。

npm 错误！package.json npm 在您的当前目录中找不到 package.json 文件。

你能解释一下为什么吗？

我有由Angular CLI ver 7.3.9 ( Angular ver 7.2.0) 和 IDE生成的项目：PhpStorm ver 2019.1.2

在我的组件模板中，我使用UpperCasePipe：

<h2>{{ title | uppercase }}</h2>

应用程序工作正常。大写的作品。字母很大但是PhpStorm报错：

未解析的管道大写
检查 TypeScript 调用的函数是否有效

预览：

PS
我已经安装了AngularJS 插件

我需要带有侧边栏 ( ) 和基于 Flexbox 的<aside>主要内容 ( ) 的简单布局（始终为浏览器窗口的 100% 宽度）。<main>侧边栏具有恒定的宽度，主要内容具有灵活的宽度（浏览器宽度的其余部分）。

在主要内容中，我有一个大表格，我想使用响应式表格仅在表格容器上获得水平滚动。但是……这不起作用。我得到了整个窗口的水平滚动。

<div class="d-flex w-100">
  <aside>some sidebar content</aside>
  <main class="flex-grow-1">
    <div class="table-responsive"> <!-- problem is here! -->
      <table class="table">
        <tr>
          <td>1.Test</td>
          <td>2.Test</td>
          <td>3.Test</td>
          <!-- ... -->
          <td>21.Test</td>
        </tr>
      </table>
    </div>
  </main>
</div>

示例： https: //jsfiddle.net/cichy380/q34p5j1u/