许小墨のBlog

03——程序流程控制各位同学，今天我们学习一个全新的知识——程序流程控制。什么是流程控制呢？说白了就是控制程序的执行顺序。 先给同学们介绍一下，程序有哪些流程控制、以及Java提供了哪些方案来控制程序的执行顺序？ 程序的流程控制一般分为3种：顺序结构、分支结构、循环结构 顺序结构：就是不加任何控制，代码从main方法开始自上而下执行 分支结构：就是根据条件判断是true还是false，有选择性的执行哪些代码。在Java语言中提供了两个格式if 、 switch 循环结构：就是控制某一段代码重复执行。在Java语言中提供了三种格式，for、while、do-while 以上就是我们今天要学习的课程内容 一、分支结构1.1 if分支各位同学，接下来我们学习分支结构的第一种形式——if分支。 if它的作用，是用于对条件进行判断，判断的结果只可能有两个值true或者false，然后根据条件判断的结果来决定执行那段代码。 1. if分支的应用场景有哪些呢？ 比如，在火车站、地铁站等公共场所，会对过往的旅客测体温。如果体温在37度以内，就属于正常的；如果体温在37读以上，测体温的装置就 ...

02——数据类型、运算符小伙伴们，又是元气满满的一天，今天继续开干！！！ 一、数据的表示详解上周我们学习了变量，我们知道变量可以用来记录数据的。那么数据在计算机底层是以什么形式表示的呢？下面我们就学习一下数据在计算机中的底层原理。 1.1 整数在计算机中的存储原理其实任何数据在计算机中都是以二进制表示的。那这里肯定有人问，什么是二进制啊？所谓二进制其实就是一种数据的表示形式，它的特点是逢2进1。 数据的表示形式除了二进制（逢2进1），八进制（逢8进1）、还有十进制（逢10进1）、十六进制（逢10进1）等。 对于二进制绝大多数同学，应该是非常陌生的。 没关系！来，大家跟着我的思路，你就知道二进制是怎么表示数据的了。 1234567891011121314151617181920212223241.二进制中只有0和1两个数 首先十进制的0和二进制的0是一样的，十进制的1和二进制的1也是 一样的。但是十进制中 有2，但是二进制中就没有2了2.那么二进制是如何表示十进制的2呢？ 1+ 1 —————————— 10 这里两个1相加，结果为2，由于二进制满2进1，所以最终结果10 ...

01 ——Java基础入门Hello，各位小伙伴大家好，欢迎来到Java的世界，咱们正式开干！！！ 一、 Java背景知识在正式开干之前，我们先了解一下Java的背景知识，方便以后你在和大家聊Java的时候可以说到一块去。 1.1 Java语言的历史 Java是哪家公司的产品？ Java是美国Sun（Stanford University Network，斯坦福大学网络公司）公司在1995年推出的一门计算机高级编程语言。但是在2009年是Sun公司被Oracle（甲骨文）公司给收购了，所以目前Java语言是Oracle公司所有产品。 Java名称的来历？ 早期这门语言的名字其实不叫Java，当时称为Oak（橡树的意思），为什么叫橡树呢？原因是因为Sun公司的门口种了很多橡树，但是后来由于商标注册时，Oak商标已经其他公司注册了，所以后面改名为Java了。那么有人好奇为什么叫Java呢？Java是印度的一个岛屿，上面盛产咖啡，可能是因为他们公司的程序员喜欢喝咖啡，所以就改名为Java了。 Java的创始人是谁？ 说完Java名称的来历之后，接下来我们聊聊Java的祖师爷是谁？ J ...

1.vue中动态组件1$ cnpm i element-plus -S 1234567// src/main.jsimport { createApp } from 'vue'import ElementPlus from 'element-plus'import 'element-plus/dist/index.css'import App from '@/App'createApp(App).use(ElementPlus).mount('#root') 1.1 单纯的动态组件1234567891011121314151617181920212223242526272829<!-- src/App.vue --><template> <div> <el-button type="primary" @click="com='Home'">首页< ...

目标vue脚手架 vue-cli底层就是webpack react脚手架 create-react-app底层就是webpack 123456789101112131415161718Vite和Webpack都是现代化的前端构建工具，用于打包、转换和优化前端资源。以下是它们的主要差异：构建速度Vite相比于Webpack在构建速度方面有优势。它采用了“按需编译”的方式，只编译修改过的文件，而其他未修改的文件则基本可以被复用，避免了不必要的重复构建过程，大大提升了开发体验和构建速度。开发体验Vite提供了快速的HMR（Hot Module Replacement）功能，可以使开发者在修改代码后，实时更新页面。相比之下，Webpack的HMR功能需要额外的配置和插件支持。配置Vite配置起来相对简单，不需要额外的配置文件，大多数配置可以通过Vite的内置配置完成，比如自定义别名、模块引入方式、热更新等。而Webpack则需要更复杂的配置文件。生态支持Webpack的生态非常丰富，有大量的插件和loader可供选择，可以满足各种需求。相比之下，Vite还比较年轻，虽然也有相应的插件可用，但是 ...

React项目说明https://v3.umijs.org/zh-CN/docs/getting-started 一.通过脚手架创建项目 cnpm i yarn tyarn -g mkdir umi-app cd umi-app yarn create @umijs/umi-app npx @umijs/create-umi-app yarn start 如果运行时报错 ·cannot find module 'umi',那么执行 yarn add umi@3 二.熟悉目录和文件1.mock http://rap2.taobao.org/ 模拟数据 http://mockjs.com/ 生成随机数据，拦截 Ajax 请求 前后端分离 让前端攻城师独立于后端进行开发 开发无侵入 不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据 数据类型丰富 支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。 增加单元测试的真实性 通过随机数据，模拟各种场景。 用法简单 符合直觉的接口。 方便扩展 支 ...

1.快速开始 确保nodejs版本在14以上 1.1 包管理器pnpm cnpm npm yarn 1.2 创建项目找个地方建个空目录。 1$ mkdir react-umi-app && cd react-umi-app 通过官方工具创建项目 - 选择其一即可，本项目采用 yarn 12345678# pnpm$ pnpm dlx create-umi@latest# bun$ bunx create-umi# npm $ npx create-umi@latest# yarn $ yarn create umi 代码格式化.prettierrc 123456789{ "printWidth": 80, // 超过最大值换行 "singleQuote": true, // 使用单引号代替双引号 "trailingComma": "all", // 在对象或数组最后一个元素后面是否加逗号（在ES5中加尾逗号） "proseWrap": &qu ...

旧：https://www.html.cn/create-react-app/ 新：https://create-react-app.bootcss.com/ 1.创建项目12# 现在npx create-react-app react-admin-app --template typescript 熟悉目录结构 123456789101112131415161718- react-admin-app -node_modules -public -src App.css App.test.tsx App.tsx的测试文件 npm run test 查看测试结果 App.tsx index.css index.tsx react应用程序的入口文件 logo.svg react-app-env.d.ts // 声明文件 // 指令声明对包的依赖关系 reportWebVitals.ts // 测试性能 seupTests.ts // 使用jest做为测试工具 .gitignore package-lock.json package.json README.md ts ...

1.项目介绍mobile-app https://www.aliyundrive.com/s/uLCS9D63dtX 点击链接保存，或者复制本段内容，打开「阿里云盘」APP ，无需下载极速在线查看，视频原画倍速播放。 实现react移动端项目 2.目标： 能够应用CRA+React+Mobx+Antd-mobile开发C端项目 掌握基于React的C端项目开发流程 学会如何应用next优化项目 3.使用技术栈 脚手架：cra dva-cli umi 脚本：ts react版本：react v18 2022年更新 react 18 路由：react-router v6 2021年10-11月 react-router v5 状态管理器：mobx v6 redux redux + react-redux redux + react-redux + 分模块 redux + react-redux + 分模块 + redux-thunk redux + react-redux + 分模块 + redux-saga redux + react-redux + 分模块 ...

1.什么是服务端渲染SSRReact.js 是构建客户端应用程序的框架。默认情况下，可以在浏览器中输出 React 组件，进行生成 DOM 和操作 DOM。然而，也可以将同一个组件渲染为服务器端的 HTML 字符串，将它们直接发送到浏览器，最后将这些静态标记”激活”为客户端上完全可交互的应用程序。 服务器渲染的 React.js 应用程序也可以被认为是”同构”或”通用”，因为应用程序的大部分代码都可以在服务器和客户端上运行。 1.1 后端渲染1$ npx express express-app --view=ejs 1234567891011121314// 服务端渲染 --- 后端渲染 ---- express --- ejs模板// 后端代码router.get('/', function(req, res, next) { res.render('index', { title: 'Express', list: ['a', 'b', &#x ...