react

几天的vue之后，给需要的盆友们带来一篇对比，也算是我近期之内业余时间的大工程，现在开始： Vue.js 是开源的 JavaScript 框架，能够帮助开发者构建出美观的 Web 界面。当和其它网络工具配合使用时，Vue.js 的优秀功能会得到大大加强。如今，已有许多开发人员开始使用 Vue.js 来取代 Angular 和 React.js 。 那么对于 Angular 和 React.js ，开发者该如何选择呢？ 下面我会对这两种框架进行简单的介绍和对比。 Vue.js 是前 Google 员工 Evan You 的开发的，并于2014年发布，现已获得了超过57,000个 GitHub star。许多开发人员都大力推荐 Vue，因为它很容易学习。如果你有深厚的 HTML、CSS 和 JavaScript 基础，那么学习 Vue.js 只需几个小时。 Vue 对开发人员最有吸引力的地方是：它的新颖、轻便，而且复杂性很少甚至没有。Vue 不但非常灵活简单，而且还非常强大，同时还提供双向数据绑定功能，就像 Angular 和 React 的虚拟 DOM 功能一样。 Vue 可以帮助开发人员以任何想要的方式来构建应用程序，这是 Angular 做不到的。 Vue.js – 多样化的 JavaScript 框架 作为一个跨平台的，高度进步的框架，Vue

近期公司前端进行代码规范，整理了一套eslint校验规则，如下所示： rules : { 'no-var' : 'error' , // 禁止使用var 'prefer-const' : 'error' , // 建议使用const 'no-const-assign' : 'error' , // 禁止修改使用const（no-const-assign）声明的变量 'object-shorthand' : 'error' , // 方法属性值简写 'quote-props' : [ 'error' , 'as-needed' ] , // 只对那些无效的标示使用引号 '' 'no-array-constructor' : 'error' , // 数组要求字面量赋值 'no-new-object' : 'error' , // 对象要求字面值创建对象 'array-callback-return' : 'error' , // 在数组方法的回调中强制执行 quotes : [ 'error' , 'single' ] , // string 统一用单引号 '' 'prefer-template' : 'error' , // 建议使用模板字符串 'no-eval' : 'error' , // 禁止使用eval 'no-useless-escape' : 'error' , //

　　还是来用react了。前端框架都研究看看。这次网站就用它来做了。因为angular使用的ts,所以一些es6的规则也不是很清晰，都摘抄在下。 　　es6允许按照一定模式从数组和对象中提取值，对变量进行赋值，这被称为解构。 　　let [a,b,c]=[1,2,3];a//1 b//2 　　对象解构： 　　let name ='a'; 　　let age=18; 　　let per={name,age}; 　　per//obj{name : 'a' ,age : 18} 　　对象相反解构： 　　let per={name:'a' , age:18}; 　　let {name ,age}=per; 　　name//'a' 　　age//18 　　对象参数解构： 　　function sum({x,y}){ 　　　　return x+y; 　　} 　　sum({x:1,y:2}); //3 　　对象解构在这里让我感到比较困惑，以前得这种对象解构，赋值只会写成let name=per.name,现在直接将值赋予变量。对象参数解构中，直接传入对象，而不是对象的值，而在方法中直接使用对象的值，这个是不是应该和对象中得参数名相同才可以这样做，做个实验： function sum({ x, y }) { return x + y; } alert(sum({ a: 1 , b: 2 }));

Excel 作为一款深受用户喜爱的电子表格工具，借助其直观的界面、出色的计算性能、数据分析和图表，已经成为数据统计领域不可或缺的软件之一。 基于Excel对数据处理与分析的卓越表现，把Excel的功能，嵌入到Web应用中，将会对应用系统带来质的飞跃。但是，这样一款沉淀数十年，经过无数次更新迭代的软件通过代码来实现，其难度不言而喻。 研发出一款功能高度类似Excel的工具有多难？ 1.研发的难度 研发投入：每年有1000亿的总研发投入，并保持每3年一次的版本升级。 处理性能：Excel 已经将最大6.5万行的性能指标提高到104万行，并开发PowerQuery和PowerPivot来继续提高Excel的数据处理能力。 要在自己的业务系统中嵌入类似Excel功能的表格模块，除了要投入大量的研发人员和时间外，如果没有深入研究过Excel的具体业务逻辑，空有人力物力也无法开发出这样的功能。别的不说，光是Excel的公式和函数，就足够耗费数倍的研发成本。 2.风险与收益 在业务系统中，自主开发一个具备Excel功能的模块不亚于去做一个全新的产品，前期需要投入大量的精力。然而，软件公司通常都是以项目为驱动，几乎不可能花费这样的精力和财力。除了研发成本外，由于其需要实现的功能模块非常复杂，还需要投入额外的物力去进行维护。 考虑到上述风险与收益，很少有公司会去做这样的事情。 3.重复造轮子

react的jsx语法很好用，但是vue的jsx语法就不是很好用了。 vue的jsx语法不能实现双向数据绑定以及各种比如v-for指令，只能自己用代码用另一种方式实现出来。着实是费了一些功夫，现在来说一下我使用vue的jsx语法过程中用到的东西吧，当个记录，也方便以后查看。 因为我的项目用得是iview的框架，所以这里用的是iview的table组件+vue2.0+jsx 传送门 ：iview: https://www.iviewui.com/components/table 　　　　vue的jsx语法： https://cn.vuejs.org/v2/guide/render-function.html#ad 以下是代码： 　　 1 // 以下是table 2 <div style="width:100%;"> 3 <i-table border :columns="columns2" :data="data2" style="width:100%;"></i-table> 4 </div> 5 6 7 // 以下是data数据 8 9 export default { 10 data(){ 11 return { 12 columns2: [ 13 { 14 title: "编号" , 15 key: "num" , 16 align: "center" , 17 width:

报错分析： 在浏览器内可以从首页跳转到其他路由地址，而不报错是因为这些是由前端自己渲染的。React Router定义的对应路由，脚本并没有刷新访问请求后台数据，是JS动态更改的location。 当刷新时，先访问的是后台地址，反馈数据后再加载页面内的React代码，最后才在浏览器内执行，这时报错404。是因为后台并没有针对这个过程的路由给出返回的HTML内容，就没有执行React-Router。 只需要把原来的BrowserRouter替换成HashRouter,这样所有的请求都会定位在index.html页面，服务器端就不需要做任何的配置了。 路由控制为BrowserRouter时，URL是指向真实URL的资源路径，当通过真实URL路径访问网站时，由于路径是指向服务器的真实路径，而该路径下并没有相关的资源，所以访问时就报错404. 在React项目中采用React-Router来配置页面路由时，React-Router是建立在history基础上，常见的history路由方案有三种形式： 1、hashHistory 2、browserHistory 3、createMemoryHisory 在本地开发时使用BrowserRouter是不出现问题的，因为在webpack.config.js中使用了webpack-dev-server就已经做好了配置。 BrowserRouter：

背景 18年公司准备在技术上进行转型，而公司技术团队是互相独立的，新技术的推动阻力很大。我们需要找到一个切入点。公司的项目很多，而各个系统之间又不互通，导致每套系统都有一套登录体系，给员工和客户都带来极大的不便。那么从登录切入进去无疑最合适，对于各个团队的技术改造成本也不大。所以我们团队第一个项目就是搭建一套统一登录认证授权系统，那么葫芦藤项目应运而生。 技术方案 后端框架：.NET Core3.1（后期会推出 .NET 5版本） 前端框架：React 数据库：mysql（可根据实际情况，自由切换） 中间件：redis 详细功能 认证授权服务 基于IdentityServer4实现的协议，支持网站、本地应用、移动端、web服务等应用的认证授权逻辑。 单点登录登出 支持各种类型应用上的单点登录登出。开箱即用的基础用户管理模块，包括：注册、登录、手机验证码、忘记密码等。为了安全考虑，集成了腾讯图形验证码。 第三方登录（微信、钉钉） 完善的第三方登录支持。支持首次登录时绑定已存在用户或注册新用户后，自动绑定。 如何快速使用 1.下载代码 clone代码到本地。根目录结构如下： 其中，backend存放的是后端代码，frontend存放的是前端代码。 进入backend目录，使用Visual Studio打开解决方案。目录结构如下： 2.生成数据库 首先在Fulu.Passport

「始」前沿 有幸在5月31号参加了《 第八届前端早早聊大会 》主办的《 前端跳槽的新起点｜前端如何搞面试 》。在这次大会中从早上9点半一直到下午6点多结束，大会含金量超高，我此次受益匪浅，屁股坐到起茧都是超级值得的。本次大会一共有 15位 来源于各大厂公司的高级前端工程师和技术专家，每个讲师都给我带来了精彩绝伦的知识与干货。 这次大会的内容不只给我的 技术生涯中带来了冲劲 ，让我认知到自己还有很多的不足与未知。同时也让我 认知到了优秀的技术人才与团队的能力模型 ，讲师们有说到他们的经历和三观，引发了我对自己“保安式”的灵魂拷问。 听完本次大会后，真的让我重新认识了自己，也重新找到了前进方向与目标。最后还收获了许多知识与秘诀。下来我来总结一下我在这个大会上吸收到的知识精华。 「一」候选人视角看待面试 首先我们从候选人（面试者）的角度来剖析和分析一下面试者应该怎么从准备到面试成功，最后拿到心仪的Offer。 「1.」面试准备 我以前准备面试的时候都会非常慌张，不知道自己需要复习什么，或者做什么准备工作。甚至还有在某宝，某猫，某东买下了一堆的书籍开始刨书。还有就是下了几个TG的视频，然后天天晚上熬夜刨视频学习。这种方法其实作用真的不是很大，而且前端那么多知识，要全部都会，都能深入了解，是并不可能的。 更重要的是我们平时每天的累积和沉淀。 那应该怎么准备呢？通过大会中各位优秀的候选人的分享

一系列令人敬畏的浏览器端 JavaScript 库，资源和闪亮的东西。 令人敬畏的JavaScript 包管理员 装载机 捆扎机 测试框架 QA工具 MVC框架和库 基于节点的CMS框架 模板引擎 文章/帖子 数据可视化 时间线 电子表格 编者 文档 公用事业 档 功能编程 无功编程 数据结构 日期 串 数 存储 颜色 I18n和L10n 类 控制流 路由 安全 日志 正则表达式 媒体 语音控制 API 流 视觉检测 浏览器检测 基准 机器学习 UI 代码高亮 载入状态 验证 键盘包装 旅游和指南 通知 滑块 范围滑块 窗体小部件 提示 模式和弹出窗口 滚动 菜单 表/网格 构架 Boilerplates 手势 地图 活版印刷 动画 图像处理 ES6 SDK 杂项 播客 值得一读 其他真棒列表 特约 包管理员 托管JavaScript库并提供获取和打包工具。 npm - npm是javascript的包管理器。 Bower - Web的包管理器。 组件 - 用于构建更好的Web应用程序的客户端包管理 spm - 全新的静态包管理器。 jam - 使用浏览器和RequireJS兼容存储库的包管理器。 jspm - 无摩擦的浏览器包管理。 Ender - 无库库。 volo - 从模板创建前端项目，添加依赖项并自动执行结果项目。 二重奏 - 下一代软件包管理器，融合Component

前言 人近三十，兜兜转转。三十而立感悟如此。 最近也开始了面试，裸辞之后，刚准备面试，许多不太适应的情况时有发生，当前的大环境也并不太平，裁员现象也频出不穷。在这种情况下去面试，不仅是对自身实力的检验，更是对人生的一次考试。 话不多说，先谈最近面试经历。 面试经历 腾讯 一面项目和技术基础。这里会问道一些基础特性，面试时间大概一个小时。前端基础，注重的是JS一些相关特性，大体面试马马虎虎。聊到项目，却碰到了坎坷，准备不充分之下，弄得面试官也很是纠结。不过好歹，面试官还是让进入二面。 二面技术原理，原理说的磕磕绊绊，自己的表现不好。还有手写代码，也写得并不完善，二面结束，也就结束了。 阿里 阿里面试时长最短，只有电话一轮，面试时间不到二十分钟。面试项目优化，性能优化方式。无奈面试官稍微引申，自己便是捉襟见肘，表现尴尬，所以，无疾而终。这个，自然是自身问题。 蘑菇街 面试体验略差，感觉像是刷KPI的，面试一轮随便问了几个问题结束。 58到家 58到家的面试，问了基础和React原理，原理说的磕磕绊绊，自己也认识到不足，有待提高，一面挂。 乘法云 一面挂，这个是学完驾照之后第一次面试，比上面的都靠前，实在是自己太垃圾了，没准备的情况下面试，好多东西都回答不上来，一面结束就挂了。 MOKA 面试体验一般，技术官一轮面试主要是面试基础，没有太多原理性质东西，面试完后，就让走了。 美团