javascript - 关于es6模块 导出
自己看了下es6的模块。写了个函数并且用了常见的prototype 这样导出是错误的?难道prototype不能使用 必须这样写吗? 这样写的话。就不能像以前一样:比如 a.say() 怎么解决?怎么写?
126 2022-07-19
编程技术问答社区
react.js - 关于react中{}的问题
问 题 看别人react的代码得时候经常被{}符号搞晕,不知是es6的语法还是JSX得语法,比如下面2个例子 1. import React, {PropTypes} from 'react'; 问题:这里的PropTypes为什么要加上{}呢?如果它是个变量,为什么React不加{}? 2. class ItemEditor extends React.Component { render() { const { onSave, onCancel } = this.props; const item = this.props.item || { title: '', content: '', }; ... ... 问题:这里的const { onSave, onCancel } = this.props; 是不是就是es6的解构赋值?相当于一下这段代码么? const onSave = thi
168 2022-07-19
编程技术问答社区
javascript - 不清楚这个用法
问 题 在项目中看到了这样一段代码,不清楚这个到底是怎么个用法。是ES6的用法么?项目是react-native的。 get rightSide() { return ( ); } 这段代码是写在一个组件内部的,组件是用class extends方式写的。一般都是直接看到这种 rightSide() { return ( ); } 在方法前加get是什么意思?求大手给科普下,没查到怎么回事。 解决方案 ES6是有这个的,react我没用过就不清楚了 http://es6.ruanyifeng.com/#do...的取值函数(getter)和存值函数(setter)
148 2022-07-19
编程技术问答社区
javascript - (...)扩展运算符怎么样去理解?
问 题 ES6中数组方法的扩展看到Array.from,有个...这样的运算符,里面写的是,可以讲某些数据结构转为数组。看完例子表示不太理解。1.某些数据结构指的是哪些?2.可以提供更加容易理解的例子嘛。多谢 解决方案 不知道您有没有接触过后端语言,例如 c# 我这里就拿 c# 来举栗子了 这个在 c# 语言中叫做可变参数 就是方法的参数可以是无限个 实际上是个数组 由编译器提供的语法糖 让程序员可以更加方便的传递参数 以下是 c# 示例代码: public int[] Filter(params int[] arr) { if(arr == null || arr.Length x % 2 == 0); } 上面方法定义了一个可变参数的方法 Filter 方法内部是实现寻找整型数组中的所有偶数。 在 c# 中为数组参数前加上关键字 params 即表示
162 2022-07-19
编程技术问答社区
es6 - `transform-es2015-classes`和`transform-class-properties`区别?
问 题 babel-plugin-transform-s2015-classes和babel-plugin-transform-class-properties有什么区别?功能是否有重叠? 解决方案 首先,纠正你一个错误 是babel-plugin-transform-es2015-classes, 你少写个e 这个是babel对 ES2015 规范的 class 的实现,是没有 class property 的,这个你可以翻翻规范或者https://babeljs.io/docs/learn... Classes support prototype-based inheritance, super calls, instance and static methods and constructors. 然而babel-plugin-transform-class-properties 你看一下官方给的例子: class MyClass { myP
364 2022-07-19
编程技术问答社区
javascript - ES6中require的使用
今天在写vue-router时遇到了一个问题,我配置了一个路由,希望按需加载。如下: /** * Created by Administrator on 2016/8/16 0016. */ export default { routes: { '/': require('./home'), '/todo': require('./todo'), 'hello': require('./hello') }, alias: { // '/login/:username': '/login' } } .todo模板如下: /** * Created by Administrator on 2016/8/16 0016. */ export default { icon: 'todo', title: '去做', name: 'todo', exact: true, auth: true, compo
410 2022-07-19
编程技术问答社区
react.js - React ES6 如何绑定键盘事件?
1.出现的问题 在使用React时需要给页面绑定一个键盘按下的事件,绑定后按下键盘并没有反应。 2.相关代码 该组件是核心组件,这里的renturn()是在render()方法中。出现的问题即onKeyPress事件,我将按键事件绑定在了组件最外层的section上。 上图是事件处理函数,我输出到控制台检测发现并没有打印出该字符串。 我的事件现在就绑定在.player这个section上 3.报错信息 没有任何的报错提示。 4.我尝试的解决办法 我尝试了把onKeyPress改成了onClick, 事件则可以正常的通过点击触发。这说明程序写法没有问题,而且我其他地方也写了很多其他时间的绑定都没问题。 又查了官方文档,是支持键盘事件onKeyDown onKeyPress onKeyUp的。 在写原生js我都是把键盘事件绑定在document上,但不知道react中如何解决? 不存在其他的按键事件,事件应该不会被截取吧。
984 2022-07-19
编程技术问答社区
node.js - promise中第3个then分别用第一个和第二个then返回的参数该如何写呢?
问 题 testObject .func1() .then((result)=>{ return r1; }) .then((result1)=>{ return r2; }) .then((result2)=>{ func(r1,r2); }) 请问如果要实现这样的逻辑该如何呢? 阮一峰的原文如下: then方法返回的是一个新的Promise实例(注意,不是原来那个Promise实例)。因此可以采用链式写法,即then方法后面再调用另一个then方法。 getJSON("/posts.json").then(function(json) { return json.post; }).then(function(post) { // ... }); 上面的代码使用then方法,依次指定了两个回调函数。第一个回调函数完成以后,会将返回结果作为参数,传入第二个回调函数。 似乎只是一层一层的传递参数,请问如何将1,2的then传递给3
694 2022-07-19
编程技术问答社区
Node.js 使用 ES6 出错?
问 题 import React from 'react'; Node.js版本 v6.2.1 错误信息 SyntaxError: Unexpected token import at Object.exports.runInThisContext (vm.js:53:16) at Module._compile (module.js:513:28) at Object.Module._extensions..js (module.js:550:10) at Module.load (module.js:458:32) at tryModuleLoad (module.js:417:12) at Function.Module._load (module.js:409:3) at Function.Module.runMain (module.js:575:10) at startup (node.js:1
342 2022-07-19
编程技术问答社区
react.js - 关于 React Native 的Component编写,如何进行性能优化?
问 题 如题,如何避免不必要的update ,应该将组件尽可能的颗粒话么? 有何最佳实践?如何进行性能分析,找出耗时耗性能的function ? 解决方案 1: componentShouldUpdate 这个方法可以进行判断是否需要刷新,但说真的 复杂点的应用 在这里做优化 不是一件容易的事情 2: 如果用redux 做好状态区分,以避免重复render这个是真的 3: 尽可能把组件最小颗粒化,避免由于某部分的state更新而导致全部render 也可以让刷新的区域变的尽可能小 4: 动画这种的 能不用state就不要用state 是非常消耗资源的 react本身就是一种应用开发思维 不要用页面开发的思维去理解,一切能组件的就组件化 这样一定程度上会更方便管理及优化。 再者 react的刷新逻辑像游戏里的渲染,但一旦应用比较复杂的话 state却是挺耗性能的,所以一般情况下,我能用dom操作就尽可能用dom,除非像input这种的 没办法才用stat
252 2022-07-19
编程技术问答社区
node.js - output is not tty
问 题 用命令` node --v8-options | grep harmony 查看nodejs实现es6的新特性,输出结果是 output is not tty 解决方案 git bash的问题 The reason this doesn’t work as expected appears to be that git bash is passing the command through to the Windows cmd shell, and not handling the output stream correctly 参考 可以在power shell里面运行node --v8-options | Select-String "harmony"
254 2022-07-19
编程技术问答社区
javascript - es5 转 es6
问 题 目前项目 是用 ES5 写的; 想升级项目都改写成 ES6 的代码 有木有 在线转换工具呀 或者转换工具也好呀 ?了 真的是我表达有问题吗, 因为是老的项目, 想把老的项目 升级 ,改变一下开发环境. 解决方案 http://lebab.io/ 可以用下
330 2022-07-19
编程技术问答社区
javascript - ES6中的Promise.resolve()到底有何作用呢?
问 题 看了阮一峰的es6入门,对Promise.resolve()方法还有些疑惑,当给这个方法传入一个thenable对象作为参数时,到底发生了什么?又有何作用呢? 解决方案 这是个语法糖吧 var foo = { then: (resolve, reject) => resolve('foo') }; var resolved = Promise.resolve(foo); 相当于 var resolved = new Promise((resolve, reject) => { foo.then(resolve, reject) }); resolved.then((str) => console.log(str);//foo )
102 2022-07-19
编程技术问答社区
vue.js - 请问es6中怎么动态引用模块
问 题 我需要根据当前的路由参数pageId加载模板,想这样写 import page from '../blog/h/' + pageId 可是这样是有问题的,由于是最近开始学习es6,对这些还不太熟悉,请问我该怎么写,或者有没有参考资料可以看看的,我看过阮一峰老师那个入门手册,但是还是找不到答案。 下面这样写是可以的: {{pageId}} {{{page}}} import marked from 'marked' import b1 from '../blog/h/20160519' export default { data () { return { pageId: this.$route.params.pageId } }, components: { b1 }, created () { this.page
228 2022-07-19
编程技术问答社区