react

编者荐语： 其实我感觉吧。说不上哪个语言会比另一个语言更好。只能说某个语言在某个方面处理某些问题更具有优势吧。 大概每个开发人员应该都会认为自己使用的语言是世界最好的语言吧。这都相对来说的。对于每个人应该都是不同的。 ​ 众所周知，知乎早在几年前就将推荐系统从 Python 转为了 Go。于是乎，一部分人就说 Go 比 Python 好，Go 和 Python 两大社区的相关开发人员为此也争论过不少，似乎，谁也没完全说服谁。 知乎从Python转为Go，是不是代表Go比Python好？我认为，各有优点，谁也取代不了谁，会长期共存！ “由 Python 语言转向 Go 语言就说明 Go 语言比 Python 语言好”完全是一种片面理解。 “语言至上论”是解决不了业务问题的，选 Go 也不行，Java 也不行。 Go 的优势是文件易部署，协程机制相对成熟且简单，以及静态编译语言的效率，还有就是编程模式相对简单。这大概是现在越来越多企业尝试Go的原因，除了知乎，B 站也把核心部件从 PHP 转到了Go。 除此之外，BAT 等互联网巨头，内部都有系统采用了 Go 语言。 那是不是说 Python、PHP 不行了？当然不是也不应该是这样的。如果要坚持Python、PHP，也是没问题。一个系统沉积太久的话，会产生很多大大小小、零零散散的“技术债”，这其间就涉及解决成本的考量，重构、重写

<h2>介绍</h2> <p>我们经常遇到一种情况。当滑动滚动条区域时，子元素滚动条到底部或顶部时就会触发父级滚动条，父级滚动条同理会继续向上触发，直至body容器。这是浏览器默认的滚动行为。</p> <p>但是很多情况，我们想要子元素滚动完成后，不触发父元素的滚动，比如 modal、侧边栏 等等。</p> <a href="http://www.jqhtml.com/19132.html" target="_blank">深入研究-webkit-overflow-scrolling:touch及ios滚动</a> <h2>详细文档 & 例子</h2> <p><a href="https://smackgg.github.io/vue-scroll-lock" rel="nofollow noreferrer">Document & Demo</a></p> <h2>vue-scroll-lock</h2> <p>一个 VUE 组件：子元素 scroll 父元素容器不跟随滚动（兼容PC、移动端）</p> <p>【 React 请移步 <a href="https://github.com/orteth01/react-scroll-lock-component" rel="nofollow noreferrer">react-scroll-lock-component</a> 】<

效果预览 React Intl 国际化步骤 创建国际化资源文件 根据语言获取国际化资源 引入 react-intl 的 local data 创建 LocaleProvider 国际化上下文组件 创建 react-intl 国际化上下文组件 使用 react-intl's components & apis，进行国际化开发 1. 创建国际化资源文件 目前我们管理资源文件的方式是在 src/locales 文件夹下： . ├── en-US.js ├── en-US.messages.js ├── zh-Hans.js └── zh-Hans.messages.js *.messages.js 是我们的资源文件(这里我们采用了 js 格式，你也可以使用 json 等等)，返回的是一个对象，key 为我们翻译用的 id，value 为具体语言的翻译，内容是： export default { 'page.localeProvider.react' : '{ name }, a JavaScript library for building user interfaces.' , 'page.localeProvider.react.html' : '<p>{ name } makes it painless to create interactive UIs. Design

想在你的Vue组件之间共享代码？如果你熟悉 Vue 2 则可能知道使用mixin，但是新的 Composition API 提供了更好的解决方案。 在本文中，我们将研究mixins的缺点，并了解Composition API如何克服它们，并使Vue应用程序具有更大的可伸缩性。 回顾Mixins功能 让我们快速回顾一下mixins模式，因为对于下一部分我们将要讲到的内容，请务必将其放在首位。 通常，Vue组件是由一个JavaScript对象定义的，它具有表示我们所需功能的各种属性——诸如 data ， methods ， computed 等。 // MyComponent.js export default { data : () => ({ myDataProperty : null }), methods : { myMethod () { ... } } // ... } 复制代码 当我们想在组件之间共享相同的属性时，可以将公共属性提取到一个单独的模块中： // MyMixin.js export default { data : () => ({ mySharedDataProperty : null }), methods : { mySharedMethod () { ... } } } 复制代码 现在，我们可以通过将其分配给 mixin

　　怎么快速入行Web前端开发？需要学习哪些内容？Web前端入门简单、就业广阔已成为人们的共识，但很多人在自学前端时却发现学习并不那么容易，繁杂的知识点让人混乱，更重要的是得不到实战锻炼机会。这是很多人学前端从入门到放弃的主因，也成为人们参加专业学习的动力。下面千锋小编为大家分享一下。 　　Web前端是为了协调前端设计与后端开发之间工作的岗位，是最接近产品和设计的工程师，起到衔接产品和技术的作用。一个合格的Web前端工程师需要掌握HTML、CSS、JavaScript等基础技能，还要掌握ajax、angular、Vue等进阶加分技能，更重要的是要有与之匹配的实战经验。 　　想要快速获得这些技能，选择专业学习很重要，而内容是你选择时参考的重点！以千锋Web前端开发为例，你将学到这些内容： 　　第一阶段：前端页面重构。主要内容包括PC端网站布局、HTML5+CSS3基础、WebApp页面布局。 　　第二阶段：JavaScript高级程序设计、PC端全栈开发。主要内容包括原生JavaScript交互功能开发、面向对象进阶与ES5/ES6/ES7应用、JavaScript工具库自主研发、jQuery经典交互特效开发、PHP+MySQL后端基础、前端工程化与模块化应用等。 　　第三阶段：Node.js后端开发、Vue.js前端框架、React前端框架、混合开发(Hybrid,RN)

　　Object.defineProperty()方法被许多现代前端框架（如 Vue .js，React.js）用于数据双向绑定的实现，当我们在框架Model层设置data时，框架将会通过Object.defineProperty()方法来绑定所有数据，并在数据变化的同时修改虚拟节点，最终修改页面的Dom结构。 一、语法 Object.defineProperty(obj, prop, descriptor) obj：必须，被定义或修改属性的对象； prop：必须，要定义或修改的属性名称； descriptor：必须，属性的描述描述符 返回值 函数将返回传递给他的obj对象本身。 二、描述符（descriptor）说明 该方法允许开发者精确的对对象属性的定义和修改。通过正常赋值进行属性添加而构建的属性会被枚举器方法（如for…in循环或Object.keys方法）获取，从而导致属性值被外部方法改变或删除。而Object.defineProperty()可以避免以上描述的情况，默认的，通过Object.defineProperty()添加的属性是默认不可改变的。 　　属性描述参数（descriptor）主要由两部分构成：数据描述符（data descriptor）和访问器描述符（accessor descriptor）。 　　数据描述符就是一个包含属性的值

我个人对Vue3的体验感受是非常好的，RFC讨论新API(Composition得通过需要少量的API的学习成本，或许可以得到更好的体验。再此我是保持中立的，框架的更新改版我的理解就是：解决前代被人吐槽的地方，优化性能，缩小体积，更强大的功能。在此之前，通过这次直播，我来总结下 Composition API 和 Options API 之间究竟解决了什么问题 按需引入 按照大佬的说法，Vue CompositionAPI支持按需引入，众所周知在Vue2 Options API中，它将其所有的功能都融会贯通起来，通过官方的Vue3在线编译器。可以看出，在Vue3中，会动态的去对模板引擎做一个按需引入。 如原始模板： <div> <span>hello, vue 3</span> </div> 复制代码 转换后: import { createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from "vue" export function render ( _ctx, _cache ) { return (_openBlock(), _createBlock( "div" , null , [ _createVNode( "span" , null , "hello,

背景介绍 985本科，软件工程专业，前端。 工作三年半，第一家创业公司，半年。 第二家前端技术不错的公司，两年半。 第三家，个人创业半年。 可以看出，我是个很喜欢折腾的人，大学期间也做过很多项目，非常愿意参与到产品中去。技术上勉强合格，不过独自负责过很复杂的前端项目，所以一般基础面试题还有项目经历都没有太大问题。然而面对一些框架的实现原理、源码、工具等研究较少，加上技术栈比较陈旧，对 React 和 Vue 了解较少，导致水平一般都在阿里 P6 级，无法突破到技术专家的评级（P7）。 核心诉求 在换工作的时候，我也认真思考了下一份工作的核心诉求——踏实成长。 具体的讲： 技术沉淀 视野+平台 所以，一开始就拒绝了所有初创公司，只看大平台，自己心中的第一优先级是蚂蚁金服、头条。 面试过程 一共面试了四家 美团新零售 贝壳装修 蚂蚁网商银行 头条商业化 面试结果 美团 2-3+ 蚂蚁 6+ 头条 2-1 贝壳因气场不合没有发 offer。 这里就不说具体的 offer 情况了，还蛮有竞争力的。 面试总结 技术面试 基础问题永远绕不开，前端技术面的考点无外乎： 事件原理，闭包，调用栈，Promise，ES6， 工程化，webpack, 性能优化，跨域，安全问题， React、Redux 思想，Virtual DOM，Diff 算法， 移动端布局，浏览器渲染原理，Event Loop 等

笔者就读于杭州师范大学（世界上最好的大学），感谢在这里的三年，遇到的同学和导师！ 笔者在大二开始自学 Web 开发，大二上学期做的 Java 后端，大二下学期转前端，和导师做了两个商业项目。 从今年二月初准备简历，开始复习整理知识点，投递了 字节 、 腾讯 、 阿里 、 百度 ，经历大大小小的面试，最终到 4 月 17 日 接到阿里盒马意向书已经两个半月了，期间也经历过 burnout 的阶段，不过结果还是好的，现在希望通过这一篇文章，将大学里最重要的这两个月总结一下，也给大家做一些原创的、有用的、不一样的分享。 截止至发稿，目前 字节抖音挂 腾讯 PCG 口头 offer，后来接了阿里就没接腾讯 阿里盒马已上岸 百度等 HR 中… 面经 我会按照首次（一面）开始的顺序来写，腾讯 PCG，字节抖音，阿里投递的 BU 比较多，最后是百度统招（部门未知）。 为什么是这个顺序？因为我的春招，准备和投简历是同时开始的，也就是说我刚开始是比较薄弱的，知识点没复习，面试经验不够，这些都是一边面试一边总结出来的。 蚂蚁金服两轮（直通终面） 一面（电话 1h10min） 二月中旬面试，当时还是个小菜鸟，面试官很 nice，一直鼓励我，说我的项目经历丰富，愿意多挖掘我一点。我当时怕是对“挖掘”二字有什么误解，竟然还开开心心说了个“好哒”。后面对于当时还是菜鸟的我简直就是炼狱难度。 自我介绍 输入

一、序言 现在web开发最火的两个框架，react和vue。听起来就感觉很牛逼的样子。确实，不得不服，创造出这2种框架的人真的是牛逼。不过更牛逼的是为这2中框架不断完善的人。一个优秀的idea，会在很短的时间内被孵化、不断完善，这就是互联网的魅力。 好了，闲话不多说，我们进入正题。如果想看结论的，直接点击 这里 吆！ 二、react 、 vue 、 我 在讨论这两个框架之前，先和广大朋友们说清楚。本博客不掺杂太多的主观色彩，完全从个人工作中的使用情况和大家谈着2中框架。 先简略交代一下我对这两个框架的接触过程(可以直接跳过) 因为以前都是 angularjs 开发，所以，我第一个接触的是 vue 。数据绑定等众多相似之处，让我下意识的就选择了他。但是很可惜，那会网上资料不多，而且还是1.0版本，再加上工作中没有项目需要，我只是研究过一段时间的文档，并没有具体的项目开发。os：遗憾 后来，因为工作的需要，直接接触 react 做公司的OA系统。刚接触的时候，说实话， react 的 语法让你很难受，开发起来报错频繁，所以上手颇难，但是熟悉之后发现，react开发真的是好用，而且他的社区超级庞大，各种优秀的团队开发了很多现成的东西，为你的开发节省了大量时间。这里吐槽一下，80%的程序猿用代码，只有20%的程序猿在创造代码。不过这也是无奈之举，毕竟，作为一名员工第一职责是快、准