小编Bil*_*adj的帖子

响应式 CSS 在移动设备上具有不同的 rem 大小

我正在使用 Bulma CSS 框架,但我根本无法让我的网站像他们的主页一样具有响应性。

该网站是 活的。我的 < html > 具有相同的字体大小,并且我的 dom 结构与 bulma 的主页相同。然而我的在手机上看起来很糟糕。

这是我的 HTML 页面的片段:

<html>

<body>
  <section class="hero">
    <div class="hero-body has-text-centered">
      <div class="container">
        <div>
          <h1 class="title">Tiny Text!</h1>
        </div>
      </div>
    </div>
  </section>
</body>

</html>
Run Code Online (Sandbox Code Playgroud)

<html class="route-index">

    <body class="layout-default" style="zoom: 1;">
      <section class="hero is-medium">
        <div class="hero-body has-text-centered">
          <div class="container">
            <h1 class="title">Somehow big text?</h1>
          </div>
        </div>
      </section>
    </body>

</html>
Run Code Online (Sandbox Code Playgroud)

布尔玛的页面:

Bulma CSS 介绍页面

我的页面:

我的介绍页面


您可以通过 chrome 上的开发人员工具将两个站点的主页上的视口设置为移动设备来测试这一点。

html css bulma

3
推荐指数
1
解决办法
1216
查看次数

如何在 Jenkins 中为 Maven 指定子文件夹?

我有以下文件夹结构:

  • 财务/代码
  • 财务/文件
  • 金融/SQL

GIT 存储库是在 Finance 文件夹中创建的。我将 Jenkins 配置为查看 /Finance 中的 GIT 存储库。maven pom 文件位于 Finance/Code。当我运行 Jenkins 构建时,出现此错误:

[错误] 您指定的目标需要执行项目,但此目录 (/Users/Macpro/.hudson/jobs/Publishing/workspace) 中没有 POM。请验证您从正确的目录调用了 Maven。-> [帮助 1]

如何配置 Jenkins 查看/Finance/Code的 pom 文件?

java git maven jenkins

3
推荐指数
1
解决办法
7835
查看次数

MySQL 按上周的名称对数据进行分组

我正在尝试编写一个查询来按工作日对过去 7 天的统计数据进行分组并返回以下内容:

    dayname | count(*)
-----------------------
Monday      |   3              
Tuesday     |   2        
Run Code Online (Sandbox Code Playgroud)

以上是我想要的输出,但是我似乎无法得到DAYNAME。

    Day(enquiries.created_at) | Count(enquiries.id)
-----------------------------------------------------
    1                         | 1
    3                         | 1
    4                         | 14
    31                        | 5
Run Code Online (Sandbox Code Playgroud)

上面的是我的电流输出和一个解释是,8月31日,9月1日等等......不过,我想按周日名称,而不是最新的。

这是我到目前为止的查询:

SELECT Day(enquiries.created_at), 
       Count(enquiries.id) 
FROM   enquiry_stats 
       LEFT JOIN enquiries 
              ON enquiry_stats.enquiry_id = enquiries.id 
WHERE  created_at >= Date_add(Curdate(), INTERVAL -7 day) 
GROUP  BY Day(enquiries.created_at);
Run Code Online (Sandbox Code Playgroud)

我只是想知道如何不按天而是按日期对数据进行分组?

mysql

3
推荐指数
1
解决办法
364
查看次数

Vue.js 和 Vuetify 插槽范围

我真的只是不确定插槽范围是如何工作的。想知道是否有人可以帮助我解决这个(看似)非常简单的问题。

<v-data-table>
    <template slot="items" slot-scope="props">
        <tr @click="props.expanded = !props.expanded">
Run Code Online (Sandbox Code Playgroud)

我要做的是手动更新“道具”以根据外部事件扩展这一行。问题是,我无法弄清楚如何在上述上下文之外访问它。该props.expanded = !props.expanded工作得很好。

有任何想法吗?

javascript vue.js vuetify.js

3
推荐指数
1
解决办法
8008
查看次数

3
推荐指数
1
解决办法
1363
查看次数

Nuxt.js:理解 &lt;nuxt-child&gt; 组件

在 Nuxt.js 中,我做了这个文件夹结构:

??? parent
?   ??? child1.vue
?   ??? child2.vue
??? parent.vue
Run Code Online (Sandbox Code Playgroud)

parent.vue 中,我有这个:

<template>
    <div>
        <h3>Parent element</h3>
        <ul>
            <li><nuxt-child/></li>
            <li><nuxt-child/></li>
        </ul>
    </div>
</template>
Run Code Online (Sandbox Code Playgroud)

child1.vue 中

<template>
    <div>
        <h3>Child 1</h3>
    </div>
</template>
Run Code Online (Sandbox Code Playgroud)

child2.vue 中

<template>
    <div>
        <h3>Child 2</h3>
    </div>
</template>
Run Code Online (Sandbox Code Playgroud)

我启动服务器(yarn run dev)并转到这个URI:http://localohost:3000/parent我看到这个:

Parent element    
     - 
     -  
Run Code Online (Sandbox Code Playgroud)

如果我去http://localohost:3000/parent/child1,我会看到:

Parent element    
     - Child 1
     - Child 1
Run Code Online (Sandbox Code Playgroud)

如果我去http://localohost:3000/parent/child2,我会看到:

Parent element    
     - Child 2
     - Child 2
Run Code Online (Sandbox Code Playgroud)

题:

从 …

javascript vue.js nuxt.js

3
推荐指数
1
解决办法
1万
查看次数

Vuetify.js:使用v-hover组件在鼠标悬停事件上设置CSS类

我试图根据是否有鼠标悬停来更改类以应用于Vuetify.js组件:

<v-card
    class="mx-auto"
    width="344"
  >
    <v-hover>
    <v-card-title
      slot-scope="hover"
      :class="`${hover? class1: class2}`">
      <div>
        <span class="headline">Hover</span>              
        </div>
      </div>

    </v-card-title>
    </v-hover>
  </v-card>
Run Code Online (Sandbox Code Playgroud)

CSS类仅设置background-color属性:

.class1 {
  background-color:red;
}

.class2 {
  background-color:blue;
}
Run Code Online (Sandbox Code Playgroud)

由于某种原因,这是行不通的。我想念什么?

Codepen。

javascript vuetify.js

3
推荐指数
1
解决办法
4868
查看次数

如何使用 v-select 列表显示 vuetify 数据表的隐藏列?

我正在研究 VueJs 模板,我有一个 Vuetify 数据表,我创建了一个表标题的选择列表。

在选择列表的基础上,如果任何标题未选中,我想显示和隐藏表格的列,那么它将从表格​​中隐藏,就像选中然后将出现在表格中一样。

选择列表:

<v-select
  v-model="value"
  :items="headers"
  label="Select Item"
  multiple
>
  <template v-slot:selection="{ item, index }">
    <v-chip v-if="index === 0">
      <span>{{ item.text }}</span>
    </v-chip>
    <span
      v-if="index === 1"
      class="grey--text caption"
    >(+{{ value.length - 1 }} others)</span>
  </template>
</v-select>
Run Code Online (Sandbox Code Playgroud)

代码笔

javascript vue.js vuetify.js

3
推荐指数
1
解决办法
5145
查看次数

解析XML的算法

我正在阅读关于解析XML的一个面试问题.

我写了一个非常高级别且不完整的算法骨架,并且正在寻找一些帮助来编写一个简单的算法[我假设一个存在,因为这被问为一个面试问题所以应该在45分钟内可行].

这是我的尝试:

   // Assume well-formedness
    public static Node parseXML(String xml)
    {

        Node root = new XMLParse().new Node();

        while(!helper.endOfElements())
        {
            // Returns name of root element
            root.name = helper.getName(xml);
            // Returns value of root element
            root.name = helper.getValue(xml);

            // returns each child in a String and returns all such children as 
            // a String Array
            // Basically splits based on <> </> elements and return that as a String
            String[] children = helper.getChildren(xml);

            if(children.length!=0)
            {
                root.childList = new …
Run Code Online (Sandbox Code Playgroud)

java xml

2
推荐指数
1
解决办法
7991
查看次数

.htaccess不让robot.txt通过

我的root中有以下.htaccess文件:

Options +FollowSymlinks
RewriteEngine on
RewriteBase /
RewriteRule ^(.*)\/(\?.*)?$ $1$2 [R=301,L]
RewriteRule ^([^/]*)$ index.php?page=$1 [NC]
Run Code Online (Sandbox Code Playgroud)

这可以用来缩短我的所有网址到website.com/something

问题是谷歌无法robots.txt在我的根目录中找到我的文件.上面的文件没有让它通过.当它输入website.com/robots.txt时,我找不到404.但是,如果我注释掉上面的.htaccess代码,我就可以了.

如何在不干扰其他网址的情况下编辑我的.htaccess文件robots.txt

.htaccess robots.txt

2
推荐指数
1
解决办法
1万
查看次数

标签 统计

javascript ×4

vue.js ×3

vuetify.js ×3

java ×2

.htaccess ×1

bulma ×1

cmd ×1

css ×1

docker ×1

git ×1

html ×1

jenkins ×1

maven ×1

mysql ×1

nuxt.js ×1

odoo ×1

python ×1

robots.txt ×1

ubuntu ×1

xml ×1