小编Sup*_*rDJ的帖子

当我尝试编译.ts文件时，出现以下错误：

Module build failed: Error: Typescript emitted no output for C:\xampp\htdocs\node-api\src\js\server.ts. 
at successLoader (C:\xampp\htdocs\node-api\node_modules\ts-loader\dist\index.js:39:15)
at Object.loader (C:\xampp\htdocs\node-api\node_modules\ts-loader\dist\index.js:21:12)

为了进行编译，我使用以下配置文件。

Webpack：

const path = require( 'path' ),
    CleanWebpackPlugin = require( 'clean-webpack-plugin' );

module.exports = env => {
    return {
        mode: env.dev ? 'development' : 'production',
        entry: {
            'server': './src/js/server.ts'
        },
        output: {
            path: __dirname,
            filename: './dist/js/[name].js',
        },
        externals: '/node_modules',
        module: {
            rules: [
                {
                    test: /\.js$/,
                    exclude: ['/node_modules/', '/src/scss/'],
                    use: [
                        'babel-loader'
                    ]
                },
                {
                    test: /\.ts(x?)$/,
                    exclude: ['/node_modules/', '/src/scss/'],
                    use: [ …

我正在尝试测试我的 vue 组件，但是我总是收到以下错误：

在 Object 中找不到模块“babel-core”。(node_modules/vue-jest/lib/compilers/babel-compiler.js:1:15)

包.json：

"devDependencies": {
    "@babel/core": "^7.2.2",
    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
    "@babel/preset-env": "^7.3.1",
    "@vue/test-utils": "^1.0.0-beta.29",
    "babel-jest": "^24.1.0",
    "babel-loader": "^8.0.5",
    "css-loader": "^2.1.0",
    "file-loader": "^3.0.1",
    "jest": "^24.1.0",
    "mini-css-extract-plugin": "^0.5.0",
    "node-sass": "^4.11.0",
    "sass-loader": "^7.1.0",
    "style-loader": "^0.23.1",
    "vue": "^2.6.6",
    "vue-jest": "^3.0.3",
    "vue-loader": "^15.6.2",
    "vue-router": "^3.0.2",
    "vue-template-compiler": "^2.6.6",
    "webpack": "^4.29.3",
},

.babelrc

{
    "presets": [
        "@babel/preset-env"
    ],
    "plugins": [
        "@babel/plugin-syntax-dynamic-import"
    ]
}

开玩笑的配置文件

module.exports = {
    verbose: true,
    moduleFileExtensions: [ "js", "json", "jsx", "ts", "tsx", "node", "vue" ],
    transform: {
        // process js …

我有一个 DIV 容器，.floatingPage它绝对位于另外两个 DIV 容器.top和.bottom. 我的问题是.floatingPage元素的内容是动态的，有时包含大量数据，这些数据延伸.floatingPage到屏幕的可见部分下方。

.top { 
  height:350px; 
  background:'images/background.png'; 
  position:relative; 
}

.bottom { 
  height:350px; 
  background:#F1F1F1; 
}

.floatingPage { 
  position:absolute; 
  top:50px; 
}

<div class="top">
    <div class="floatingPage">
        // blah blah blah (lots of data)
    </div>
</div>

现在，因为我知道我的应用程序的用户使用 JS（公司控制面板），我一直在计算.floatingPage元素的高度并扩展 的高度.bottom以适应新内容。到目前为止，这一直没问题，并开始引起问题。另外，我不想为其他用户没有 JS 的项目做这个 hack。

我需要这个floatingPage元素漂浮在其他两个元素的顶部——这就是网站设计的重点。在没有 JS 的情况下，如何保持这种影响但防止它离开页面？

让我们假设有以下 CSS：

.box {
  width: var(--box-size);
  height: var(--box-size);
  border: 1px solid red;
}

.box--larger {
  --box-size: 66px;
}

.box--larger1 {
  --box-size: calc(var(--box-size) + var(--box--larger));
}

.box--larger2 {
  --box-size: calc(50px + var(--box--larger));
}

:root {
  --box-size: 50px; 
  --box--larger: 16px;
}

<div class="box">1</div>
<div class="box box--larger">2</div>
<div class="box box--larger1">3</div>
<div class="box box--larger2">4</div>

我想知道为什么框 1 和框 2 有效而框 3 不起作用。我希望框 3 看起来与框 2 相同，但事实并非如此。我在 Chrome 中测试了 box 3 的方法，我发现var(--box-size)它没有显示值但var(--box-larger)确实返回了正确的值（16px）。

有人可以解释为什么框 3 的方法不起作用。我的意思是对我来说它看起来像有效的 CSS。

这些线到底是用来做什么的？扩展程序的名称是什么？

我有一个foreach循环，我的代码看起来是这样的：

foreach($items as $item){
    echo $item['title'];
}

例如，我的循环中有15个项目。我的循环将输出如下内容：

item 1
item 2
item 3
item 4
item 5
item 6
item 7
item 8
item 9
item 10
item 11
item 12
item 13
item 14 
item 15

如何在3列（如下面的div或表中的示例）中显示结果？

    item 1       item 6      item 11
    item 2       item 7      item 12
    item 3       item 8      item 13
    item 4       item 9      item 14
    item 5       item 10     item 15

这是显示我的问题的图像 >> https://imgur.com/a/YpvMAYq << 这是我的 html 代码：

.form-control {
    width: 600px;
    fill: none;
    background: transparent;
    border: none;
    border-bottom: 1px solid grey;
    font-size: 18px;
    margin-bottom: 16px;
}

<form id="contactForm" method="POST" action="">
  <input name="fName" type="text" class="form-control" placeholder="What should I call you? Person X?" required>
  <br>
  <input name="email" type="email" class="form-control" placeholder="Only, if you want to be emailed back">
  <br>
</form>

谢谢您阅读此篇 ;）

我正在服务器端（HTML 代码）上编写一个 stringbuilder，并通过 ajax 向 jquery 函数发送响应，将这个 HTML 放在适当的位置。在服务器端决定哪个复选框将被选中。到现在为止还挺好。

我想为选中的复选框选择标签并更改颜色，以便选中的国家/地区的颜色不同。我的问题是我无法选择所需的标签并更改颜色属性。我尝试了你所看到的，当然还使用了类+和>和:before和其他奇怪的东西......

那么，如何选择它们并更改标签上的任何属性？

我想用 CSS 来做，我知道如何用 jquery 来做，但它似乎错了。

label + input.chkCountry[type="checkbox"]:checked  {color:green;}

<ul class="chkbox">
  <li><label class="lblCountry" for="chkCC_AF"><input type="checkbox" class="chkCountry" id="chkCC_AF" name="chk_AF" value="AF" checked="checked">Afghanistan</label></li>
  <li><label class="lblCountry" for="chkCC_AL"><input type="checkbox" class="chkCountry" id="chkCC_AL" name="chk_AL" value="AL">Albania</label></li>
  <li><label class="lblCountry" for="chkCC_DZ"><input type="checkbox" class="chkCountry" id="chkCC_DZ" name="chk_DZ" value="DZ">Algeria</label></li>
  <li><label class="lblCountry" for="chkCC_AS"><input type="checkbox" class="chkCountry" id="chkCC_AS" name="chk_AS" value="AS">American Samoa</label></li>
</ul>

我有一个容器(称为#thumbs),在4个子容器(.preview)内,其中2个图像是内联显示的.

我试图在边界附近.preview.但是,该容器比图像本身短,我无法弄清楚如何使它们具有相同的高度.

请在这里查看我的小提琴http://jsfiddle.net/jayden/7Uy2v/

HTML:

 #thumbs .preview {
    width: auto;
    display: inline;
    padding: 0;
    margin: 14px;
    border:2px solid red;
}

#thumbs .preview img {
    height:100px;
}   

CSS:

<div id="thumbs">
    <div class="preview">
        <img src="http://st.depositphotos.com/1001435/3316/i/950/depositphotos_33165059-Happy-Person-in-the-field.jpg"/>
        <img src="http://st.depositphotos.com/1001435/3316/i/950/depositphotos_33165059-Happy-Person-in-the-field.jpg"/>
    </div>
    <div class="preview">
        <img src="http://st.depositphotos.com/1001435/3316/i/950/depositphotos_33165059-Happy-Person-in-the-field.jpg"/>
        <img src="http://st.depositphotos.com/1001435/3316/i/950/depositphotos_33165059-Happy-Person-in-the-field.jpg"/>
    </div>
    <div class="preview">
        <img src="http://st.depositphotos.com/1001435/3316/i/950/depositphotos_33165059-Happy-Person-in-the-field.jpg"/>
        <img src="http://st.depositphotos.com/1001435/3316/i/950/depositphotos_33165059-Happy-Person-in-the-field.jpg"/>
    </div>
    <div class="preview">
        <img src="http://st.depositphotos.com/1001435/3316/i/950/depositphotos_33165059-Happy-Person-in-the-field.jpg"/>
        <img src="http://st.depositphotos.com/1001435/3316/i/950/depositphotos_33165059-Happy-Person-in-the-field.jpg"/>
    </div>
</div>
   

请注意,图像只是此问题的临时占位符,因为图像名称是由我们的系统动态生成的.

提前谢谢了!

当工作完成时,我试图抓住一个事件

测试代码:

class MyTest extends TestCase {

   public function testJobsEvents ()
   {
           Queue::after(function (JobProcessed $event) {
               // if ( $job is 'MyJob1' ) then do test
               dump($event->job->payload());
               $event->job->payload()
           });
           $response = $this->post('/api/user', [ 'test' => 'data' ], $this->headers);
           $response->assertSuccessful($response->isOk());

   }

}

UserController中的方法:

public function userAction (Request $request) {

    MyJob1::dispatch($request->toArray());
    MyJob2::dispatch($request->toArray());
    return response(null, 200);
}

我的工作:

class Job1 implements ShouldQueue {
    use Dispatchable, InteractsWithQueue, Queueable, SerializesModels;

     public $data = [];

     public function __construct($data)
     {
         $this->data= $data;
     }

      public function handle() …

我正在尝试从我的数据库中检索数据.我需要三个数据:kaupunki_id,Opisto和pisteet_1.问题是它们都在不同的表中.我的代码确实检索了正确的数据,但它不是超级自动的.目前变量$ t决定选择哪个数据.

我的表结构:

表名:pisteet

表名:oppilaitokset

表名:kaupungit

我需要的是:对于每个opisto(行),我需要获得匹配的pisteet_1(行)并计算点的平均值.然后<td>使用匹配的kaupunki_id(row)类在a中回显它.

在表oppilaitokset中,可以有多行具有相同的kaupinki_id(行) ID.

我的代码正在运行,但只显示一个结果而且不是那么自动:

$keskiynnays = 0;
$kerto=0;
foreach ($db->query("SELECT kaupunki_id FROM pisteet") as $kaupunki_id) {
    foreach ($kaupunki_id as $kaikkinimet => $t) {
        $t= 1;
        foreach ($db->query("SELECT opisto FROM oppilaitokset WHERE kaupunki_id = '$t'") as $kaupungit) {
            foreach ($kaupungit as $kaupunki => $k) {
            }
        }
        foreach ($db->query("SELECT pisteet_1 FROM pisteet WHERE opisto_id = '$t'") as $keskiarvo1) {
            foreach …