版块

• 香草Javascript🌿

  原生的Javascript是学好其他Javascript库的基础

  7
  主题
  7
  帖子

  梵

  Promise (承诺) 函数用于实现callback的功能，即在一个函数结束后调用另外一个函数。 比如下面这个例子： function do_thing1(){ setTimeout( function(){ console.log( 'do thing1' ); }, 1000 ); } function do_thing2(){ console.log( 'do thing2' ); } do_thing1(); do_thing2(); 这里我们先调用do_thing1因为我们希望do_thing2在 do_thing1结束后再执行，但是do_thing2没有等！ 我们可以用传统的callback来解决这个问题如下： function do_thing1(callback){ setTimeout( function(){ console.log( 'do thing1' ); callback && callback() }, 1000 ); } function do_thing2(){ console.log( 'do thing2' ); } do_thing1(do_thing2); 我把do_thing2当做一个变量传给do_thing1，等do_thing1结束后来调用do_thing2。 接下来，我们用Promise来解决这个问题： const do_thing1b = new Promise((resolve, reject) => setTimeout(() => { console.log("do_thing1b"); resolve("done"); }, 1000) ); const do_thing2b = () => { console.log("do thing2b"); }; do_thing1b.then(() => do_thing2b()); 因为do_thing1b现在是个Promise，所以我们可以用then来串接其他函数，即do_thing2，这样就确保do_thing2b一定在do_thing1b结束后才被调用。这就"承诺"!
• React

  React生于2011某月某日，开源于2013年五月29日，从此改变了前端世界！

  3
  主题
  3
  帖子

  梵

  软件版本通常分3级： 第一个数字代表大版本 第二个数字代表小版本 第三个数字代表小打小闹 - bug fixes等 V15 到 V16 是大版本升级，惊心动魄的新功能不少： fragments - 曾几何时，render()必须且只能返回一个node，因此，你不得不加上一些不必要的<div>把多个node包起来。fragments 让你可以直接render一个数组。这个配上map真是太完美了。注意：key是需要的，这个有点烦。所以v16.2.0后，我们可以用特殊字符<>, 例如：<><li /><li /><>，这样可以就可省略了。 对了，你可以直接返回字符串了 - 不由再次感叹：曾几何时，render()必须且只能返回一个node contextAPI - 就是说createContext之后，可以在一个component里提供provider，例外一个component里通过consumer来读取 祝：这个我基本上没用过 - 因为我要吗直接传props，或者用其他state管理，例如：redux或者mobx等。 createRef API - 这个在不受控制的form还是很有用的。受控制指通过react state来控制form的字。 新的lifecycles getDerivedStateFromProps getSnashotBeforeUpdate 注意：几个will的lifecycles， 到V17后就没有life了。所以，大家有空还是看看上面两个新的lifecyles吧。 StrictMode - 用了发现下面几个潜在问题 Identifying components with unsafe lifecycles Warning about legacy string ref API usage Detecting unexpected side effects React.memo - 用来替代PureComponent 或者 shouldComponentUpdate， memo让component变存， 或者说只有props变才重新render。如只是父级component变了，memo子component不会重新render React.lazy - 用来实现code-split - 基本是react loadable的复制版。 下面几个还没出： Hooks - 让functional component 可以使用 state 通过 useState() suspend concurrent rendering 10和11 基本上是用了提供弱CPU和慢网速用户的用户体验。大概意思：hold住render，知道数据ready，这样对网速快的用户少了loading icon，对慢用户仍然有repsond。这个概念有点难，等真正开始用了，我们再深入！
• 笔记

  好记性不让烂笔头

  14
  主题
  18
  帖子

  梵

  Apollo client 聲稱他們把緩存玩的很好，用過以後才知道其實不然。 更新緩存，還是很手動的活。比如： <Mutation mutation={DELETE_CUSTOMPAGE} key={item.draftid} update={cache => { const { customPages } = cache.readQuery({ query: GET_CustomPages }); const newCustomPages = [...customPages]; const idx = _.findIndex(newCustomPages, { id: item.id }); if (idx > -1) { newCustomPages.splice(idx, 1); } cache.writeQuery({ query: GET_CustomPages, data: { customPages: newCustomPages } }); }} > 在同一個模塊，加這些cache處理還不算太麻煩，問題是另一個模塊要用到其他模塊，要保證其他模塊修改後，通知所有相關模塊也更新對於的QUERY是極其麻煩的。 因此，有人問題這個問題 - 如何把緩存關閉： https://stackoverflow.com/questions/47879016/how-to-disable-cache-in-apollo-link-or-apollo-client 其中一位大哥的答案（非選中的）解決了我的問題： I would always suggest not to disable inbuild caching feature from apollo client. Instead you can always set fetchPolicy: 'network-only' for an individual queries. Something like this <Query query={GET_DOG_PHOTO} variables={{ breed }} fetchPolicy='network-only' > {({ loading, error, data, refetch, networkStatus }) => { ... }} </Query> While fetching data with this Query, it would always do a network request instead of reading from cache first.
• 重要通知

  社区大事看这里

  1
  主题
  2
  帖子

  香

  棒棒的！期待更多人加入！
• 评论和反馈

  这里欢迎任何问题，包括需要开通新Fun板块

  0
  主题
  0
  帖子
  没有新主题
• FUN版

  J4Fun的过去

  摄影Fun

  英语Fun
  37
  主题
  37
  帖子

  英

  Teva Pharmaceuticals赢得了FDA的监管批准，成为Mylan的EpiPen的第一个通用竞争对手。在2016年之前，Mylan的紧急过敏药物的价格在10年内臭名昭着超过400％，促使制药公司以一半的价格推出授权仿制药。竞争对手预计将进一步低估品牌版本，尽管传送设备的设计已被证明是模仿者的障碍。 Teva Pharmaceuticals won regulatory approval from the FDA for the first generic competitor to Mylan’s EpiPen. Mylan’s emergency allergy drug's price infamously rose more than 400% over 10 years until 2016, prompting the pharmaceutical company to introduce an authorized generic at half the price. Competitors are expected to further undersell the branded version, though the design of the delivery device has proved an obstacle for imitators. 超市巨头Kroger和自动驾驶汽车创业公司Nuro正在合作测试亚利桑那州的无人驾驶杂货店。自亚马逊收购Whole Foods以来，零售商一直在争夺顾客的购物和送货选择；周四沃尔玛在其新近重新设计的网站上公布了好于预期的收益。 Supermarket giant Kroger and autonomous vehicle startup Nuro are teaming up to test driverless grocery delivery in Arizona. Since Amazon’s acquisition of Whole Foods, retailers have been competing for customers over shopping and delivery options; Walmart posted better-than-expected earnings Thursday on the back of its newly redesigned website. 据“华尔街日报”报道，美国证券交易委员会去年传唤了特斯拉零部件供应商之一的声称电动汽车制造商误导投资者对其3型生产问题的误导。在首席执行官埃隆马斯克（Elon Musk）关于将公司私有化的推文之后，监管机构也向特斯拉董事会提供了传票。成员们早些时候曾敦促马斯克结束他的推文，其中包括关于私有化资金的断言，这些断言已经受到挑战。 The SEC subpoenaed one of Tesla’s parts suppliers last year over claims the electric car maker misled investors about its Model 3 production problems, reports The Wall Street Journal. Regulators have also served Tesla's board with a subpoena following tweets by CEO Elon Musk about taking the company private. Members had earlier urged Musk to end his tweets, which included assertions about privatization funding that have since been challenged. 此外：在特斯拉出现了第二个举报人，一名前安全工作人员指控该公司监视员工，未能披露3700万美元的材料被盗，以及可能在其加利福尼亚Gigafactory上贩卖毒品。第一位出面的员工称特斯拉从事有缺陷的制造业务。 Also: A second whistleblower has emerged at Tesla, with a former security worker alleging the company spied on employees and failed to disclose a $37 million materials theft, as well as possible drug trafficking at its California Gigafactory. The first employee to come forward alleged Tesla engaged in flawed manufacturing practices. 医学院免费？这就是纽约大学未来的发展方向。该大学表示，学费上涨和六位数的学生贷款余额正在推动新医生寻求更有利可图的专业 - 加剧初级保健和研究领域的短缺。该优惠是美国一所主要医学院的首次推出此类优惠. Medical school for free? That’s what New York University is offering going forward. The university says that rising tuition rates and six-figure student-loan balances are pushing new doctors to pursue more lucrative specialities — worsening shortages in the primary care and research fields. The offer is the first of its kind by a major medical school in the U.S. “灵魂女王”艾瑞莎富兰克林星期四在76岁时在底特律的家中去世。在她作为录音艺术家的五十年中，这位18次格莱美奖获得者成为流行音乐史上最受尊敬的歌手之一 - 并且是最畅销的产品之一，销量超过7500万张。从美国宇航局到奥普拉，全球各地的人们和团体都表示敬意；前总统奥巴马说：“在她的声音中，我们可以感受到我们的历史，所有这一切，无论在哪个方面。” “Queen of Soul” Aretha Franklin died at her home in Detroit on Thursday at the age of 76. In her five decades as a recording artist, the 18-time Grammy winner became one of the most revered singers in the history of popular music — and one of the best-selling, with more than 75 million records sold. From NASA to Oprah, people and groups across the globe paid tribute; former President Obama said, "In her voice, we could feel our history, all of it and in every shade.” 每日一点 如果在办公室感觉不对劲，最好的方法是直面问题，BPN首席执行官Lori Gaffney说。 “在工作中间接地就像在关系中保持你的感情。最终，他们会溢出并毒害一切......我总是说，让我们谈谈，并提出一个解决方案。“ Idea of the Day: If something doesn’t feel right at the office, the best approach is to face the issue head on, says BPN CEO Lori Gaffney. “Being indirect at work is like keeping your feelings bottled up in a relationship. Eventually, they’re going to spill over and poison everything… Let’s talk, I always say, and come up with a solution.”