React Native

导入新项目时报错： Error:Could not find com.android.tools.build:gradle:3.3.0. Searched in the following locations: file:/F:/Android/Android Studio/gradle/m2repository/com/android/tools/build/gradle/3.3.0/gradle-3.0.0.pom file:/F:/Android/Android Studio/gradle/m2repository/com/android/tools/build/gradle/3.3.0/gradle-3.0.0.jar https://jcenter.bintray.com/com/android/tools/build/gradle/3.3.0/gradle-3.0.0.pom https://jcenter.bintray.com/com/android/tools/build/gradle/3.3.0/gradle-3.3.0.jar Required by: project : 解决办法: 在repositories{}内添加google() 它会去更换为 https://dl.google.com/ 下载 buildscript { repositories {

VS Code 的常用快捷键和插件 一、vs code 的常用快捷键 1、注释 ： 　　a) 单行注释：[ctrl+k,ctrl+c] 或 ctrl+/ 　　b) 取消单行注释：[ctrl+k,ctrl+u] (按下ctrl不放，再按k + u) 　　c) 多行注释：[alt+shift+A] 　　d) 多行注释：/** 2、 移动行 ：alt+up/down 3、显示/ 隐藏左侧目录栏 ctrl + b 4、 复制当前行 ：shift + alt +up/down 5、 删除当前行 ：shift + ctrl + k 6、 控制台终端显示与隐藏 ：ctrl + ~ 7、查找文件/安装vs code 插件地址 ：ctrl + p 8、 代码格式化 ：shift + alt +f 9、新建一个窗口 : ctrl + shift + n 10、行增加缩进: ctrl + [ 11、行减少缩进: ctrl + ] 12、裁剪尾随空格(去掉一行的末尾那些没用的空格 ) : ctrl + shift + x 13、字体放大/ 缩小: ctrl + ( + 或 - ) 14、拆分编辑器 : ctrl + 1/2/3 15、切换窗口 : ctrl + shift + left/right 16、关闭编辑器窗口 : ctrl + w 17、关闭所有窗口 : ctrl + k + w 18、切换全屏

声明：本文为译文，原文链接：https://www.robinwieruch.de/react-libraries React 已经诞生很久了，自从它诞生开始，围绕组件驱动形成了一个非常全面的生态，但是来自其他编程语言或者框架的开发人员很难找到要构建一个 React 系统的所有组件。如果你是来自于像 Angular 这样的框架的开发者，你可能已经习惯了框架包含了所需要的所有功能， 然而对于 React 来说，它的核心并不是完善所有的可选库。这是优势还是劣势取决于你自己。当我从 Angular 切换到 React，我绝对经历了它作为 React 的优势。 只有通过 React，您才能使用函数组件和 props 构建组件驱动的用户界面。它带有一些内置的解决方案，例如，用于本地状态和副作用的 React Hooks。 下面的文章将向您提供一些自己总结的方法，以便从补充库中进行选择，从而构建一个全面的 React 应用程序。 如何开始 React 如果你是一个完全不熟悉 React 的初学者想创建一个 React 项目，加入 React 的世界。有许多工具包项目可以选择，每个项目都试图满足不同的需求。React 社区的现状是通过 Facebook 的 create-react-app(CRA)。它提供了一个零配置的设置，并给你一个开箱即用并且简单的启动和运行的 React 应用程序

大约一个月前，谷歌公开了用于Big Transfer（BiT）的预训练模型和微调代码——Big Transfer是一种深度学习的计算机视觉模型。根据谷歌的说法，Big Transfer将允许任何人在相应的任务上达到最优表现，即使每个类只有少量的标签图片。这仅仅是这家科技巨头免费向公众开放其专有产品的一个例子。要知道，发布强大的免费开源软件已经成为科技界的常见事件，并引发了这样一个问题：大型科技公司这么做得到了什么回报？ 在90年代后期，当Open Source Initiative出现时，将源代码公开的想法被认为是一个坏策略，因为专有软件是标准，公司会尽一切努力保护软件。到2020年，开源的概念发生了巨大的变化，现在已经成为主流。 如今有许多开源技术公司，其中一些公司的年收入已经超过1亿美元（甚至10亿美元），包括红帽、MongoDB、Cloudera、MuleSoft、Hashicorp、Databricks（Spark）和Confluent（Kafka）。 除了上述科技公司高调收购和投资开源项目外，谷歌和Facebook等科技巨头也把开源放到了难以置信的重要位置，因为开源对于收集新产品的创新和建立一个庞大的开发者社区非常重要。例如，Flutter vs React Native、Tensorflow vs PyTorch、Kubernetes等

翻译 | 《JavaScript Everywhere》第2章 项目简介（^_^） 写在最前面 大家好呀，我是毛小悠，是一位前端开发工程师。正在翻译一本英文技术书籍。 为了提高大家的阅读体验，对语句的结构和内容略有调整。如果发现本文中有存在瑕疵的地方，或者您有任何意见或者建议，可以在评论区留言，或者加我的微信：code_maomao，欢迎相互沟通交流学习。 (σﾟ∀ﾟ)σ..:*☆哎哟不错哦 第2章 项目简介 想象一下，你站在当地的一家小餐馆的店铺前，决定在那里点一个三明治。服务员把你点的菜都写在一张纸上，然后把纸递给厨师。厨师阅读订单，使用单独的配料来制作三明治，并将三明治交给服务员。服务员会把三明治拿给你吃。如果你想要一些甜点，这个过程会再次重复。 应用程序编程接口（API）是一组规范，它允许一个计算机程序与另一个计算机程序进行交互。 Web API的工作方式与订购三明治的方式几乎相同。客户端请求一些数据，该数据通过超文本传输协议（HTTP）传输到Web服务器应用程序，Web服务器应用程序接受请求并处理数据，然后将数据通过HTTP发送给客户端。在本章中，我们将探讨Web API的广泛内容，并通过将starter API项目克隆到本地计算机上来开始我们的开发。但是，在进行此操作之前，让我们先探讨将要构建的应用程序的需求。 在本书中

感谢支持ayqy个人订阅号，每周义务推送1篇（ only unique one ）原创精品博文，话题包括但不限于前端、Node、Android、数学（WebGL）、语文（课外书读后感）、英语（文档翻译） 如果觉得弱水三千，一瓢太少，可以去 http://blog.ayqy.net 看个痛快 一.困境 做动画难免会有类似的经历： Digging through frameworks for reference, guessing durations, manually creating Bézier curves, and re-making animations with nothing more than a GIF for reference 照着GIF图/效果视频去模仿，猜测动画时长，手动创建贝塞尔曲线……反复调整参数，一遍遍目测效果，最后发现： 存在很多细节差异 效果不够细腻 由于兼容性等约束，有些效果没法实现 好不容易实现了，还原度却达不到要求。通常要么设计师妥协，要么坐一起再调个半天，改到对方满意为止，结果调整细节耗费的时间比预想的多好几倍，效果还是差强人意 有经验的设计师会从AE（Adobe After Effects）中粘出一些有用的信息，比如贝塞尔曲线参数、动画时长……甚至能够提供一些实现思路，但无论怎样， 照着视频实现动画就像临摹，效果差异几乎是不可避免的

问题 react-native版本 0.53.3 react-native-splash-screen版本 3.0.6 一切配置妥当后出现如下问题： 在android studio里的调试报错为 android.content.res.Resources$NotFoundException: Resource ID #0x7f040038 type {这里是#什么的} is not valid ###原因 react-native-splash-screen版本 3.0.1 和 3.0.6 有所不同 差异如下，下面是3.0.6版本： 由这两个文件可以看出新引用了 primary_dark 的color refs.xml styles.xml <img src="https://images2018.cnblogs.com/blog/1116285/201803/1116285-20180323152739496-20830260.png" width="700"> ###解决 问题出现在找不到新版本引用的color，所以解决如下： 在项目 android/app/src/main/res/values/ 目录下新建 colors.xml 文件，并在其中增加新版本引用到的 primary_dark 值： <?xml version="1.0" encoding="utf-8"?>

大前端时代 现在的前端，已经不是只能制作 H5 网页，发送 Ajax 请求这样比较简单的岗位。一个真正意义上的大前端，可以同时开发跨平台桌面、移动端，小程序，中间件编写、 docker 自动化、云端服务器部署等。 写这篇文章的起因 最近很多朋友在吐槽，社区重复出现了很多篇 10分钟 精通**技术，万字长文彻底了解 ES 系列等文章，其实技术分享并没有什么问题，只是这样反复的技术文章出现说明， 目前的前端技术栈，已经基本稳固，再有出现，短期难有爆发。 关键是很多人询问，该怎么学习前端技术，工作经验很少等等。可是我的工作经验其实也很短呢。 刚好今晚与一起做即时通讯的后端同事在谈论技术，于是想写一篇关于 2020 年前端技术栈的文章。 以下是作者本人推荐掌握的技术栈： 首先是： 原生基础三剑客： JavaScript 、TypeScript 、 Node.js 抛出一个问题： 是不是有了React、Vue等框架就不需要Dom操作，不需要了解JQuery了？ 答案：实现越复杂的功能， DOM 操作越重要，框架底层也是 DOM 操作。只不过加了些中间层（ diff 算法等），想深入了解的可以 gitHub 看我的仓库 mini-react ，自己实现的 React 框架～ https: //github.com/JinJieTan/mini-react JavaScript 的学习：

React Native图片缓存解决方案 参考文章： （1）React Native图片缓存解决方案 （2）https://www.cnblogs.com/allenxieyusheng/p/9122747.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/u/3797416/blog/4949450

环境搭建步骤 1：不要把项目放在中文目录下，不然会曝出一些很奇怪的问题，例如转码失败等 2：当我们在Android真机上运行项目时，想要热加载的话，我们需要摇晃手机，并选取enable live Reload选项 React Native的升级与降级 1：React Native现在版本迭代更新速度较快，我们需要不断进行升级（升级前需先备份），那详细步骤是怎么样的呢？首先我们先查看本地版本 确认好后，我们查看react-native现有版本，可以看到现在现在最新的版本也是0.60.4 如果我们版本过旧，想要升级就可以使用以下指令 升级完后，常见的错误就是依赖模块版本不统一，我们根据提示升级React相关模块即可。我们运行以下命令： 至此，升级操作完成。 2：假如我们升级到最新版本后，程序不是特别稳定，想回到旧版本，我们该怎么办呢？第一种是修改package.json文件；第二种是执行命令npm install --save react-native@版本号，之后更新相关依赖文件即可。如果降级之后报错，建议删除node-modules后，然后再使用npm install命令重新下载依赖文件。 来源： oschina 链接： https://my.oschina.net/u/4271255/blog/3450151