Coder Social home page Coder Social logo

blog's People

Contributors

shucher avatar

Watchers

 avatar

blog's Issues

使用装饰器优化connect写法

1. 下载插件

npm i babel-plugin-transform-decorators-legacy --save-dev

2. 配置babel

{
  "presets": ["env","react"],
  "plugins": [
    ["transform-decorators-legacy"]
  ]
}

3. 组件中使用

@connect(mapStateToProps,mapDispatchToProps)

面试题

1.你最近遇到过什么技术挑战?你是如何解决的?

首先,你应该明白:人家感兴趣的不是哪个问题,而是你解决问题的方法,和你描述解决问题方法的方式。
既然问了最有挑战的,那你一定要找一个,额,有挑战的实例。。。
如果你说,哦,没遇到什么有挑战的,一般上Stackoverflow上搜一下就解决了。
我们管这种叫SOP, Stackoverflow-Oriented Programming,此乃必死答案。
如果你说,啊,在四年前。。。
什么?我不信一个优秀的一直在进步的程序员不会遇到任何挑战,那么说这四年来你都在固步自封了?哎,赶快打发走人。
如果你说,啊,就在上个月,我在编写$#%!#$%语言,实现#$%!#$框架时发现#$!!##$接口出现#$%!问题,!#$!@%#%^...
你看过电视吧?你见过电视没信号的时候的雪花屏吧?伴随雪花屏呲啦呲啦的声音,就是你的面试官听到的声音。
懒得写了,干脆送个礼包,万能“挑战问题”答案模版:

我(最近的一个时间)在做(怎样的一个产品/程序),这个产品/程序的目的是(帮助用户完成什么事),其中有一个(什么模块),为了实现(什么功能),用到了(什么技术),但是(遇到了什么挑战/难点/bug),我通过(怎样的手段)定位问题所在,问题出现的原因是(简要的点到技术点的描述),我在(至少两个资料来源)上找到了参考,最后基于(怎样的决策标准)决定采用(何种解决方法),运用了(哪种技术),最后成功解决了问题/实现了功能,结果是这个产品/程序(对用户,系统,性能,可用性,资源等产生了何种正面的影响)。下一步,我认为我应该研究(何种更先进的方式),进一步(怎样让产品/程序做得更好)。

以我目前的经验看来,CSS界中position+overflow,vertical-align+line-height+baseline实乃N大最恶心问题之二。

可以考虑回答:
比如说最近新学习了一门技术xxx,在把这门技术应用于实战的时候发现自己太naive,知道很多理论但是不知道怎么动手。总结原因,是因为自己的实践经验太少了,考虑用xxx做一个程序。
google之后发现ooo很适合现阶段的我去做。于是开始用xxx来做ooo。
期间碰到了很多难以解决的问题,比如对xxx的api不熟悉,底层实现不了解,编码规范不知道,导致了开发速度慢、出了bug无法解决、写出来的代码不能直视。
这些问题需要一项一项的针对性去克服,下载了离线api硬着头皮去啃难懂的英语,看源代码和相关博客文章探索底层实现,学习代码规范并严格遵守。
最后,ooo终于做出来了。

浏览器兼容问题
页面响应性能问题
内存溢出问题

面试题

This is my first blog!

`$scope.querySourceDetail = function (sourceId) {

            camel.get({url: '/sms/rest/v1/sms/sources/'+sourceId}).then(function (data) {
                $scope.source = {
                    name: data.name,
                    id: data.id,
                    ip: data.ip,
                    osType: data.os_type
                };
                if(data.os_type==='LINUX'){
                    $scope.source.migMode = 'MIGRATE_FILE';
                }else{
                    $scope.source.migMode = 'MIGRATE_BLOCK';
                }
                $scope.target_init = data.init_target_server;
            }).catch(function (error) {
                errorTipService.showError(error);
            })
        };`

使用装饰器优化connect写法

1. 下载插件

npm i babel-plugin-transform-decorators-legacy --save-dev

2. 配置babel

{
  "presets": ["env","react"],
  "plugins": [
    ["transform-decorators-legacy"]
  ]
}

3. 组件中使用

@connect(mapStateToProps,mapDispatchToProps)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.