草庐IT

babel-plugin-component

全部标签

javascript - Angular 2 : How to use css calc() with some component value?

我想使用calcCSS函数根据组件值计算div高度。它给我的错误:TypeError:co.calcisnotafunction我的代码: 最佳答案 您的语法不正确。正确的方法是: 关于javascript-Angular2:Howtousecsscalc()withsomecomponentvalue?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/45456674/

javascript - 为什么我们在使用 babel-loader 时要排除 node_modules?

网站上问的大多数问题是如何排除node_modules但相反,我想知道为什么我们要排除node_modules?module.exports={mode:'production',entry:'./src/index.js',output:{path:path.join(__dirname,'dist'),filename:'app.bundle.js'},module:{rules:[{test:/\.js$/,loader:'babel-loader',exclude:/node_modules/,options:{presets:['@babel/preset-env']}}]}

jquery-plugins - 带有动态加载图像和链接的 Javascript 或 jQuery 图像轮播

是否有一个好的javascript或jQuery图像轮播可以显示5张图像,如果有更多图像,用户可以单击下一步,以下图像源和链接URL将通过AJAX加载?很有可能有数千张图片,并且每张链接都指向专门针对该图片的网页,因此我基本上需要一个能够有效处理这种情况的图片轮播。 最佳答案 我认为JQueryCyclePlugin会让你完成50%的路程。此工具非常易于使用,我认为将为您提供您所追求的“点击以获取更多”图像功能(带有一些非常漂亮的过渡效果)。但是,我只将插件与页面中定义的所有图像一起使用。就我而言,我正在做一个“幻灯片放映”来演示应

javascript - VueJS : Best practice for working with global object between components?

有User.js类和用户对象(user=newUser();)。user对象正在所有嵌套组件中使用。User类中有很多重要的方法。如何在任何组件中简单地使用/访问this.user或this.$user及其方法?1-solution(临时工作解决方案):在vuex的store中设置user并在所有组件中定义'数据:data(){return{user:this.$store.state.user}}缺点:在每个组件中,都应该添加。注意:组件太多了。2-solution:将用户添加到Vue的原型(prototype),如插件:Vue.prototype.$user=user缺点:当use

javascript - 巴别塔 : The CLI has been moved into the package `babel-cli`

我在工作时正在处理一个JS文件,我安装了babel,运行babelfile.js|节点晚上把文件发回家上类,在家安装了babel,运行上面的命令出现如下错误:TheCLIhasbeenmovedintothepackage'babel-cli'有什么想法吗?提前谢谢你:)如果我安装CLI-以下代码无法编译:functionsumArrayIndex(array,i,separator){returnarray.map(x=>x.split(separator).map(c=>{returnparseInt(c)})).map(x=>{returnx[i];}).reduce((x,y)

javascript - Angular 2 : including thirdparty js scripts in component

这个问题在这里已经有了答案:scripttaginangular2template/hookwhentemplatedomisloaded(2个答案)关闭5年前。有没有办法在Angular2组件中包含第三方JS脚本,而不是将其包含在index.html中?我有一个包装数据表的表组件。它是唯一需要包含dataTablesjs/css的组件。如果我能让我的index.html更干净就好了。组件装饰器确实允许您指定css文件。我尝试将我的脚本标签移动到我的组件html中,但这似乎不起作用。

javascript - 使用 Webpack 和 Babel 导出类不起作用

我有一个非常简单的Webpack和Babel设置,用于小型图书馆。之前,我有以下架构来生成库的ES5版本:module.exports.lib=(function(){/*privatepartoflibraryhere*/return{.../*publicpartoflibraryhere*/}})();一切都以这种方式运行良好,我什至在我的库中有一些ES6功能,例如箭头函数,并且一切正常。但是,我决定将我的方法更改为ES6类,这样:exportdefaultclassLibrary{}现在,当我尝试这样做时:varlibrary=newLibrary();我知道库没有定义。即使只

javascript - 有没有更好的方法在 React Component 类中绑定(bind) 'this'?

我目前正在开发一个React应用程序,我发现当一个组件类有很多功能时必须绑定(bind)this有点麻烦。例子classFooextendsComponent{constructor(props){super(props);this.function1=this.function1.bind(this);this.function2=this.function2.bind(this);this.function3=this.function3.bind(this);}function1(){...}function2(){...}function3(){...}}有没有更有效的方法来做

javascript - 将 webpack 与 babel 和 babel-preset-react 以及 babel-preset-es2015 一起使用

我正在尝试转换编译我的react/es6代码并且来自browserify。由于新的babel6版本以及大多数教程现在已经过时的事实,我正在努力创建一个webpack构建。这适用于我的.babelrc:{"presets":["react"]}但是当我把它改成这样的时候:{"presets":["es2015","react"]}它抛出这个神秘的错误:./client/App.js中的错误模块构建失败:错误:您为我们提供了节点类型“NumericLiteral”的访问者,但它不是有效类型如果有帮助的话,这是我的webpack.config.js:module.exports={entry

javascript - Angular2 在 Component.js 中使用管道

我正在学习Angular2,我想格式化一个添加千位逗号分隔符的数字。据我所知,这可以使用Pipes来完成,问题是我想在js文件中而不是在html中以编程方式格式化数字(像var|number一样)。首先我意识到没有我可以使用的NumberPipe独立管道(如果我错了请纠正我)最相似的是@angular2/common中的CurrencyPipe。所以我有这样的东西:import{Component}from'@angular/core';import{CurrencyPipe}from'@angular/common';@Component({templateUrl:'test.com