草庐IT

babel-plugin-component

全部标签

javascript - jQuery Plugin - 深度选项修改

我目前正在使用一个设置变量相当深的插件(某些地方有3-4个级别)。按照普遍接受的jQuery插件模式,我实现了一种简单的方法,供用户使用以下符号即时修改设置:$('#element').plugin('option','option_name','new_value');这是与我现在用于选项方法的代码类似的代码。option:function(option,value){if(typeof(option)==='string'){if(value===undefined)returnsettings[option];if(typeof(value)==='object')$.exten

javascript - 如何使用datatables(jquery datagrid plugin)实现全选删除功能?

我正在使用jquery插件Datatables来操作我的行实际上它有一个允许checkall功能的tabletools插件,但是,我可以检查所有项目/检查多项,但是如何添加删除按钮并返回所选行?我已经有了删除的sql查询和删除警告弹框的功能。谢谢SelectallindatatableDocumentonhowtoretrieverow,butistilldon'tunderstandhowtodothis,thankyou$(document).ready(function(){$('#viewSub').dataTable({"sDom":'Tlfrtip',"oTableTool

javascript - .babelrc 中指定的 Babel 6 预设不起作用

正如标题所暗示的,基本上根据文档,对于新的Babel6,我们现在应该传入插件/预设,因为默认情况下它不会对我们的代码做任何事情。所以我在我的项目目录中创建了一个.babelrc文件,其中包含以下内容(就像在文档中一样){"presets":["es2015"]}但是这是行不通的。因为我使用的是webpack和babel-loader,所以我遇到了一个不同的答案,建议在webpack配置中加入这样的内容:{test:/\.js$/,exclude:/node_modules/,loader:"babel",query:{presets:["es2015"]}}这行得通。所以我的问题是,这

javascript - 如何将参数传递给 babel 6 中预设的插件?

我有一个reactpreset,我想将pragma参数传递给transform-react-jsx。现在我正在安装transform-react-jsx分别设置我的.babelrc如下:{"presets":["react"],"plugins":[["transform-react-jsx",{"pragma":"dom.hJSX"}]]}但我想知道是否有另一种方法可以将设置传递给预设中的插件。 最佳答案 所以我找到了babelgithub,正如我现在发现的那样thereisnoway将设置传递给预设中的插件。好的一面是anoth

javascript - gulp-sourcemaps 不适用于 babel 6

因此,babel发布了截然不同的版本6。源map显示不正确(在Chrome开发人员中单击js文件不会引导我到es6源文件中正确的对应行)。这是我的gulpfile:"usestrict";vargulp=require("gulp"),sourcemaps=require("gulp-sourcemaps"),babel=require("gulp-babel"),uglify=require('gulp-uglify'),rename=require('gulp-rename');varpaths=['dojo-utils','dom-utils/dom-utils','esri-u

javascript - 如何解决 Component should be written as a pure function error in eslint-react?

constHeader=React.createClass({contextTypes:{router:React.PropTypes.object.isRequired,},render(){return(AB);},});我使用eslint-config-airbnb检查上面的代码,它向我显示一条错误消息,例如Componentshouldbewrittenasapurefunction。那么如何将上面的组件改成纯函数呢?感谢您的帮助。 最佳答案 当你有一个“哑”组件(没有内部状态、生命周期方法等)时,你可以将它写成一个简单的j

javascript - 为什么 <Route component={Menu}/> 而不是 <Menu/>?

我的/About中有一个包含路线的子菜单。这个子菜单称为AboutMenu并出现在/About下的所有页面,例如=>/About/Company和/About/Info。练习示例显示与activeStyle={match.isExact&&selectedStyle}>我刚用过并添加了exact改为我的AboutMenu链接。为什么要使用而不是仅仅渲染?exportconstAboutMenu=(props)=>{return(CompanyHistoryVision)}关于部分constAbout=(props)=>{return({/*OR?*/})}exportdefaultAb

javascript - 如何减小 babel-polyfill 的大小(缩小后 150 KB)?

我刚刚设置了新的webpack4项目,并在我的主js文件中导入了babel-polyfill导入'babel-polyfill';在webpack生产构建之后,我用source-map-explorer分析了我的bandle我看到了这样的图片所以babel-polyfill(core-js)占用了150Kb,这在我看来太多了。有什么想法可以减小尺寸吗?我不想包含任何特定的polyfill(应该有一些tree-shaking,所以应该删除未使用的代码?)。我使用这个样板:https://github.com/flexdinesh/react-redux-boilerplate/tree/

javascript - 使用 Styled-Components,如何在 Styled Component 之外设置颜色数组?

theme.js-我有一个Styled-Components主题,其中包含我应用的所有颜色变化。constcolors={purples:{60:'#AEA',50:'#GSA',},blues:{20:'#asd',5:'#fasd',}...然后我有一个UI组件,我需要在其中按特定顺序定义一组颜色:importReactfrom'react';constcolors=['#GSA','#AEA','#asd','#fasd','#AEA'];我稍后使用此colors数组根据状态找到要在我的组件中使用的正确颜色:constgetBackgroundColor=({currentPos

javascript - 如何避免 React Component 不必要的重新渲染

我一直在学习React16.8的新特性。我相信React的PureComponent应该自动避免不必要的重新渲染操作。在以下示例中,App本身是一个无状态组件。我用useState维护两个状态对象text和nested:{text}.有3个测试。前2个测试有效。无论我改变多少次状态,都不需要重新渲染操作。现在,第三个测试尝试设置text的状态具有相同的字符串值,但引用不同。我不希望重新渲染任何内容,但实际上,将被重新渲染。我应该使用某种内存技巧来避免吗?我觉得归档它的代码太多了。程序员必须非常小心才能编写高质量的React代码。..classHeadlineextendsReact.P