小编tat*_*tsu的帖子

谁能告诉我为什么当我 console.log heightSet 时我变得未定义？

componentDidMount() {
    this.updateDimensions();
    window.addEventListener('resize', this.updateDimensions.bind(this));
}

componentWillUnmount() {
    window.removeEventListener('resize', this.updateDimensions.bind(this));
}

updateDimensions() {
    this.setState({ heightSet: document.scrollHeight });
    console.log(document.clientHeight);
}

相同的 console.log 为 window.innerHeight 工作（clientHeight 也未定义），但我不想要内部高度，我想要 scrollHeight。

谢谢

我看不到让它工作：

echo $VERSIONNUMBER

我得到：v0.9.3-beta

VERSIONNUMBERNAME=${VERSIONNUMBER:1}
echo $VERSIONNUMBERNAME

我得到：0.9.3-beta

VERSION=${VERSIONNUMBERNAME/./_}
echo $VERSION

我得到：0_9.3-beta

我想要：0_9_3-beta

我一直在用谷歌搜索我的大脑，我无法弄清楚它的正面或反面。

理想情况下，我想删除 v 并在一行中用下划线替换句点。

我更喜欢重构,所以在同一个文件中有样式,因为我的html让我烦恼.

我不想使用<style>填充了css的html标签,这些标签与我的每个组件中的函数和方法交织在一起.

我想继续使用sass或scss文件.(单个文件是我自己的+ bootstrap和我在网上提取的其他通用scss文件).

我该怎么做呢？

我试过了 :

import Vue from 'vue'
import App from './App'
import router from './router'
import './assets/scss/App.scss' <- this is the line I added that broke the app.

Vue.config.productionTip = false

new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: { App }
})

在我的main.js里面

但是我收到了404错误:

更新:

看看这个:在Webpack + VueJs中链接样式表和要求它们有什么区别？好奇我是否应该切换到使用链接？我尝试过,但我不知道应该把它放在哪里.

我应该指明我从这个脚手架开始:https://github.com/vuejs/vue-cli

第二次更新:

我一直在关注指南:https://medium.com/@mahesh.ks/using-sass-scss-in-vue-js-2-d472af0facf9

我的问题是模糊适用于 div 的整个正方形而不是三角形。

如果这可以通过 svg 来完成，我很感兴趣。

html {
  background-image: url("https://www.terra.bzh/sites/terra/files/styles/normal_size/public/beverages-3105631_1920_2.jpg.webp?itok=Rf5o2Hr0");
  background-size: cover;
}

.triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 0 0 50px;
  border-color: transparent transparent transparent #FF000060;
  backdrop-filter: blur(0.2rem);
}

<div class="triangle"></div>

https://v3.vuejs.org/guide/installation.html#download-and-self-host

https://v3.vuejs.org/guide/installation.html#from-cdn-or-without-a-bundler

如何在没有 CDN 的情况下导入 vue？

所以我关心的是没有构建步骤。一切都在纯人类可读的 js 中。

我发现这个 https://github.com/maoberlehner/goodbye-webpack-building-vue-applications-without-webpack

我将尝试在统一嵌入式浏览器中实现它https://assetstore.unity.com/packages/tools/gui/embedded-browser-55459

挑战是我的界面无法从网络加载东西，也无法编译。

在 bash 中用大写字母替换某些内容非常简单：

echo to_camel_case__variable | sed -r 's/(.)_+(.)/\1\U\2/g;s/^[a-z]/\U&/'

但如果我不想更换怎么办？如果我只是想让变量帕斯卡大小写，但保留下划线怎么办？