小编mr.*_*ris的帖子

如何检测CSS flex wrap事件

我有灵活的容器里面有物品.如何检测flex wrap事件?我想将一些新的css应用于已经包装的元素.我想通过纯css检测包装事件是不可能的.但它将是非常强大的功能!当元素换行到新行/行时,我可以尝试通过媒体查询"捕获"此断点事件.但这是一种可怕的方法.我可以尝试通过脚本检测它,但它也不是很好.

看看图片

我很惊讶,但简单的$("#element").resize()无法检测flex容器的高度或宽度变化,以便将适当的css应用于子元素.大声笑.

我发现只有这个jquery代码的例子工作 jquery事件监听位置改变了

但仍然非常糟糕.

javascript css jquery flexbox

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

“vue.config.js”文件在哪里?

我刚刚开始学习 Vue,但我根本无法为我的容器设置环境。我使用 Cloud9,我必须根据此链接分配我的主机来为 Vue 应用程序提供服务。

不幸的是,我找不到vue.config.js文件来执行此操作。

Vue 文档中也没有路径指示。

"if it's present in your project root..."但如果不是呢?无论如何,去使用 React?:)

Vue 版本:3.1.1

javascript frontend web-config vue.js

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

在CSS Grid中将列宽设置为内容长度

我查看了文档,但没有找到这样的属性.我想使用css网格将一列中的所有单元格调整到其内容宽度.

对于第一种情况,我应该为容器应用此属性: grid-template-columns: auto auto;

但是我应该为第二种情况做些什么呢?

在此输入图像描述

css css3 css-grid

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

Windows CMake 上的 Rust 问题

我已经rustup-init.exe在我的 PC(Windows 10 专业版)上安装了 Rust,然后在 Microsoft Visual C++ Build Tools 2017 上安装了 CMake 选项的 Visual C++ 工具。

举个简单的例子,没有问题:

fn main() {
   println!("Hello world!");
}
Run Code Online (Sandbox Code Playgroud)

我执行cargo run命令,结果我得到Hello world!了预期的结果。


但现在我想看看Azul GUI 框架

主文件

extern crate azul;

fn main() {
   println!("Hello world!");
}
Run Code Online (Sandbox Code Playgroud)

Cargo.toml

[package]
name = "my_first_azul_app"
version = "0.1.0"
authors = ["Author"]
edition = "2018"

[dependencies]
azul = { git = "https://github.com/maps4print/azul" }
Run Code Online (Sandbox Code Playgroud)

当我执行cargo run命令时发生错误:

...

error: failed to run custom build …
Run Code Online (Sandbox Code Playgroud)

cmake rust rust-cargo visual-studio-2017-build-tools

6
推荐指数
1
解决办法
2540
查看次数

Flutter:在 iOS 中更改状态栏颜色

我想用package:flutter/services.dart包更改状态栏颜色,但它不起作用。我正在使用 Mac 和 iOS 模拟器:

  • 莫哈韦沙漠 10.14.6
  • iOS 12.2 模拟器/Xr
  • Flutter 1.9.1+hotfix.2
  • 工具 • Dart 2.5.0
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {

    SystemChrome.setSystemUIOverlayStyle(
      SystemUiOverlayStyle(
        statusBarColor: Colors.red // <-- doesn't work
      )
    );

    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        // This is the theme of your application.
        //
        // Try running your application with "flutter run". You'll …
Run Code Online (Sandbox Code Playgroud)

dart flutter flutter-layout

6
推荐指数
1
解决办法
6100
查看次数

Docker:docker-compose 将文件从容器复制到主机

我想在安装过程中将所有文件复制到docker-compose.yml文件中。

如果我运行:

$ git clone https://github.com/laravel/laravel.git laravel-app
$ cd laravel-app
$ docker run --rm -v $(pwd):/app composer install
Run Code Online (Sandbox Code Playgroud)

它将在 docker 容器中的安装过程中将所有新文件从容器复制到主机。

所以我会在安装后在我的目录中看到新的vendor文件夹和composer.lock文件laravel-app


但是,如果我将音量设置为docker-compose.yml

version: '3'
services:

  #PHP Service
  app:
    build:
      context: .
      dockerfile: Dockerfile
    container_name: app
    restart: unless-stopped
    tty: true
    environment:
      SERVICE_NAME: app
      SERVICE_TAGS: dev
    working_dir: /var/www
    volumes:
      - ./:/var/www
      - ./php/local.ini:/usr/local/etc/php/conf.d/local.ini
    networks:
      - app-network
Run Code Online (Sandbox Code Playgroud)

然后在Dockerfile以下位置设置安装过程:

FROM php:7.4.4-fpm

# Set working directory
WORKDIR /var/www

# Install dependencies
RUN …
Run Code Online (Sandbox Code Playgroud)

php laravel docker dockerfile docker-compose

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

NodeJS 从 webRTC 服务器上的网络摄像头获取视频源

我想从 NodeJS 服务器上的网络摄像头获取视频源,以通过 WebRTC 将视频流式传输到客户端。有很多例子如何仅针对浏览器(客户端)实现这一点,但我仍然找不到任何可靠的 NodeJS(服务器端)解决方案。

在示例中,这是客户端获取视频源的基本脚本:

navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
var constraints = {audio: false, video: true};
var video = document.querySelector("video");
function successCallback(stream) {
  // stream available to console so you could inspect it and see what this object looks like
  window.stream = stream;
  if (window.URL) {
    video.src = window.URL.createObjectURL(stream);
  } else {
    video.src = stream;
  }
  video.play();
}
function errorCallback(error) {
  console.log("navigator.getUserMedia error: ", error);
}
navigator.getUserMedia(constraints, successCallback, errorCallback);
Run Code Online (Sandbox Code Playgroud)
<div id='video-space'>
  <video autoplay></video>
</div> …
Run Code Online (Sandbox Code Playgroud)

javascript video-streaming node.js webrtc

5
推荐指数
0
解决办法
2044
查看次数

macOS 更新后 ios 模拟器丢失设备

macOS 更新(macOS Mojave 10.14.6,最新更新)后,iOS 模拟器中许多设备丢失。

6s、7、X等设备缺失。

如何恢复或让该设备返回列表(适用于 iOS 13)?

在此输入图像描述

xcode ios ios-simulator

5
推荐指数
1
解决办法
1058
查看次数

Laravel 5.6 如何逐行读取文本文件

如果没有 Laravel,我可以使用简单的代码逐行读取文本文件:

$file = fopen("whatever/file.txt", "r") or exit("Unable to open file!");

while(!feof($file)) {
   echo fgets($file). "<br>";
}

fclose($file);
Run Code Online (Sandbox Code Playgroud)

使用 Laravel,由于本地文件存储位置,这个简单的事情变得势不可挡。

即我可以使用Storage::get('whatever/file.txt')方法获取文件内容,但是如何只获取一个文件然后循环读取它?

我尝试使用File::get('whatever/file.txt')方法但得到一个错误:File does not exist at path

如何使用 Laravel 从本地存储(非公共)逐行读取文件?

php file laravel

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

Laravel:如何将路由缓存5分钟?

我想在Laravel项目中缓存一条路由,并每5分钟清除一次。

我搜索了一堆文章,但仅找到artisan route:cache命令,我不知道是否可以配置缓存时间。

所以,这是我的路线routes/web.php

$router->group(['middleware' => ['api','cors']], function () use ($router) {
    $router->get('game', ['uses' => 'GameController@checkGameStatus']);
    $router->get('promo', ['uses' => 'PromoController@sendPromoCode']);
    $router->get('get_leaders', ['uses' => 'GameController@getLeaders']); // <-- cache this for 5m
});
Run Code Online (Sandbox Code Playgroud)

每次用户加载评分页面时,该getLeaders()功能都会启动数据库请求以获取并计算所有用户结果。因此,我想减少数据库负载,并使其每5分钟计算一次所有结果。其余时间get_leaders路由应仅发送回缓存的json输出。

如何设置这样的配置?是否可以只使用Laravel(工匠)来做,还是应该更改.htaccess文件(我正在使用apache)?

php .htaccess caching laravel artisan

3
推荐指数
2
解决办法
41
查看次数