标签: frontend

无法更改默认的 nuxt 图标

我是 nuxt 的新手,并试图更改我项目中的默认图标。

我改变了favicon.pngfavicon.ico我的static文件夹中。=>没用

更改了我的文件夹中的favicon.png和。=>没用favicon.icodist

替换了我的dist/_nuxt/icons文件夹中由图标生成器网站生成的正确文件。=>没用

这是我的 nuxt.config.js

head: {
    title: "my first nuxt proj - main page",
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: pkg.description }
    ],
    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.png' }],
  },
Run Code Online (Sandbox Code Playgroud)

我错过了什么吗?

javascript favicon frontend vue.js nuxt.js

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

错误:尝试发出本地主机请求时 Insomnia 出现 SSL 连接错误

通常,当在环境中创建 BaseUrl 或定义请求 url 来测试 API 时,开发人员最终会忘记并放置 Https:// 而不是放置 Http://进行本地测试。所以出现SSL连接错误,只需设置为http并测试即可。

frontend backend node.js reactjs insomnia

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

在 jsconfig.json 中找不到“import-resolver-typescript/lib”错误

问题:

错误File '/Users/nish7/Documents/Code/WebDev/HOS/frontend/node_modules/eslint-import-resolver-typescript/lib' not found. The file is in the program because: Root file specified for compilation

复制步骤:

  • 创建下一个应用程序
  • npx jsconfig.json -t nextjs

jsconfig.json

    "compilerOptions": {
        "checkJs": false,
        "resolveJsonModule": true,
        "moduleResolution": "node",
        "target": "es2020",
        "module": "es2015",
        "baseUrl": ".",
        "paths": {
            "@/components/*": ["components/*"],
            "@/styles/*": ["styles/*"],
            "@/pages/*": ["pages/*"],
            "@/utils/*": ["utils/*"],
            "@/theme/*": ["theme/*"]
        }
    },
    "exclude": [
        "dist",
        "node_modules",
        "build",
        ".vscode",
        ".next",
        "coverage",
        ".npm",
        ".yarn"
    ],
    "typeAcquisition": {
        "enable": true,
        "include": ["react", "react-dom"]
    }
}


Run Code Online (Sandbox Code Playgroud)

eslint.rc

{
  "extends": ["next", "next/core-web-vitals"]
}

Run Code Online (Sandbox Code Playgroud)

眼镜 …

javascript frontend typescript visual-studio-code next.js

14
推荐指数
1
解决办法
2934
查看次数

Backbone.js前端有RESTful Rails后端吗?

我开始使用PHP开发Web开发世界,最近几年开始使用Rails.从那时起,我一直在Rails中完成所有的Web项目.

最近似乎有一种趋势,即将Rails作为纯REST后端服务,并使用Backbone.js等前端框架进行所有前端交互.我想知道你们对它们有什么看法?这将是最终的未来吗?

同样,除了Backbone.js之外,为此目的还有哪些其他前端框架的替代方案?

另外假设我想支持我的应用程序的桌面版和移动版,这是一条正确的选择吗?那么我将有一个具有不同前端服务的后端服务?这样我就不需要管理Rails方面的所有视图了?

谢谢!

model-view-controller frontend ruby-on-rails backbone.js

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

AngularJS路由与后端路由

我想在我的下一个项目中使用AngularJS.使用Python后端和html5的应用程序,Angular前端.

我将在后端使用MVC框架,我有点困惑.我是否必须在后端使用路由并且还要使用前端?

因为我总是在前端使用后端路由和路由对我来说真是个新想法.

客户端路由更好吗?当我选择使用前端路由时,后端没有路由?所有请求都会发送到一个网址?

frontend backend url-routing angularjs

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

Gulp更改整个任务的工作目录

我正在处理一个gulp文件,其中包含我的站点的前端和后端的任务.
例如,下面的任务将我的脚本连接到app.js:

gulp.task 'frontend:scripts', ->
    gulp.src frontendPath(scriptsFolder, scriptsPattern)
        .pipe sourcemaps.init()
        .pipe coffee()
        .pipe concat 'app.js'
        .pipe sourcemaps.write('.')
        .pipe gulp.dest frontendPath(tempFolder, scriptsFolder)
Run Code Online (Sandbox Code Playgroud)

正如您所看到的,我已经创建了一个帮助程序来提供正确的前端路径:

frontendPath = (dirs...) -> path.join.apply null, ['frontend'].concat(dirs)
Run Code Online (Sandbox Code Playgroud)

但我必须非常小心,我的任务的所有步骤(尤其是.src和.dest)都在前端文件夹中执行.

我知道您可以使用该{ cwd: 'frontend' }选项更改.src和.dest的工作目录.但有没有办法改变任务的整个工作目录?

frontend backend task working-directory gulp

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

Relay和Redux可以一起工作吗?

如果他们可以通过什么方式整合它们?一些(反)模式?

我花了一些时间来学习它们,但仍然无法找到在单个应用程序中利用它们(以及它们的优点)的方法.

javascript frontend reactjs redux relayjs

13
推荐指数
0
解决办法
1881
查看次数

在Vue中隐藏div onclick

单击时如何用Vue.js隐藏元素?只有一个要隐藏的元素.

一个jQuery解决方案看起来像这样:

$('.button').click(function() {
  $('.hideme').hide();
);
Run Code Online (Sandbox Code Playgroud)

但是Vue.js与此相当的是什么?

javascript frontend vue.js

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

如何删除 [vue/no-use-v-if-with-v-for] 警告?

所以我有一个支持 v-for 和 v-if 的 div 元素,如果它工作正常并且输出是正确的,但是这个警告真的让我很恼火:

[vue/no-use-v-if-with-v-for] 'v-for' 指令中的 'prit_type_ids' 变量应该替换为返回过滤数组的计算属性。您不应将“v-for”与“v-if”混用。

有没有办法消除这个警告?我已经在我的 .eslintrc.js 中添加了这段代码

来源:https : //github.com/vuejs/eslint-plugin-vue/blob/master/docs/rules/no-use-v-if-with-v-for.md#wrench-options

我把它放在正确的地方了吗?或不。

rules: {
// allow debugger during development
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
"vue/no-use-v-if-with-v-for": ["error", {
    "allowUsingIterationVar": true
  }],
}
Run Code Online (Sandbox Code Playgroud)

所以基本上,我有一个嵌套循环,其中第一个循环中的特定元素正在比较来自第二个循环的值,如果匹配,它将把来自第二个循环的数据放在第一个循环的相应列中.

这是代码:

    <div class="columns is-mobile" v-if="!loading">
      <div class="column" v-for="x in firstSection" v-bind:key="x[0]">
        <div class="box">
          <article class="media">
            <div class="media-content">
              <div class="content">
                <div class="tags has-addons">
                  <span class="tag is-medium">Version number: </span>
                  <span class="tag is-dark is-medium">{{ x[0] }}</span>
                </div>
                <div class="tags has-addons"> …
Run Code Online (Sandbox Code Playgroud)

javascript frontend backend vue.js vue-cli-3

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

未捕获的 ReferenceError:regeneratorRuntime 未在 React 中定义

我收到错误“未捕获的 ReferenceError:未定义 regeneratorRuntime”。请帮我找出错误以及如何解决它。

在此处输入图片说明

frontend reactjs react-functional-component

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