小编Gij*_*ese的帖子

我正在使用以下代码通过将高度降低到0px来为v-if元素设置动画.动画效果很好.但问题是我要指定元素的初始高度是CSS.对于一个元素,这没关系,但我想将此动画应用于多个元素.我怎样才能解决这个问题？无论高度如何,动画效果都很好!

<transition name="fadeHeight" mode="out-in">
<div v-if="something">
<p>something over here where the height is not constant</p>
</div>
</transition>

.fadeHeight-enter-active,
.fadeHeight-leave-active {
  transition: all 0.2s;
  height: 230px;
}
.fadeHeight-enter,
.fadeHeight-leave-to
{
  opacity: 0;
  height: 0px;
}

我正在构建一个脚本，该脚本将检查网站是否正在使用SSL。例如，我们使用“ http://www.google.com/ ”，它将被重定向到“ https://www.google.com/ ”。我该如何检查？我正在使用以下cURL代码来获取网站的标头。

<?php
$url = 'https://www.google.com';
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url); // set url
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
curl_setopt($ch, CURLOPT_NOBODY, true);
curl_setopt($ch, CURLOPT_USERAGENT, "Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6"); // set browser/user agent
curl_setopt($ch, CURLOPT_HEADERFUNCTION, 'read_header'); // get header
curl_exec($ch);

function read_header($ch, $string) {
    print "Received header: $string";
    return strlen($string);
}
?>

输出：

HTTP/1.1 302 Found 
Cache-Control: private 
Content-Type: text/html; charset=UTF-8 
Location: https://www.google.co.in/?gfe_rd=cr&ei=YEAkV7SEFrTv8wexyy0 
Content-Length: 259 
Date: Sat, 30 Apr 2016 05:19:28 GMT 
Alternate-Protocol: …

下面的代码从 CSS 文件中删除所有换行符和空格。但问题是 CSS 文件是否有这样的内容：

.sample {
    padding: 0px 2px 1px 4px;
}

输出将是：

.sample{padding:0px2px1px4px;}

我想要中间有空格（0px 2px 1px 4px）。

这是我使用过的代码：

$str=file_get_contents('sample.css');

//replace all new lines and spaces
$str = str_replace("\n", "", $str);
$str = str_replace(" ", "", $str);

//write the entire string
file_put_contents('sample.css', $str);

我用来IQKeyboardManager在使用键盘输入后保持文本字段上升。

即使单击文本字段，我也不想滚动到特定视图。下面是设计的屏幕截图。我希望“标题”保留在顶部。

从他们的文档来看，有一种方法可以使导航栏保持在顶部。

我在使用键盘开始键入时使用IQKeyboardManger库滚动文本字段,但我不想显示其库中的默认工具栏.以下是我用过的代码.

override func viewDidLoad() {
        super.viewDidLoad()

        self.chatTextField.inputAccessoryView = [[UIView alloc] init];  //This will remove toolbar which have done button.

        self.chatTextField.keyboardDistanceFromTextField = 8; //This will modify default distance between textField and keyboard. For exact value, please manually check how far your textField from the bottom of the page. Mine was 8pt.    

    }

当我运行“npm run build”时，我得到的不是单个 build.js 文件，而是 4 或 5 个 javascript 文件。这些 javascript 文件的大小约为 1MB。为什么会这样？

下面是文件夹结构

构建.js

// https://github.com/shelljs/shelljs
require('./check-versions')()
require('shelljs/global')
env.NODE_ENV = 'production'

var path = require('path')
var config = require('../config')
var ora = require('ora')
var webpack = require('webpack')
var webpackConfig = require('./webpack.prod.conf')

console.log(
  '  Tip:\n' +
  '  Built files are meant to be served over an HTTP server.\n' +
  '  Opening index.html over file:// won\'t work.\n'
)

var spinner = ora('building for production...')
spinner.start()

var assetsPath = path.join(config.build.assetsRoot, config.build.assetsSubDirectory) …

我试图从外部在“方法”内部调用函数。但是，它不起作用。

Github问题报告相同：https : //github.com/vuejs/vue/issues/329

vm.test(); // call a function in method, not working
this.vue.test()  // not working
export default {
  methods: {
    test: function() {
      alert('test fuction called');
    }
  }
}

我一直在遵循指南：https : //vuejs.org/v2/guide/class-and-style.html#Binding-Inline-Styles for VueJS中的内联CSS。但是在某些情况下，它不起作用。

：style =“ {background：colorSelected}” //工作

以下给出错误信息：-无效表达式：：style =“ {border-color-left：colorSelected}”

：style =“ {border-color-left：colorSelected}” //不起作用

我使用PHP创建了一个缩略图创建器.生成的缩略图应该具有相同的大小.但问题是使用上传具有不同宽高比的图像,如风景或肖像缩略图变得难看.所以我创建了上面的图片以供澄清.无论上传的图像是什么,它都会被放入矩形图像中.因此纵横比不会改变,缩略图的大小也会相同.任何人都可以帮助我或者说一些想法吗？

我正在使用Cheerio来查找网页内最大的图像。这是我使用的代码：

  const { src } = $('img')
      .map((i, el) => ({
        src: el.attribs.src,
        width: el.attribs.width ? Number(el.attribs.width.match(/\d+/)[0]) : -1,
      }))
      .toArray()
      .reduce((prev, current) => (prev.width > current.width ? prev : current));

但是，仅当 with width 内联于 img 时，它才有效。如果没有宽度，我会将其宽度设置为-1并在排序时考虑它

有没有办法使用Puppeteer找到网页中最大的图像而不需要这些技巧？由于浏览器正在渲染所有这些，因此它可以轻松找出哪一个是最大的