小编vsy*_*ync的帖子

旋转和翻译

我在旋转和定位一行文字方面遇到了一些问题.现在它只是有效的位置.旋转也可以,但只有我禁用定位.

CSS:

#rotatedtext {
    transform-origin: left;
    transform: rotate(90deg);
    transform: translate(50%, 50%);
}
Run Code Online (Sandbox Code Playgroud)

html只是纯文本.

css webkit transform css3 css-transforms

77
推荐指数
4
解决办法
11万
查看次数

如何在React.js中使用Google字体?

我用React.jswebpack构建了一个网站.

我想在网页中使用Google字体,因此我将链接放在该部分中.

谷歌字体

<link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet">
Run Code Online (Sandbox Code Playgroud)

并设置CSS

body{
    font-family: 'Bungee Inline', cursive;
}
Run Code Online (Sandbox Code Playgroud)

但是,它不起作用.

我怎么解决这个问题?

google-font-api reactjs webpack

76
推荐指数
11
解决办法
7万
查看次数

使用JavaScript检查元素CSS显示

是否可以检查元素的CSS display == blocknone使用JavaScript?

javascript css

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

如何将颜色应用于SVG Text元素

好的......我在这里疯了.我已经开始尝试使用SVG了.使用SVG并将CSS类应用于它就像一个魅力.我只是无法弄清楚我做错了什么,但我不能让这个类在svg文本元素上工作.我一直把它剥掉了,这就是我得到的:

<!DOCTYPE html>
<html>
<head>
    <meta charset='UTF-8'>
    <title>Playground</title>
</head>
<body>
    <style type="text/css">
        .mainsvg {
            height: 320px;
            border: 1px solid red;
            width: 400px;
        }
        .caption {
            color: yellow;
        }
    </style>
    <h2>SVG - Sandbox</h2>
    <div>
        <svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="mainsvg">
            <text x="65" y="40" class="caption">Fact</text>
        </svg>
    </div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

根据http://www.w3.org/TR/SVG/styling.html#ClassAttribute这应该工作...

关于改变什么或替代方案的任何提示/提示?

html5 svg text css3

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

Vue 3 中的 ref 与反应式?

看一些人的 Vue 3 预览教程的一些例子。 [目前是测试版]

我找到了两个例子:

反应式

<template>
  <button @click="increment">
    Count is: {{ state.count }}, double is: {{ state.double }}
  </button>
</template>

<script>
import { reactive, computed } from 'vue'

export default {
  setup() {
    const state = reactive({
      count: 0,
      double: computed(() => state.count * 2)
    })

    function increment() {
      state.count++
    }

    return {
      state,
      increment
    }
  }
}
</script>
Run Code Online (Sandbox Code Playgroud)

参考

<template>
  <div>
    <h2 ref="titleRef">{{ formattedMoney }}</h2>
    <input v-model="delta" type="number">
    <button @click="add">Add</button>
  </div>
</template>

<script>
import { ref, computed, …
Run Code Online (Sandbox Code Playgroud)

vuejs3 vue-composition-api

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

防止滚动从元素冒泡到窗口

我有一个包含一个iframe一个模式对话框窗口(弹出),
以及里面的iframe有一个DIV是滚动的.

当我滚动iframe的内部DIV,并且它已达到其上限或下限时,
浏览器本身的窗口开始滚动.这是一种不受欢迎的行为.

我尝试过这样的东西,当
onMouseEnter鼠标进入弹出框区域时会杀死主窗口滚动:

e.preventDefault()由于某种原因不能正常工作......

$("#popup").mouseenter(function(){
   $(window).bind("scroll", function(e){
        e.preventDefault();
   }); 
}).mouseleave(function(){
    $(window).unbind("scroll");
});
Run Code Online (Sandbox Code Playgroud)

更新

好像现在在2013年e.preventDefault();就够了......

html javascript jquery events scroll

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

每次我运行任何东西,我得到一个断言错误. - 必须指定任务功能

我正在尝试运行下面的命令,但不幸的是我遇到了错误.

$ gulp build
Run Code Online (Sandbox Code Playgroud)

在我的终端,我得到这个断言错误.我已经卸载了节点NPM并使用brew再次重新安装 - 如何完全卸载Node.js,并从头开始重新安装(Mac OS X).我的节点版本是v10.5.0,npm版本是6.1.0.

我的系统是MacOS High Sierra 10.13.2

assert.js:269
    throw err;
    ^

AssertionError [ERR_ASSERTION]: Task function must be specified
    at Gulp.set [as _setTask] (bulkit/startup-kit/node_modules/undertaker/lib/set-task.js:10:3)
    at Gulp.task (startup-kit/node_modules/undertaker/lib/task.js:13:8)
    at Object.<anonymous> 
    at Module._compile (internal/modules/cjs/loader.js:702:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:713:10)
    at Module.load (internal/modules/cjs/loader.js:612:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:551:12)
    at Function.Module._load (internal/modules/cjs/loader.js:543:3)
    at Module.require (internal/modules/cjs/loader.js:650:17)
    at require (internal/modules/cjs/helpers.js:20:18)
Run Code Online (Sandbox Code Playgroud)

的package.json

{
    "name": "bulkit-startup",
    "version": "0.0.1",
    "description": "Bulkit Startup Kit",
    "main": "Gruntfile.js",
    "devDependencies": {
        "autoprefixer": "^6.3.6",
        "browser-sync": …
Run Code Online (Sandbox Code Playgroud)

gulp gulp-watch

53
推荐指数
9
解决办法
5万
查看次数

循环在Jade(目前称为"Pug")模板引擎

我想用一个简单的循环for(int i=0; i<10; i++){}.

我如何在Jade引擎中使用它?我正在使用Node.js并使用expressjs框架.

javascript for-loop express pug

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

找不到模块:错误:无法解析“fs”

好吧,我将 Angular 从 6 升级到了 8。但我仍然遇到错误。

我在互联网上找到了一个对很多用户都有帮助的解决方案。但在这种情况下,它对我没有帮助。

所以我的 package.json 文件看起来像这样:

{
  "name": "vital10-frontend",
  "version": "0.55.0",
  "license": "Unlicensed",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "hmr": "ng serve --configuration hmr",
    "build": "ng build",
    "build:prod": "npm run sass:prod && npm run vit10prod",
    "build:acc": "npm run sass:prod && npm run vit10acc",
    "build:test": "npm run sass:prod && npm run vit10test",
    "build:dev": "npm run sass:prod && npm run vit10dev",
    "test": "ng test",
    "test:cover": "ng test --code-coverage",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "local": "ng serve …
Run Code Online (Sandbox Code Playgroud)

javascript angular

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

我不调试时如何禁用console.log?

我的代码中有很多console.log(或任何其他控制台调用),我只想在我的应用程序处于某种"调试模式"时才使用它们.

我似乎无法使用某种记录器功能和内部使用,console.log因为那时我不知道什么线发射它.也许只有try/catch,但我的日志非常通用,我不想在我的代码中尝试/ catch.

你会推荐什么?

javascript debugging logging

47
推荐指数
5
解决办法
4万
查看次数