react

https://github.com/sorrycc/awesome-javascript 🐢 A collection of awesome browser-side JavaScript libraries, resources and shiny things. Awesome JavaScript A collection of awesome browser-side JavaScript libraries, resources and shiny things. Awesome JavaScript Package Managers Loaders Bundlers Type Checkers Testing Frameworks QA Tools MVC Frameworks and Libraries Node-Powered CMS Frameworks Templating Engines Articles/Posts Data Visualization Timeline Spreadsheet Editors Documentation Utilities Files Functional Programming Reactive Programming Data Structure Date String Number Storage Color

不久前，尤雨溪发布了 Vue 3.0 Beta 版本。 发布之后我们对社区里的前端开发者做了一次调查沟通，大家普遍认为 Vue 已经具备了商业项目开发的必备条件，如语法精炼、优雅而简洁、代码的可读性高、成熟的组件模块化能够让开发者从编码中获得乐趣等等，当然，还有商业项目开发最为看重的与第三方控件的结合能力。 正是这些能力，确保了“后浪” Vue 能够与 React、Angular 等老牌前端开发框架并驾齐驱，在国内开发者当中占据越来越重要的位置，逐渐有发展成为国内三大前端框架之首的趋势。 不过，在读者看来，Vue 作为近几年发展最快的JS框架， 其崛起主要原因不单单是因为粉丝的过度追捧，也并不是因为某个大公司的权威推动。和 React、Angular 相比，Vue 在可读性、可维护性和趣味性之间做到了很好的平衡，结合我们之前为大家推荐过的纯前端表格控件 SpreadJS，有用户表示仅通过一周的自学就搞出来了一个可供企业内部使用的表格协同文档系统。 本文我们将通过分析 Vue 的特性，谈谈为什么商业项目开发我更推荐 Vue，而不是React 和 Angular。 Vue、React、Angular 优势对比 这个对比表应该可以代表大部分人对于三大前端框架的理解。 React 的灵活性很高，这就决定了它的上限也很高。但 React 相对于 Vue，规矩更多

区块链软件开发技术作为一项信息技术越来越引发人们的关注，区块链软件开发技术利用分布式节点共识算法来生成和更新数据。区块链软件开发技术的三大特点是完备可追溯、去中心化和去信用化。区块链技术有多种呈现方式，其中，比特币就是区块链技术的一种呈现方式，那么，区块链软件开发技术主要应用在哪些方面呢？目前在区块链积分兑换、区块链积分商城、交易所搭建、电商系统等方向形成了完善解决方案，经验丰富，可快速搭建。 区块链软件开发技术应用领域： 1.金融领域。 区块链的信息加密技术为金融行业的服务升级提供了很大的帮助。各类金融资产，如股权、债券、基金等数据都能整合到区块链的账本中，成为链上的数字资产。例如，交易所系统开发等应用，区块链技术交易所平台系统开发、区块链合约跟单系统、区块链积分系统搭建、区块链币币交易所开发等，快速搭建。 2.公共服务领域。 公共服务是促进经济增长和社会进步的的重要因素，借助区块链的技术建立不可篡改的数字证明，提高了社会公平性，更好地提升服务水平。 3.物联网领域。 当前的物联网技术还处于完善阶段，依赖中心化的网络架构，设备基本是通过云服务器链接。区块链技术则是发生互动的设备间促进处理和协作的框架，网络上的每个设备都可以作为一个独立的主体运行。 4、数字版权领域 通过区块链技术，可以对作品进行鉴权，证明文字、视频、音频等作品的存在，保证权属的真实、唯一性。 5、保险领域

转自于: https://www.jianshu.com/p/333f390f2e84 写了一段时间的 react 之后，渐渐的喜欢上了使用 react 来写应用。 我们知道， Facebook 在推出 react 时打出的旗号之一就是高性能。 今天我们还一起来聊一聊 react 的性能优化，思考还能通过哪些手段来提升React的性能，使我们的 react 更快，性能更好。 一，react组件的性能优化（渲染角度优化） 1，react性能查看工具 再讲性能优化之前，我们需要先来了解一下如何查看react加载组件时所耗费的时间的工具，在react 16版本之前我们可以使用 React Perf 来查看。 大家可以在chorme中先安装React Perf扩展，然后在入口文件或者 redux 的 store.js 中加入相应的代码即可： React Perf 在最新的React16版本中，我们可以直接在url后加上 ?react_pref ，就可以在chrome浏览器的 performance ，我们可以查看 User Timeing 来查看组件的加载时间。 react16.0_pref 使用此工具的具体操作大家可以看下图： react16.0_pref.gif 2，单个react组件性能优化 2.1， render 里面尽量减少新建变量和 bind 函数

来自专辑 Spring 系列 古时的风筝第 71 篇原创文章 前面已经粗略的讲了 Spring 的 IoC 过程 「看完就懂的 Spring IoC 实现过程」，之所以又从 Spring Boot 的角度来说，是因为现在大多数开发都采用 Spring Boot 了，而且 Spring 官方也推荐使用 Spring Boot，而且Spring Boot 的启动入口比较明显，从入口往下推比较容易。但是，其实这个 IoC 过程中 Spring Boot 并没有做什么，核心的东西还是 Spring 自己的，因为 Spring 除了 XML 配置之外，本身就是支持完全注解的方式的。 什么是 IoC IoC，全称 Inversion of Control - 控制反转，还有一种叫法叫做 DI( Dependency Injection)-依赖注入。也可以说控制反转是最终目的，依赖注入是实现这个目的的具体方法。 什么叫控制反转 为什么叫做控制反转呢。 在传统的模式下，我想要使用另外一个非静态对象的时候会怎么做呢，答案就是 new 一个实例出来。 举个例子，假设有一个 Logger 类，用来输出日志的。定义如下： public class Logger { public void log(String text){ System.out.println("log:" + text); } }

Kendo UI for jQuery R2 2020 SP1试用版下载 Kendo UI 目前最新提供 Kendo UI for jQuery 、 Kendo UI for Angular 、 Kendo UI Support for React 和 Kendo UI Support for Vue 四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库。 隐藏的容器 如果在隐藏的容器内初始化Grid，则Grid可能无法正确调整其布局。 例如，当您应用滚动、虚拟滚动或锁定的列并在隐藏容器中初始化Grid时，将无法正确调整其垂直布局，因为JavaScript尺寸计算不适用于display：none样式的元素。 如果出现以下任何情况，则可以确定网格是在隐藏状态下初始化的： 网格看起来小于预期 可滚动的数据区域溢出了网格的底部边框 即使启用了虚拟滚动，垂直滚动条也不可见 冻结的列太窄，非冻结的列不可见 pager可能不会出现，或者可能是最小的pager，而不是完整的pager 若要处理与隐藏容器内的网格初始化有关的操作，请选择以下任意一种方法： 1. 延迟Grid的初始化或更改各种Kendo UI窗口小部件的初始化顺序，以便在其元素可见后初始化Grid。 2. 小部件可见后，执行Grid的resize方法。 3. 替代其配置中的网格设置整体高度

壹 ❀ 引 找工作半个月了，一周面两三家的样子，前前后后大概面了八家左右，先说结论，拿到了三家offer，虽然没有进大厂，但其中一家是自己很想去的公司所以后面不会再面试了，福利待遇（弹性打卡，导师一对一培训，mac，公司有猫..），技术团队都非常nice！！对于我这种急切渴望提升自身技术的人，确实是一个极好的结果，所以今天真的很开心！！当HR通知我最终面试通过时... 说下整体找工作感受吧，面试机会还是很多的，并不是大家想的疫情影响，找工作会多难多难，还是那句话，只站到找到工作的角度并不困难，但如果想找好一点的工作一定是需要一点时间的，所以这个阶段必定会承受一部分的压力，但是为了好的结果，这些都是值得的，我就是一个例子。 这篇文章可能更偏向于杂谈，并不会全部围绕面试展开，因为这周我也没怎么面试，所以看心情写好了，那么本文开始。 贰 ❀ 补一个复试 还记得上篇文章中第二家我很看好的公司吗，就是视频初面聊了一个半小时的公司...在本周二下午三点约了复试，分为CTO技术面与HR综合面。我面试有个小心得，到了面试地点看公司规模与装修，公司小装修不好的等于面试不会太难，公司大装修精致暗示面试有困难，所以我的紧张程度也会受这个影响。 当我到这家公司是下午两点半，一看整层楼都是他们公司，装修还贼好，当时我就紧张了！！！当然也证实了自己的眼光没错，这就是我想进的公司啊。因为前台与HR沟通失误

汉得技术中台HZERO 一款基于微服务架构的技术中台产品，可支持企业各类系统搭建或产品研发，帮助企业快速构建技术中台。 汉得技术中台HZERO是企业级技术中台， 结合汉得多年的项目实施经验，应用微服务、容器、DevOps等云原生技术，封装了大量技术开发包、技术应用组件、技术场景实现能力，并结合以人工智能、大数据、物联网和云技术为代表的新一代信息技术，建设成为可支持各种企业级数字化应用的技术开发与应用平台。 基于沉淀的各种技术组件与能力，能快速组合实现业务场景，帮助企业更加高效便捷地落地产品研发、业务需求，快速进行数字化转型，减少企业在数字化过程中重复造轮子带来的成本浪费。支持SaaS模式应用， 提供了一个可支持企业各业务系统及产品快速开发实现的微服务应用数字化融合平台， 富含各类开箱即用的组件G-General、A-AI、B-BigData、M-Mobile、D-DevOps，助力企业跨越Cloud（IaaS/PaaS）与自身数字化的鸿沟，共享业务服务的组合重用，为企业服务化中台整合、数字化转型提供强力支撑，也为企业提供了最佳架构实践。 同时，HZERO 使用 Spring Cloud 作为微服务分布式系统，还基于 Spring Boot 进行了通用性模块的封装，例如鉴权服务、调度服务、消息服务等等；前端使用 React 作为开发组件，基于AntD进行二次封装和改造并自研了C7N

一定要在最好的年纪拥有学习能力 最近的小收获 什么叫学习能力 什么是最好的年纪 找到目标，开始行动 最近的小收获 开车 今年目前为止最大的收获应该是学会了开车和游泳。开车没什么好说的，胆大心细+经常开（一有机会就开)。很多人第一次开车上高速，进隧道都会很紧张。容易紧张无非就是怕自己操控不当，出现意外。但是我感觉还好，第一次上高速很淡定。是因为我掌握了某种开车技巧吗？不，是因为我心态比较好。 “只要我正常操作，别人可以做到的，我也一定可以”。我总是用这种心态鼓励自己去战胜第一次做某件事情的担忧和恐惧。 减肥 疫情期间在家胡吃海喝，完全不运动。今年年初返沪时，同事都说我明显胖了，自己也有所察觉。于是减肥就纳入了日程。找同事要了减肥食谱（非常少的碳水）。米饭、面条和粉条都是高碳水食物。而我每一天都少不了一顿米饭或面粉条。吃两碗米饭也是常用的事情。 所以刚开始看到减肥餐的时候，我内心是拒绝的。我觉得我做不到不吃（少吃）碳水。后面买了几件新衣服。穿在自己身上跟模特身上差别太大，有时候看到某宝直播间的模特试衣，更是羡慕不已。各种原因冲击，我决定开始减肥。 第1周减肥餐+游泳就瘦了4斤，有点信心了。第2周特殊原因不能游泳，体重没变化（所以除了减肥餐，运动也非常重要）。第3周恢复游泳，又瘦了4斤。总的来说这个月吃【减肥餐+游泳】瘦了8斤。 结果还是很满意的，体重回到疫情之前

如果是网关等服务，可以将路由及每个路由的权限缓存到redis数据库中，用户访问，在网关进行鉴权： token比对redis缓存的token，不存在返回 token进行jwt解析，获取roles 通过api的path和访问模式在redis数据库中获取该接口通行的roles token中的roles和api对应的roles有相交说明有权限，否则返回 roles同时通过 ReactiveSecurityContextHolder 进行设置 1. 启动时api信息写入redis 通过 PostConstruct 在启动时将数据库中的数据转存到redis中 key通过 api_path_method 的方式存储： String key = "api_" + api.getUrl().trim() + "_" + api.getRemark(); /** * @author: ffzs * @Date: 2020/9/1 下午12:52 */ @Component @AllArgsConstructor @Slf4j @Order ( 1 ) public class prepareRedisData { private final ReactiveRedisTemplate < String , String > redisTemplate ; private final