react

Hello，大家好，相信很多学习前端的小伙伴，会有很多的疑惑： 我要学习那些技术？ 我要到哪里去学习这些技术呢？ 学习这些技术的目的对就业有什么帮助呢？ 我学到什么程度可以胜任工作？ ... 这里，pink老师给你们最全的解答。 1. HTML5 + CSS3 根据web前端发展史，建议大家先学习pc端页面开发。 包含： HTML5、CSS3、浮动、定位、盒子模型、高级技巧等等。 不用说，这是我们前端入门的最基本要求，目的是能完成页面的布局开发，这部分必须精通。 这部分知识比较简单，不要去买书看了（太浪费时间），直接看pink老师视频就够了哈。 https://www.bilibili.com/video/av80149248 学完之后，只要网上看到喜欢的页面，就可以模仿下来，意味着你掌握成功。 2. 移动端页面开发 我们先学习了pc端页面开发，但是现在移动端太常见了，所以我们也需要做移动端页面开发。 主要学习移动端常见布局：流失布局、flex布局、rem布局、响应式布局等。其中市场rem布局用的最多了，重点掌握。 网上相应的布局视频很多，可以重点学习。 最终起码把几个大厂的移动端首页写出来才可以。比如淘宝、京东、小米等。 3. JavaScript 系列 JavaScript是我们前端的核心，需要精通掌握，可以直接学习ES5，ES6就可以了

李熠：前端架构 101（一）：在谈论它们之前我们需要达成的共识 ​ zhuanlan.zhihu.com 李熠：前端架构 101（二）： MVC 初探 ​ zhuanlan.zhihu.com 李熠：前端架构 101（三）：MVC 启示录：模块的职责，作用域和通信 ​ zhuanlan.zhihu.com MVC 的不足 事件 在前几篇中，我演示了一个前端 Backbone.js MVC 框架用于解决实际问题的例子。但 MVC 依然存在几个问题 不可预测：当一个事件发生之后，你并不知道会有谁响应这个事件，是单个对象还是多个对象会响应这个事件 级联修改：当一个事件发生之后，A 组件在接收到事件之后在响应的过程中，还可能发出其他的事件触发后续的修改，你并不知道这个事件会在何处结束，会造成什么样的结果。这也和上一条「不可预测」相对应 响应顺序：如果存在多个对象响应同一个事件的话，有时候对响应的顺序是有要求的，某些变更不可以出现在其他的变更之前 有条件响应：对于传播方而言，并非希望所有的时间都一视同仁的广播出去；对于消费方而言，也并不希望一视同仁的响应所有的事件 你可能会认为事件机制存在的问题是否只存在于 Backbone.js 中，那 AngularJS 这个 MVC 框架会不会好一些呢？ 首先 AngularJS（AngularJS 代指 1.x 版本，Angular 代指 2

嗨！各位老铁，其实学编程真的很让人崩溃。 学编程现在看起来挺简单，因为网上有丰富的各种资源。然而当你实际去学的时候就发现，还是很难！ 对我来说也一样。但从某天起，我决定认认真真学编程一年。后来又过了一年，又过了一年又一年……我好像有点感悟。 如果你曾致力于学习一些重要的东西，就会知道在漫长的艰难时刻保持自己的积极性是多么困难。你怎么做呢？我说下我的经验： 1. 去开发点真东西 不要只一味地跟着教程学。它们有助于对新事物进行概述，但在此之后你必须开发点自己的东西。 你当然可以去开发另一个 To-Do-List（待办事项列表）的 App，但你想这么做吗？你不一定非要做那些别人口中的“入门必做项目”。 开发你自己想要的东西。相信你是一个富有创造力的人。设想一个可以真正帮助你的小项目或 App，或者至少看起来很酷的项目，开发出来，然后把它放在网上，从别人那里得到一些反馈，修复 bug。干就完事了。 你可以把它作为一个项目展示给潜在的未来雇主。没人关心你是否又制作了一个 To-Do_List 的 App，但 他们会关心你是否有能力开发一个网站，把抽象而模糊的想法转变成实际的产品 。 跳出思维定式来考虑，你甚至都不用找工作。如果你做得更好些，完全可以自己开发一个 App 或网站，从中收取费用。或者做出一些酷炫的产品，在 Reddit 上传播。你会成为某方面的专家、找到客户，成为自由职业者。

多年web前端从业者，说下这个问题 首先，这个问题主要问：自学web前端技术，如果才能找到一份web前端的工作。 按照现在的招聘标准来看，无论你去哪个公司面试，你只需要满足他们公司的需求就可以。 目前企业招聘前端工程师的基本需求： 1.精通DIV+CSS网页框架布局的HTML代码编写，熟悉W3C标准； 2.使用HTML5/CSS3熟练地进行页面开发； 3.具备良好的前端架构分析能力与设计能力，与开发团队保持良好沟通； 4.精通各主流浏览器（IE6+、Firefox、Chrome、Safari）间的差异性，能快速定位和解决各种兼容难题； 5.熟悉JavaScript、Ajax、Flash、JQuery、ExtJS等各种Web前端开发技术，具备一定的跨浏览器开发经验； 6.熟悉Vue，react 那么对于想自学web前端的应该如何掌握上述相关技术？ 一：首先，有这样的一种情况很常见，对于想自学web前端的人来说，他们大多数都是非常盲目的，不知道自己改如何入手，很多人在网上找一些视频，然后疯狂的过视频，很快就把一块内容都学完，他们理解的学完了就是视频看完了，但是让他们动手去做东西却做不出来，而我的理解学完了就是自己能写出东西，所以对于初学者来说一定不能盲目，要有自己的规划，不然就是浪费时间白忙活。 二：既然是学习专业技术，我个人的建议是，一定要有一个能指导你的人，不能都靠自己闭门造车

问题： I've read this answer , reducing boilerplate , looked at few GitHub examples and even tried redux a little bit (todo apps). 我已经阅读了 这个答案 ， 减少了样板 ，看了几个GitHub示例，甚至尝试了redux（todo apps）。 As I understand, official redux doc motivations provide pros comparing to traditional MVC architectures. 据我了解， 官方redux doc动机 提供了与传统MVC架构相比的优点。 BUT it doesn't provide an answer to the question: 但它没有提供问题的答案： Why you should use Redux over Facebook Flux? 为什么你应该使用Redux而不是Facebook Flux？ Is that only a question of programming styles: functional vs non-functional? 这只是编程风格的问题：功能与非功能？ Or the question is in abilities/dev

　　 需求描述 　　 当导航栏置顶时，导航栏沉浸在背景图里；当鼠标滑动滚轮到一定位置时，显示导航栏 　　 用原生JS实现 　　 给 window 添加 scroll 滚动事件并执行对应方法，这里执行方法为 handleScroll 　　 　　 react中实现 　　 在 react 中如果要使用上面的代码，需要使用生命周期函数 componentDidMount 添加 scroll 滚动事件 　　 　 注： componentDidMount 周期函数是在页面加载完， DOM 都生成后执行 　 定义handleScroll() // 定义handleScroll事件函数 handleScroll = (e) => { // 定义handleScroll事件函数 let header = document.getElementById('header' ); let footerfreeclass = document.getElementById('FooterFreeClass' ); if (window.pageYOffset >= 600) { // if语句判断window页面Y方向的位移是否大于或者400px // 当Y方向位移大于400px时，定义的变量增加一个新的样式'nav-header-change' header.classList.add('nav

一、简介 前面都是介绍关于RN基本的API组件和UI组件，这些组件在复杂的复合组件中都是以颗粒度的形式存在的，如何有效合理的利用它们进行封装，是十分有必要的。开发复合组件的好处有很多，最为明显的就是复用和独立功能模块。复合组件分为两种，一种是静态的，这种组件不具备重用的特征，由静态数据组成，开发静态页面即可，不考虑数据的传递。另一种就是动态组件，它可以通过接收外部传入的动态数据进行联动，达到组件复用的效果。 二、应用 动态组件有很多应用，最典型的例如二级菜单组件，样式固定，数据可变，通过一级目录的选择来联动刷新二级目录的数据。思路很简单，首先构建数据模型；其次，对要封装的组件进行粒度拆分，依次按照此粒度构建组件；接着，设定组件的属性接口；然后，设计组件渲染规则并分解渲染， 绑定事件；最后，引用封装的组件并传入数据模型即可。完整示例如下： HeadList.js【粒度组件：头部标签】 import React, { Component } from ' react ' ; import { StyleSheet, View, Text, TouchableOpacity } from ' react-native ' ; export default class HeadList extends Component{ render(){ let headData = this

　　 前言 　　 最近在用 react antd 学做公司后台管理系统，遇到一个小问题， 　　 想要点击编辑按钮后把作品描述中的小猫搭桥的值回显在 modal 弹出框中的 input 中 　 　 　　 antd 表单组件的 form.create() 中有一个 getFieldDecorator() 提供了 initialValue 属性来显示 input 回显值, 　　 但 initialValue 属性必须设置在 getFieldDecorator() 中，而这个方法在 antd3 中必须要用 form.create() 包裹才行， 　　 个人感觉代码有点冗杂，想简化一下代码，后发现新版本 antd4 中已经进行了简化，并且删除了 form.create()， 　　 　　 但因为 antd4 还不太稳定，担心项目出问题，并且 antd3 目前也满足需求，所以不打算升级到 antd4 ， 　　如果没有使用 form.create() 应该怎么设置回显呢？ 　　 解决方法 　　 给 input value 值设置为获取到接口数据后的对应值，比如下面的 formConfig对象 （ formConfig对象 名可自定义） 　　 里面装着请求接口后得到的数据 （formConfig.name的值为请求接口实际返回的name值） 并绑定 onChange 事件 　　 　　 触发

问题： I've seen both used interchangeably. 我看过两者都可以互换使用。 What are the main use cases for both? 两者的主要用例是什么？ Are there advantages / disadvantages? 有优点/缺点吗？ Is one a better practice? 这是一个更好的做法吗？ 解决方案： 参考一： https://stackoom.com/question/24gEQ/在React-React-Native中使用构造函数与getInitialState有什么区别 参考二： https://oldbug.net/q/24gEQ/What-is-the-difference-between-using-constructor-vs-getInitialState-in-React-React-Native 来源： oschina 链接： https://my.oschina.net/u/4438370/blog/4418902

之前学习hooks时根据官方例子整理的简单用法 HOOK的规则 只在最顶层使用hook 只在react函数中调用hook，不要在普通js函数中调用（在自定义hook中调用hook） 那么 React 怎么知道哪个 state 对应哪个 useState？ 答案是 React 靠的是 Hook 调用的顺序。 因为我们的示例中，Hook 的调用顺序在每次渲染中都是相同的， 所以它能够正常工作 useEffect的基础语法 import React , { useEffect } from 'react' ; useEffect ( ( ) => { // Update the document title using the browser API document . title = `You clicked ${ count } times` ; } Effect Hook 可以在函数组件中执行副作用操作 在react的class组件中，render函数是不应该有任何副作用的，在这里执行操作太早了，应该在更新dom之后才执行我们的操作 class中把副作用放在componentDidMount和componentDidUpdata函数中，相当于函数组件的useEffect 在这里useEffect做了什么呢 告诉react组件需要在渲染后执行某些操作，react会保存你传递的函数