跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 上一次玩前端还是 JQuery 1.5 的年代,这两天玩了一下 React…………
未分類
14 5 月 2020

上一次玩前端还是 JQuery 1.5 的年代,这两天玩了一下 React…………

上一次玩前端还是 JQuery 1.5 的年代,这两天玩了一下 React…………

資深大佬 : billtsui 16

写了 10 年的服务,上一次搞前端还是 2010 年,记得当时还是用 JQuery 1.5 。

这段时间工作需要玩了一下 ReactJS,Taro,AntD 。妈的真香,真 TM 好玩!

有没有前端大佬带我飞的,求一个前端群!

大佬有話說 (84)

  • 資深大佬 : faceRollingKB

    要玩 angular 么

  • 資深大佬 : IGJacklove

    @faceRollingKB 这是邪教,React 大法天下第一。

  • 資深大佬 : jydeng

    Vue 考虑一下

  • 資深大佬 : autoname

    啥 React 比 jq 香吗
    举个例子?

    $ajax(‘url’,’data’)

  • 主 資深大佬 : billtsui

    @faceRollingKB 不玩,angular 是邪教

  • 主 資深大佬 : billtsui

    @jydeng 这个也挺香的,就是学不过来,更新太快了

  • 主 資深大佬 : billtsui

    @autoname 我说他香,就是我觉得他比 jq 香,杠精散去。

  • 資深大佬 : autoname

    @billtsui 看谁的代码少,
    发个请求是怎么发的 React

  • 主 資深大佬 : billtsui

    @autoname 不看

  • 資深大佬 : autoname

    @billtsui https://www.jianshu.com/p/74a5e5aba82f
    感觉。。。
    为啥说 jq 太重呢,

  • 資深大佬 : ddup

    我居然成了邪教一员。

  • 資深大佬 : elone

    angular 邪教成员来报道

  • 資深大佬 : SuperManNoPain

    只会 jq 的不敢吭声

  • 主 資深大佬 : billtsui

    @SuperManNoPain 玩玩 React

  • 資深大佬 : artyhacker

    @autoname 建议学习一下再发言吧,用 react 发个请求是什么鬼? 另外你写的那句 jq 就是发个请求,你引用的文章里发请求、处理 response 、处理异常、渲染页面全有了,但凡能看懂几句 js 也不会这么比吧…

  • 資深大佬 : cydian

    @artyhacker jq 处理异常很复杂吗?

  • 資深大佬 : artyhacker

    @cydian 不复杂.

  • 資深大佬 : minglanyu

    jq 其实还有不少老项目在跑的,比如银行这种

  • 資深大佬 : DOLLOR

    @autoname

    //老式 jquery 写法
    $.ajax(‘url1’, {
    data: {username: ‘example’},
    success: function (res) {
    $.ajax(‘url2’, {
    data: {somedata:res},
    success: function (res) {
    $.ajax(‘url3’, {
    data: {somedata:res},
    success: function (res) {
    },
    error: function () {
    console.log(‘error’)
    }
    })
    },
    error: function () {
    console.log(‘error’)
    }
    })
    },
    error: function () {
    console.log(‘error’)
    }
    })
    /////////////////////////////////////////////////

    //fetch api
    try{
    let res = await fetch(‘url1’,{
    body:{username: ‘example’},
    method: ‘POST’
    }).then(res=>res.text())

    res = await fetch(‘url2’,{
    body:{somedata:res},
    method: ‘POST’
    }).then(res=>res.text())

    res = await fetch(‘url3’,{
    body:{somedata:res},
    method: ‘POST’
    }).then(res=>res.text())
    }catch(err){
    console.log(‘error’)
    }

    再见,回调地域。

  • 資深大佬 : MorningStar0

    @autoname 所以发请求和用哪个前端框架有啥关系呢?或者实在想知道哪个代码少 fetch 了解下?

  • 主 資深大佬 : billtsui

    @minglanyu 还有 gov 的网站

  • 資深大佬 : lancelock

    确实好玩,用 hooks 更好玩了

  • 資深大佬 : wunonglin

    ng 大法好

  • 資深大佬 : murmur

    @DOLLOR 我记得 await 写法是不是有专属 bug,好像是 promise.reject 不触发异常还是啥

  • 主 資深大佬 : billtsui

    @lancelock 多谢大佬指点

  • 資深大佬 : krystal9527

    为什么 angular 是邪教?我觉得挺好的,项目工程化

  • 主 資深大佬 : billtsui

    @krystal9527 不要太认真,你开心就好。

  • 資深大佬 : autoname

    @MorningStar0 不知道这么比啊,只能拿常用的功能比了

  • 資深大佬 : shintendo

    @autoname 大哥,求你先学一下 react,你这例子举得我这个 react 黑都看不下去了

  • 資深大佬 : ccyu220

    @autoname 大哥,下次找个合适的例子再来黑,用封装的请求函数来说框架,半毛钱都没联系。

  • 資深大佬 : otakustay

    我们现在请求都是
    const response = useResource(‘url’, {data})
    这样子了,await 都不用

  • 資深大佬 : faceRollingKB

    vue 、react 的数据请求概念都是 promise 那一套,如果想玩出花样的话建议试试 angular 的 observable,你会看到新世界

  • 資深大佬 : Bramblex2

    @autoname 黑都黑不到点子上哎……

  • 資深大佬 : huijiewei

    @autoname 你在搞笑么?

  • 資深大佬 : auroraccc

    @otakustay 这样咋处理异常啊

  • 資深大佬 : jingcoco

    无耻的又来宣传一下 https://v2ex.com/t/661640#reply19

  • 資深大佬 : sirnay

    @faceRollingKB 然而可以自己加入 rxjs 随便玩

  • 資深大佬 : otakustay

    @auroraccc Suspense 处理异步,Error Boundary 处理异常: https://github.com/ecomfe/react-suspense-boundary

  • 資深大佬 : faceRollingKB

    @sirnay 试过 vue 添加 rxjs,不好玩

  • 資深大佬 : fescover

    https://www.zhihu.com/answer/675777174

  • 資深大佬 : auroraccc

    @otakustay 感谢,去了解一波

  • 資深大佬 : autoname

    @Bramblex2 这怎么叫黑?黑它我有什么好处,就不能端正下看法?

    我是真不明白才问的,什么黑不黑的

  • 資深大佬 : autoname

    @DOLLOR 感谢大佬科普

  • 資深大佬 : raymanr

    @DOLLOR
    呃, 先说我不是专业前端

    不过回调地狱这个不是用 Promise 就可以解决吗?

    也不用这一个就引入一个框架这么大的东西啊

  • 資深大佬 : raymanr

    其实我之所以不想学的原因是总觉得前端的东西变化太快了。。。除了 jq 以外的东西指不定说凉就凉

    反正我的页面简单,包装个类,然后用 get set 模仿一下数据绑定,顶层添加个事件监听 ,也凑活用了

  • 資深大佬 : wildnode

    @murmur 是 reject 出来的值用 await 接收不到,所以一般 async/await 都用 try/catch 来处理错误

  • 資深大佬 : wildnode

    @murmur 可能我说不明白哈。。补一段 MDN 上的解释

    When an async function is called, it returns a Promise. When the async function returns a value, the Promise will be resolved with the returned value. When the async function throws an exception or some value, the Promise will be rejected with the thrown value.

    按这个意思来看,如果 reject 了,是以 throw 的方式直接抛错误了,所以拿不到

  • 資深大佬 : jon

    @IGJacklove #2 为什么 angular 是邪教?

  • 主 資深大佬 : billtsui

    @faceRollingKB 多谢大神指点

  • 資深大佬 : orzorzorzorz

    react 是好玩,但玩厌了、碰到瓶颈了、累了,然后就会发现你会不知不觉地慢慢往 angular 的方向靠,然后慢慢研究测试、rx 、ivy 这些,然后就会发现,还是服务端好。:doge

  • 資深大佬 : Canrz

    @DOLLOR 你这都是多少年前的写法了。就我所知的 jQuery 1.7 版本 ajax 进行重写,改成 deferred,那都是已经 2011 年的版本了。

  • 資深大佬 : wszgrcy

    ng 大法好

  • 資深大佬 : huijiewei

    @wildnode
    “`
    const flatry = (promise) =>
    promise
    .then((data) => ({ data, error: null }))
    .catch((error) => ({ error, data: null }))

    export default flatry
    “`
    使用方法
    const { data, error } = await flatry(promise)

  • 資深大佬 : imswing

    vue 其实更好玩啊

  • 資深大佬 : lewinlan

    力挺 ng 邪教!

  • 資深大佬 : ooee2016

    同感

  • 資深大佬 : itning

    angular 赛高 虽然 市场份额最少…

  • 資深大佬 : hareandlion

    Angular 始终给我 Java MVC 的既视感。。。还是 React 好玩

  • 資深大佬 : qinxi

    来了来了
    上一次玩前端还是 JQuery 1.5 的年代,这两天玩了一下 React…………

  • 資深大佬 : qinxi

    @qinxi #59 几年前看到了,仅供娱乐…

  • 資深大佬 : Felldeadbird

    所以没有前端群?

    我现在还在写 JQ 。VUE 目前还在观望中。
    我目前发现,JQ 最大问题还是项目复用性低,写着写着,感觉这代码以前就有啊。

  • 資深大佬 : Tdy95

    @Felldeadbird
    前端框架的生态可以让你只关注你的核心业务代码,免去通用组件的开发,稍微复杂一点的页面,用 vuereatcangular 之类的现代框架开发起来,效率提升不是一点半点。

  • 資深大佬 : fedfrank

    @Felldeadbird 前端群加我 vx:qianduanmi

  • 資深大佬 : Chenamy2017

    VUE 入门快很香

  • 資深大佬 : DOLLOR

    @raymanr
    Fetch API 是浏览器内置的接口标准,如果想用它并不需要引入任何框架。它不是 vue 或者 react 的组件。

  • 資深大佬 : Lawlieti

    三天兴趣,一周后发狂

  • 資深大佬 : StrayBugs

    @faceRollingKB observable-hooks.js.org 了解一下

  • 資深大佬 : chocotan

    我用 element ui 和 ant design 的感受是

    npm install 会遇到各种奇葩问题
    打个包,idea 卡成狗,时间比 java 应用打包时间都长

  • 資深大佬 : TimLang

    试试 flutter 啊,更好玩。

  • 資深大佬 : Hanggi

    哈哈,Angular 都成邪教了,那些把传统 HTML/CSS 都弄成 js/jsx 对象处理不更邪教吗?

  • 資深大佬 : zhouS9

    jq 转到 vue 无比震撼,现在玩腻了准备换 react 玩玩❤️

  • 資深大佬 : hantsy

    说 Angular XX,自己已经给自己打上了杠精的标签了。

    我个人几乎没用过 JQuery 。

    写一点前端的时候用过 Prototypejs, delicious, dojo,刚看到 JQuery 的时候,Angularjs (内置了一个 JQLite ) 来了。

    对于长期做后端的,特别是 Java 等 OOP 语言的,还是喜欢 Angular 系。在用 Angularjs 的就开始试用过了 React, 感觉一般,不是我首选,对于我而言,原因两个,1,对 TS,ES6+ 支持太慢了,最初版本只能用 ES5 (实在写不来),时到今日,React 还是太重的 JS 味。2,仅仅包含了 Components UI 部分,其它部分选择太多了,不是像 Angular 一样全栈的方案,当然对于高级 FE,选择多是好事。

  • 資深大佬 : bzj

    @autoname 说 jq 太重是因为,有的页面即使只有一个 ajax 请求,也要引用 jquery 核心文件,然而 jq 压缩后也有几百 k

  • 資深大佬 : autoname

    @bzj 谢谢回复,jq 的生态应该也是比较好的吧,比如各种特效什么的

    反正都是客户端的事情,“重”不到哪里去吧。没啥影响吧

    套用某大佬的,前端娱乐圈真 TM 的乱 哈

  • 資深大佬 : bzj

    @autoname

    Jquery 我也用,Vuejs 也用,适合自己项目的才是最好的,没必要一味追新,不然坑的是自己。

  • 資深大佬 : charten

    @autoname ??? react 里不包括请求库的,人家只负责渲染。。。。比$(`<div>${2333}</div>`).append($(‘body’))好维护许多。。。特别是大型应用里。。。

  • 資深大佬 : redbuck

    vue3 发布了,不趁热来一发?

    vue 的 hooks 比 react 的好用多了

  • 資深大佬 : xiaomingVTEX

    vue 才是最好的 vue 才是最好的 , 嘻嘻

  • 資深大佬 : pandaii

    目前在用 ng8,等 vue3 发布了可以试试搞一下,感觉 ts 还是很香的 :doge

  • 資深大佬 : MYDTX

    async function getEdition() {
    return await $.getJSON(‘/home/material/edition’);
    }
    jquery 也可以很香啊,回调什么的用 es6 新语法完全可以去掉的……
    框架只是做大项目更易于梳理维护,在语法上并没有什么优势。

  • 主 資深大佬 : billtsui

    昨晚看了 VUE3 的直播发布会,香气逼人啊!

  • 資深大佬 : hbolive

    @billtsui 2 还没整明白呢,3 都来了啊,那直接上 3 行不?

  • 資深大佬 : faceRollingKB

    只希望 3 能把 ts 的支持做好一点,目前在 2.6 基础上加 ts 真的是坑

  • 主 資深大佬 : billtsui

    @hbolive 我一个前端初学者,你问我这么高深的问题,合适吗。

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具