小编iSa*_*mya的帖子

如何使用webpack性能对象将js文件分成vue cli 3中的块?

我已经使用vue cli v3完成了一个项目。建立项目后,我看到了2条警告,即

warning

asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).

This can impact web performance.

Assets:

  js/chunk-vendors.2557157d.js (474 KiB)

warning

entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.

Entrypoints:

  app (617 KiB)

      js/chunk-vendors.2557157d.js

      css/app.821fcb13.css

      js/app.b5a47a94.js
Run Code Online (Sandbox Code Playgroud)

现在检查后,我发现如果我在webpack配置中添加以下内容

performance: {
maxEntrypointSize: 512000,
maxAssetSize: 512000
}
Run Code Online (Sandbox Code Playgroud)

然后它将自动将js文件分成小块。现在在vue cli 3中没有webpack.config文件。

因此,如果您可以指导如何实现此方法,以便当文件超过一定限制时自动将其分块,这将非常有帮助。

这是我看到的地方:https : //github.com/webpack/webpack/issues/3486#issuecomment-397915908

期待你的回复。

PS:我读过并试图创建vue.config.js文件并添加里面的文件进行以下

module.exports = {
  configureWebpack: …
Run Code Online (Sandbox Code Playgroud)

webpack vue.js vue-cli

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

如何从 Firebase Cloud Function 执行 Axios 请求

我在 Firebase Cloud Function 中尝试了以下操作来执行 Axios 请求,但没有奏效。

    const functions = require('firebase-functions');
    const axios = require('axios');
    const cors = require('cors')({ origin: true });
    
    exports.checkIP = functions.https.onRequest((req, res) => {
        cors(req, res, () => {
            if( req.method !== "GET" ) {
                return res.status(401).json({
                    message: "Not allowed"
                });
            }
    
            return axios.get('https://api.ipify.org?format=json')
            .then(data => {
                console.log(data)
                res.status(200).json({
                    message: data.ip
                })
            })
            .catch(err => {
                res.status(500).json({
                    error: err
                })
            })
    
        })
    })
Run Code Online (Sandbox Code Playgroud)

我还搜索了很多关于如何将 Axios 与 Cloud Functions 结合使用的示例,但没有找到。上面的代码没有返回任何东西。

任何人都可以帮忙吗?

PS:我已经在我的 Firebase 帐户中添加了帐单明细,并且没有使用免费的 Spark 计划,而是使用了 …

firebase google-cloud-functions

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

添加自定义文本颜色WordPress 3.9 TinyMCE 4可视化编辑器

我有一个代码片段,可以帮助我为可视化编辑器文本颜色下拉列表添加一些自定义颜色以及默认颜色.我正在粘贴下面的片段.

function change_mce_options( $init ) {
  $default_colours = '000000,993300,333300,003300,003366,000080,333399,333333,800000,FF6600,808000,008000,008080,0000FF,666699,808080,FF0000,FF9900,99CC00,339966,33CCCC,3366FF,800080,999999,FF00FF,FFCC00,FFFF00,00FF00,00FFFF,00CCFF,993366,C0C0C0,FF99CC,FFCC99,FFFF99,CCFFCC,CCFFFF,99CCFF,CC99FF,FFFFFF';
  $custom_colours = 'e14d43,d83131,ed1c24,f99b1c,50b848,00a859,00aae7,282828';
  $init['theme_advanced_text_colors'] = $default_colours . ',' . $custom_colours;
  $init['theme_advanced_more_colors'] = true;
  return $init;
}
add_filter('tiny_mce_before_init', 'change_mce_options');
Run Code Online (Sandbox Code Playgroud)

在wordpress 3.9更新后它停止工作,我已经尝试了很多修复它,但我无法做到,你能帮帮我吗?

wordpress wordpress-plugin tinymce-4

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

如何检查jQuery中的表单下是否存在一个元素

我有一个带有id的表单,commentform如果有任何登录用户访问该页面p,则会在带有类的表单下生成一个标记logged-in-as.现在我正在尝试检查是否p存在,如果不存在则执行我使用的验证keyup().这是一个小片段......

$('form#commentform').keyup(function() {
        if( ! $(this).has('p').hasClass('logged-in-as') ) {
            ....
            } else {
                ......
            }
        }
    });
Run Code Online (Sandbox Code Playgroud)

现在的问题是,if( ! $(this).has('p').hasClass('logged-in-as') )无论具体是否p存在,都没有给我预期的结果.

你们中的任何人能告诉我任何其他/更好的方法来检查这个吗?

javascript jquery

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

如何在Firebase Firestore中更新文档ID?

在我的Firestore数据库中,我已将用户的电子邮件作为文档密钥。如果我想db.collection('users').doc('email_id')执行某些操作,该怎么办。现在的问题是,当用户更新其电子邮件ID时,我找不到任何方法来更新document idFirestore中的。

我试着做

db.collection('users').doc(old_email).update({
  id: new_email
})
Run Code Online (Sandbox Code Playgroud)

但这实际上创建了一个新字段id,该新字段以该文档内的新电子邮件作为值,而不是更新实际字段,document id以便我可以在其中传递doc()并获取有关用户的相同数据。

有人知道怎么做吗?如果是这样,请分享。

在发布此问题之前,我已经检查了google和firestore文档,但找不到任何更新文档ID的方法。请帮忙。

javascript firebase vue.js google-cloud-firestore

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

将div放在另一个div上的问题

在给予否定投票或将问题视为重复之前,请先阅读该问题.

我有一些问题,将一个div放在另一个div下.我知道让人们在这里提出这个问题并且我已经阅读了所有这些问题并尝试了所有内容,但它们都没有为我工作.

每个人都要给予position: relativediv然后给一个更高z-index,另一个更低.他们都没有为我工作.所以,我来这里寻求帮助.

在我的项目(http://loadtest.isaumya.com/)中,我有2个div,即

<body>
<div class="conteiner">blah blah blah</div>

<div id="particle-js"></div>
</body>
Run Code Online (Sandbox Code Playgroud)

我想把<div id="particle-js"></div>容器放在后面,但没有任何结果.所以请帮忙.

html css html5 css3

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

如何根据屏幕大小更改CSS id属性

我确实知道如何使用媒体屏幕功能,但是想问你们其他的东西,我真正需要的是我的项目.让我粘贴一些代码片段,以便我可以详细说明我正在寻找的内容.在下面我粘贴了我为我的网站设计制作的CSS ID:

#Disp_name {
color: #424854;
font-family: 'Open Sans',sans-serif;
font-size: 5.5em;
font-weight: bold;
line-height: 105px;
/*margin: 200px 0 25px;*/
margin: 0px 0 25px;
text-rendering: optimizelegibility;
transition: color 0.3s ease 0s; }
Run Code Online (Sandbox Code Playgroud)

现在我希望当有人从小屏幕设备打开我的项目时,例如**当从400>和<450px打开时,字体大小为4em,如果> 300且<400px则为3em,如果小于<300px则2em的.

我该怎么办?请帮忙

html css

0
推荐指数
1
解决办法
849
查看次数

如何获取URL的第一部分

任何人都可以帮我拼凑我面对的困惑.让我们说我有网址

/some-work/

/store/bread/alloy/
Run Code Online (Sandbox Code Playgroud)

在这两种情况下,我想从中获取第一部分.即some-work,store.

现在我已经习惯parse_url(get_permalink())了获取url的数组,然后获取path数组的索引来获取上面的字符串.现在我也检查了strstrPHP函数,但我无法使它工作.有人可以帮忙吗?

php regex url

0
推荐指数
1
解决办法
2259
查看次数