JSX语法，像是在Javascript代码里直接写XML的语法，实质上这只是一个语法糖，每一个XML标签都会被JSX转换工具转换成纯Javascript代码，React 官方推荐使用JSX， 当然你想直接使用纯Javascript代码写也是可以的，只是使用JSX，组件的结构和组件之间的关系看上去更加清晰。 //使用JSX ReactDOM.render( <div> <div> <div>content</div> </div> </div>, document.getElementById(‘example’) ); / …
什么是生命周期 Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。 在Vue的整个生命周期中，它提供了一系列的事件，可以让我们在事件触发时注册js方法，可以让我们用自己注册的js方法控制整个大局，在这些事件响应方法中的this直接指向的是vue的实例。 每个钩子函数都在什么时间触发 beforeCreate 在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。 created 实例已经创 …
1.将react的相关链接引入： <script src=”https://cdn.bootcss.com/react/16.0.0/umd/react.production.min.js”></script> <script src=”https://cdn.bootcss.com/react-dom/16.0.0/umd/react-dom.production.min.js”></script> <script src=”https://cdn.bootcss.com/babel-core/5.8.38/browser.min.js” …
什么是 Angular？ Angular 是一个开发平台。它能帮你更轻松的构建 Web 应用。Angular 集声明式模板、依赖注入、端到端工具和一些最佳实践于一身，为你解决开发方面的各种挑战。Angular 为开发者提升构建 Web、手机或桌面应用的能力。 1. 设置开发环境 如果你的机器上还没有Node.js?和npm，请先安装它们。 请先在终端/控制台窗口中运行命令?node -v?和?npm -v，?来验证一下你正在运行 node?6.9.x?和 npm?3.x.x?以上的版本。?更老的版本可能会出现错误，更新的版本则没问题。 然后全局安装?Angular CLI?。 npm inst …
#定义Nginx运行的用户和用户组 user www www; #nginx进程数，建议设置为等于CPU总核心数。 worker_processes 8; #全局错误日志定义类型，[ debug | info | notice | warn | error | crit ] error_log /var/log/nginx/error.log info; #进程文件 pid /var/run/nginx.pid; #一个nginx进程打开的最多文件描述符数目，理论值应该是最多打开文件数（系统的值ulimit -n）与nginx进程数相除，但是nginx分配请求并不均匀，所以建议与ulimit …
工作经验往往不是以年衡量的，甚至有些时候跟时间没有关系。 今天想要分享的一点，是关于“为什么你的工作经验不值钱”，或者“怎么样才能让工作经验值钱”。庸俗，却能让每个人提起精神。 从一个小小的面试题目入手： 编写一个javscript函数 fn，该函数有一个参数 n（数字类型），其返回值是一个数组，该数组内是 n 个随机且不重复的整数，且整数取值范围是 [2, 32]。 如果愿意，请先暂停阅读，自己动手写一下这个函数。是的，很简单。等你五分钟。 华丽的五分钟过去了? 现在假设你的工作时间为 y 年，经验系数默认为 1，即工作经验是：Y = 1 * y。从现在开始，以下的错误，你要是 …
1、首先渲染引擎下载HTML，解析生成DOM Tree 2、遇到css标签或JS脚本标签就新起线程去下载他们，并继续构建DOM。（其中css是异步下载同步执行）浏览器引擎通过 DOM Tree 和 CSS Rule Tree 构建 Rendering Tree 3、 通过 CSS Rule Tree 匹配 DOM Tree 进行定位坐标和大小，这个过程称为 Flow 或 Layout 。 4、最终通过调用Native GUI 的 API 绘制网页画面的过程称为 Paint 。 当用户在浏览网页时进行交互或通过 js 脚本改变页面结构时，以上的部分操作有可能重复运行，此过程称为 Repaint …
首先应该是一个优秀的程序员 其次是努力使自己成为某一领域的技术专家 通过技术更好的服务于团队和业务 提高沟通能力，团队协作，发现问题，解决问题，总结问题能力 写写博客，输出就是最好的学习 提升个人前端的工作效率和工作质量 关注前端前言技术和发展方向，通过新技术服务团队和业务 一专多长 想成为优秀的前端工程师，首先在专业技能领域必不可少，其次在团队贡献、业务思索、价值判断上也有要求。这三方面能决定你的专业技能能够为公司产出多大的价值。 程序员最核心的竞争力是学习力和责任。 学习能力的源泉就是好奇心，也就是对新知识的渴求，以及对探索未知的冲动。 本文链接地址: 前端职业规划