望道同学

在上一篇文章中，我们使用 TypeScript/ESLint/Webpack 搭建了一个 React 应用。这篇文章中,我们继续在上一篇文章的基础上加入 CSS/Less/Sass/Antd 当然！样式肯定是不会生效的。因为组件根本不知道container是在哪里被定义的。 s…

在上一章节中我们已经使用 TypeScript/ESlint/Prettier/EditorConfig/stylelint,搭建好了前端规范的基础设施。这篇文章将会使用 webpack5 构建一个 React 应用。 因为这些能帮助我们提高代码质量。我们还会 使用 npm i…

使用 npm init -y 初始化一个前端项目,这会自动生成package.json 文件。当我们安装项目依赖的时候,这个文件会自动更新 TypeScript 会在编译代码时，进行严格的静态类型检查。意味着可以在编码阶段发现存在的隐患，而不用把隐患带到线上去 TypeScri…

一. Android 客户端环境搭建 react native 0.60版本及以上会自动link第三方库，如果我们执行 了 yarn add react-native-code-push 。 1. 初始化RN项目 2. 禁用 react-native-code-push 在an…

一. 前提条件 三. 数据库及其他相关配置 到https://www.grc.com/passwords.htm 这个地方，生成一个63 random alpha-numeric characters，填到tokenSecret字段里面。 根据自己的服务器地址， 如：http:…

从而提高业务的开发效率。但是我发现埋在明确需求之后，开始调研技术方案时，很多同学并不清楚要调研哪些技术点，怎么找到某个具体方向的解决方案，找到方案之后都需要试哪些case, 以及怎么把这些方案集成在一起等等。 其实不用想那么复杂，你只需要按照以下三个技术实现的关键点搞定就可以了…

一. 开发需求 正常需求来讲，我们需要区分三种环境——开发环境、测试环境、正式环境（也可以成为生产环境）。执行react-native run-android时，默认是使用了Debug环境（此处对应为开发环境），而打包时我们通常会执行cd android &&#x26…

在日常生活中，二维码出现在很多场景，比如超市支付、系统登录、应用下载等等。了解二维码的原理，可以为技术人员在技术选型时提供新的思路。对于非技术人员呢，除了解惑，还可以引导他更好地辨别生活中遇到的各种二维码，防止上当受骗。 二维码最常用的场景之一就是通过手机端应用扫描PC或者WE…

大家在开发React应用的时候，都遇到过将数组中的数据渲染成列表的情况，通常的做法是使用map()/filter()等方法,直接将数组转化为React集合，之后插入到指定的位置。在转化的过程中，需要每一个新创建的React组件显示地声明一个key属性 生产环境中却什么都不会提示…