前言干净的代码易于阅读，简单易懂，而且组织整齐。在这篇文章中，列举了一些平时可能需要关注的点。如果你不同意其
转载
2021-06-14 22:27:33
283阅读
这篇文章中的技巧和方法是我个人的喜好，仅供参考。() => {
原创
2022-11-23 03:35:53
177阅读
文章目录React 代码规范1、基础规则2、组件声明（1）组件名称和定义该组件的文件名称建议要保持一致；（2）不要使用 displayName 属性来定义组件的名称，应该在 class 或者 function 关键字后面直接声明组件的名称。3、React 中的命名4、JSX 写法4.1、标签（1）当标签没有子元素的时候，始终使用自闭合的标签 。（2）如果标签有多行属性，关闭标签要另起一行 。（3
转载
2024-08-21 11:09:01
23阅读
这篇文章非常长，写这篇文章的初衷是为了沉淀这几年在项目上的一些代码实践，同时也希望能够听听外界的声音，毕竟闭门造车不可取。
转载
2022-04-12 14:36:49
297阅读
这篇文章非常长，写这篇文章的初衷是为了沉淀这几年在项目上的一些代码实践，同时也希望能够听听外界的声音，毕竟闭门造车不可取。
原创
2022-04-01 22:34:23
161阅读
1、基础规则 一个文件声明一个组件： 尽管可以在一个文件中声明多个 react 组件，但是最好不要这样做；推荐一个文件声明一个 react 组件，并只导出一个组件； 使用 jsX 表达式： 不要使用 React.createElement 的写法； 函数组件和 class 类组件的使用场景： 如果定
转载
2020-09-21 15:31:00
466阅读
2评论
如何管理好你的源代码的十条建议发表于：2012-03-12来源：开源中国社区作者：不详 标签：源代码管理;vss源代码管理是我们工作中很重的一部分，是很多开发组的生命。但是我们往往在这方面犯错，不理解很多基本的，核心的版本控制的概念。 我在这里列出了十条建议，可以说是戒律。虽然我会用 Subversion 和 .NET 来做示例，但这些戒律和你用的编程语言还 源代码管理是我们工作中很重
转载
精选
2014-05-26 10:42:41
436阅读
建议遵守以下约定： 使用 4 个空格来缩进 永远不要混用空格和制表符 在函数之间空一行 在类之间空两行 字典，列表，元组以及参数列表中，在 , 后添加一个空格。对于字典，: 后面也添加一个空格 在赋值运算符和比较运算符周围要有空格（参数列表中除外），但是括号里则不加空格：a = f(1, 2) +
原创
2022-05-20 22:41:11
230阅读
1、如果能将类的方法定义成static，就尽量定义成static，它的速度会提升将近4倍。
2、$row[’id’] 的速度是$row[id]的7倍。
3、echo 比 print 快，并且使用echo的多重参数（译注：指用逗号而不是句点）代替字符串连接，比如echo $str1,$str2。
4、在执行for循环之前确定最大循环数，不要每循环一次都计算最
转载
精选
2012-08-26 17:46:31
252阅读
create-react-app myAppcd myAppnpm start这样你就简单的完成了一个 react app 建立，其目录结构如下（ 图中不包括 node_modules 目录，下同 ）：Hello World我们删除一些不必要的东西，然后修改目录结构如下（不能删 node_modules 目录，如果删了就在项目目录下运行 npm i 就好了）：其中 components 是个目录。
总述： 1.各人的代码彻底分开，创建自己的api文件、组件文件夹、仓库文件夹、页面文件夹、工具函数文件等，仅保留极其少
原创
精选
2024-04-28 13:59:57
171阅读
【react】父组件向子组件传值
父向子是用props，然后再子那边有一个监听函数
componentWillReceiveProps:function(nextProps){
this.setState({
visible:nextProps.visible,
item:nextProps.item,
转载
2024-07-08 18:21:03
26阅读
代码审查是开发过程中的一个环节，顾名思义，代码审查需要一位或多位开发人员审查另一位开发人员（即代码的作者）编写的代码，以确保： 代码没有任何错误，没有bug，也没有问题； 代码符合质量与样式指南的要求和标准； 代码完成了所有预期功能； 合并代码后，代码库仍然能够正常运行，且达到更好的状态。 这就是为
原创
2021-07-17 14:22:50
273阅读
一、前言最近在看前端react项目，在此总结下react项目启动加载过程，启动后是怎么显示首页的。(Ant Design Pro项目)PS：需要大概了解下React与ES6二、react项目启动加载过程1.项目依赖安装与本地启动以本人的项目为例，是Ant Design Pro项目；下载好项目后，首先需要安装依赖（node_modules）：npm install然后，查看package.json文
转载
2023-12-10 11:47:10
62阅读
现在最热门的前端框架有AngularJS、React、Bootstrap等。自从接触了ReactJS，ReactJs的虚拟DOM（Virtual DOM）和组件化的开发
一、ReactJS简介
React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的
转载
2024-01-08 11:00:14
75阅读
开发建议与代码优化代码体积精简使用 webpack 的代码剔除能力可能存在部分逻辑在 web 端和小程序端需要使用不同的实现，该部分代码可以抽离成一个单独的模块或者插件，暴露接口给业务端代码使用。在模块内可以使用上述提到的 process.env.isMiniprogram 环境变量进行判断区分当前运行环境。比如上述提到的 actionSheet 实现就可以抽离成一个 vue 插件实现。PS：注意
转载
2021-03-03 15:27:15
425阅读
修改某条记录的值，建议使用write方法，而不是直接使用[model].attr = values 如果直接使用属性
原创
2022-08-02 06:29:44
130阅读
一直在用react进行编码，下面来看一下react框架的源码，了解一下react框架的思路。首先，看下packages/react文件夹下的代码，也就是React通过packages/react/index.js,可以大致了解到有哪些常用的react apiexport {
__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
act as u
转载
2024-05-21 05:43:38
46阅读
React笔记(五)1.组件化React应用采用基于组件的架构方式，也就是说可以将一个复杂的页面分解成一个个较简单的组件来实现。但组件在开发时，常常会遇到一些问题，比如为单一组件赋予了过多的指责。这在项目上是可行的，但如果需要修改现有功能，或者创建新功能，就大大增加了工作量。export default class Demoe extends Component {
state={
c
转载
2023-11-27 15:10:29
71阅读
一、react项目流程create react app文档1、安装npm i create-react-app -g
create-react-app myapp
或者
npx i create-react-app myapp2、创建基本目录，将App.jsx移入layout中入口找布局，布局找页面，页面找组件-[myreactapp] 项目名
---[src]
-----[components]
转载
2023-12-14 22:13:18
100阅读
