- 博客(64)
- 收藏
- 关注
RSS订阅原创 Python基础（二）-分支与循环
if语句用于根据条件控制代码需要执行的逻辑。在这个示例中，首先检查age是否大于或等于18，如果是，则输出 “成年人”。如果不是，则继续检查age是否在13至17岁之间，如果是，则输出 “青少年”。如果上述两个条件都不满足，则执行else子句，输出 “儿童”。注意：每个条件后面都需要跟一个冒号，并且在条件为真的情况下执行的代码需要适当的缩进（通常是4个空格或者1个制表符）。此外，Python中用于判断条件的表达式可以是任意能够计算出布尔值（True或者False）的表达式。
2024-04-07 22:29:20
539
原创 NPM常用命令详解
此命令用于在当前目录下创建一个新的package.json文件，它是项目的配置文件，包含项目的基本信息如名称、版本、作者、描述、入口文件、依赖项等。NPM（Node Package Manager）是JavaScript编程环境Node.js中的一个核心工具，用于管理和共享Node.js包（模块）。查看指定模块的详细信息，包括其版本、许可证、作者、GitHub链接以及package.json的内容等。更新指定的模块至最新兼容版本，或者不指定模块名时更新所有已安装的模块。在新版本的npm中，推荐使用。
2024-04-06 20:47:53
335
原创 Python基础
Python中“8195MB”因为值与整数或者浮点数的类型不兼容，所以无法直接转为整数或者浮点数。元组可以理解为只读的数组，它在创建时确定元素个数和元素的值，一旦创建就不能被修改。获取字典中的值，如果存在，则返回对应的值，如果不存在该键，则会抛出。获取字典中的值，但提供了额外的功能：如果键不存在字典中，它将返回。在 Python 中，数组被称之为列表，用于存储多个连续的值。字典是一个键值对（key-value pair）的集合，通过键。在python中，只有兼容的数据类型才能进行计算，比如。
2024-04-06 20:34:18
998
原创 单片机简介（一）
一旦51单片机的程序存储器（Flash ROM或EPROM）中烧录了程序，除非使用外部的编程器或者通过特定的ISP（In-System Programming，系统内编程）接口，否则无法在单片机运行期间修改其存储的程序代码。宏晶公司推出的增强型 51 单片机 STC89Cxx/STC90Cxx等系列，是对传统8051单片机架构进行了大幅度的增强和改进，除了内部资源及功能大大增强外，还有一个非常重要的是它支持 ISP（在系统可编程）/IAP（在应用可编程），无需拆卸芯片或者使用专用的编程器。
2024-04-01 21:24:12
1326
原创 51单片机入门：认识开发板
指的是这些四位一体数码管的工作方式，具体来说，每一个四位一体数码管内部的所有LED的阴极（负极）是相互连接在一起的，并作为公共端（COM端），这个公共端通常接地（GND）。如果存在这种型号，那么它同样应该具备显示数字和字符的能力，尽管具体的行数和列数没有像1602那样明确指出，但鉴于二者可以互换使用，也可能具有类似的显示能力。：两个独立的四位数码管，每个四位数码管都是“一体”的设计，也就是说，每个数码管内部集成了四个独立的七段LED（或八段LED，包含小数点），它们共同构成了一个完整的四位数字显示单元。
2024-04-01 12:43:26
963
原创 C语言基础：数据类型
C 语言的每一种数据，都是有类型（type）的，编译器必须知道数据的类型，才能操作数据。一旦知道某个值的数据类型，就能知道该值的特征和操作方式。基本数据类型有三种：字符（char）、整数（int）和浮点数（float）。复杂的类型都是基于它们构建。
2024-03-28 20:11:16
608
原创 C语言基础：流程控制
C 语言的程序是顺序执行，即先执行前面的语句，再执行后面的语句。开发者如果想要控制程序执行的流程，就必须使用流程控制的语法结构，主要是条件执行和循环执行。
2024-03-25 21:57:29
726
原创 C语言基础：变量
变量（variable）可以理解成一块内存区域的名字。通过变量名，可以引用这块内存区域，获取里面存储的值。由于值可能发生变化，所以称为变量，否则就是常量了。
2024-03-24 16:21:55
482
原创 C语言基础：printf()
这里%5d中的5，指的就是占位符的最小宽度，表示输出的整数值至少会占用5个字符的位置，由于value是123，所以在输出时会在123的左边填充足够的空格，使其总共有5个字符宽。就是占位符，表示这个位置的值，要用其他值来替换。占位符的第一个字符一律用%，也就是百分号，第二个字符表示占位符的类型，i可以理解成。因为它们是写入标准的，到底包括哪些功能，应该怎么使用的，都是规定好的，这样才能保证代码的规范和可移植。，比如printf()，scanf()的头文件就是系统自带的stdio.h。头文件的后缀通常是.h。
2024-03-22 21:28:32
549
原创 C语言基础：scanf
是C语言中的一个输入函数，全称为“格式化扫描输入”（Formatted Scan Input），用于从标准输入设备（通常是键盘）读取用户输入的数据，并将数据按照指定的格式存入到程序变量中。Q:“\n的作用是什么?A:\n 是一个转义序列,作用是在输出时插入一个换行符。输出结果如下Q:“scanf(”%d", &number)中的%d作用是什么？A：在 scanf 函数中，%d 是一个格式说明符，它告诉 scanf 函数应该期待从输入流读取一个整数值，并将其存储到紧跟其后的变量地址指向的内存位置。
2024-03-21 18:45:00
452
原创 babel转换ES6为ES5
准备几个js文件。// test1export default { hobbit: function () { console.log('唱歌') }}// test2const age = 18;function talk() { console.log('今年18')}export { age, talk}// test3export const name = '张三';export function speck() {
2022-01-13 20:22:42
1915
原创 single-spa源码分析之按需加载
源码相关与 activeWhen 相关activeWhen API 可以控制页面是否需要加载以下片段是源码及注释// \single-spa-source-code\src\applications :447/** * 得到一个函数，函数负责判断浏览器当前地址是否和用户给定的baseURL相匹配，匹配返回true，否则返回false */function sanitizeActiveWhen(activeWhen) { // activeWhen 接收一个函数（箭头函数），将locati
2022-01-08 18:13:29
610
原创 ES6-解构赋值
ES6 允许按照一定模式从数组和对象提取值，对变量进行赋值数组的解构赋值const list = ["张三", "李四", "王五"];const [a, b, c] = list;console.log(a); // 张三console.log(b); // 李四console.log(c); // 王五对象的解构赋值const obj = { name: "张三", age: 18, speck: function () { console.log("今年1
2021-12-02 19:47:45
547
原创 ES6-let、const变量声明及声明特性
var//声明变量let a;// orlet b, c, d;// orlet e = [];声明变量的特性变量不能重复声明<script>let name = "张三"; let name = "李四";</script>Uncaught SyntaxError: Identifier 'name' has already been declared未捕获的语法错误：已声明标识符“name”块级作用域在 es5 中有三种作用域，分别是全局，
2021-12-02 19:47:27
654
原创 react 函数式组件中使用props
我们之前学习的一直是组件实例上的props，是可以通过this访问组件实例的，比如props，可以通过this.props访问，但是在函数式组件中，不存在组件实例。function Person() { return ( <ul> <li>姓名：{name}</li> <li>性别：{sex}</li> <li>年龄：{age + 1}</li> </ul>
2021-11-10 19:58:38
5288
原创 React 类式组件中的构造器与Props
类式组件中构造器与props。<script type="text/babel"> class Person extends React.Component { static propTypes = { name: PropTypes.string.isRequired, sex: PropTypes.string, age: PropTypes.number, }; // 设置默认属性 static defaultPro
2021-11-05 21:00:00
328
原创 react props的简写
<script type="text/babel"> class Person extends React.Component { render() { const { name, sex, age } = this.props; return ( <ul> <li>姓名：{name}</li> <li>性别：{sex}</li>
2021-11-05 19:00:00
216
原创 react 对props进行类型限制
承接上文 <body> <div id="test1"></div> <div id="test2"></div> <div id="test3"></div> <!-- 引入核心库 --> <script src="../js/react.development.js"></script> <!-- 扩展库 -->
2021-11-04 20:06:50
1681
原创 uniapp使用echart-for-weixin-miniprogram，formatter失效问题
作者在初始版本中，对ecomfe/echarts-for-weixin做了少量改动来兼容uni-app 需要通过uni-app编译后使用。https://ext.dcloud.net.cn/plugin?id=3464#detail使用过程中发现无法获取到formatter，比较简单的办法就是手动添加，也就是在setOption之前先加上formatter方法。找到uni-ec-canvas文件夹下uni-ec-canvas.vue，在this.$curChart.setOption(this.ec.
2021-10-27 19:42:55
632
4
原创 React 批量传递props
承接上文 <script type="text/babel"> class Person extends React.Component { render() { console.log("this", this); const { name, sex, age } = this.props; return ( <ul> <li&g
2021-10-26 19:45:00
574
2
原创 React props的基础使用
props 的基本使用每个组件对象都有 props[properties 的简写]属性组件标签的所有属性都保存在 props 中
2021-10-21 10:59:20
69
原创 single-spa5 + vue3 + ts微前端实践
项目导航+登录模块：https://github.com/xianglihui/single-spa-vue3.0-nav 设计域账号自动登录/普通账号密码登录方式，仿阿里云总菜单导航。子项目：权限管理系统 https://github.com/xianglihui/single-spa-vue3.0-Authority设计权限树，用户管理，角色管理。基座：https://github.com/xianglihui/singleSpa-base-file...
2021-10-09 19:25:56
346
原创 React setState的使用
上文中通过bind解决了类中this指向问题，现在能够正确拿到this，从而修改isHot。但是发现： class Weather extends React.Component { constructor(props) { super(props); this.state = { isHot: true, }; this.demo = this.demo.bind(this
2021-09-12 17:08:33
183
1
原创 React 对state的理解（下）
承接上文，主要是解决类中this指向问题<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.
2021-09-09 17:06:40
89
原创 React 对state的理解（上）
如何定义复杂组件（类组件）与简单组件（函数组件）？是否具有状态（state）引出问题，什么是状态？举个例子，今天考试，考砸了，因为我状态不好，是状态影响了我的行为。组件中的状态，驱动了页面更新，换句话说，组件状态中存着数据，数据的改变，驱动页面的更新。这里要了解，state状态是谁身上的状态？state状态是组件实例对象身上的状态，不是组件类本身身上的，是由这个类缔造的实例身上的。（class)组件实例上三大属性之一：state实现一个需求，通过点击页面，炎热/凉爽切换<!
2021-09-07 19:55:55
187
原创 React 类组件
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl
2021-09-02 14:19:41
76
原创 React函数式组件
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl
2021-09-01 16:25:40
302
原创 jsx语法练习
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl
2021-09-01 13:34:36
67
原创 Hello,React & jsx语法规则
一、Hello React为什么用jsx不用js?标签嵌套下，如h1嵌套span，js写虚拟dom时过于麻烦,jsx比较流畅，jsx经过babel编辑过后，生成的就是js代码。// js创建虚拟domconst VDOM = React.createElement("h1", { id: "title" }, React.createElement('span',{},'hello,React'));// jsx创建虚拟domconst VDOM = ( <h1 id="ti
2021-09-01 10:03:41
89
原创 vue3.0 Teleport组件
准备三个组件<template> <div class="app"> <h1>我是App组件</h1> <chlid></chlid> </div></template><script>import { provide, reactive, toRefs } from "vue";import chlid from "@/components/child.vue";
2021-08-08 03:07:37
109
原创 vue3.0 provide与inject
provide与injectprovide与injectprovide与injectprovide:有提供的意思(提供数据)，inject：有注入的意思(注入数据)作用：实现祖与后代（跨级）组件间的通信准备三个组件<template> <div class="app"> <h1>我是App组件</h1> <chlid></chlid> </div></template>&l
2021-08-07 20:51:00
103
原创 vue3.0 其他Composition API（下）
vue3.0 其他Composition API（下）customRefcustomRefcustomRef:custom有自定义的意思，customRef就有自定义Ref的意思。作用：创建一个自定义的ref，并对其依赖跟踪和更新触发进行显式控制。
2021-08-07 20:18:50
76
原创 vue3.0 其他Composition API（上）
vue3.0 其他Composition APIshoallowReactive与shallowRefshoallowReactiveshallowRefreadonly 与 shoallowReadonlyreadonlyshoallowReadonlytoRaw与markRawtoRawmarkRawshoallowReactive与shallowRefshallow本身有"浅"的意思。Reactive是处理对象类型的响应式方法，Ref是处理基本类型的响应式方法。showllowReactive
2021-08-07 16:59:12
106
原创 vue3.0 toRef与toRefs
toRef与toRefstoRef代码示例toReftoRefstoRef作用：创建一个ref对象，其value值指向另一个对象中的某个属性。语法：const name = toRef(person,‘name’)应用：要将响应式中的某个属性单独提供给外部使用时。扩展：toRefs与toRef功能一致，但可以批量创建多个ref对象。代码示例<template> <h2>个人信息</h2> <p>姓名：{{ person.name }}
2021-08-06 22:07:24
626
原创 vue3.0 生命周期
vue生命周期vue2.xvue2.xvue3.01、可以发现，vue3.x将最后一组生命周期名称从原来的“销毁”改为“卸载”，呼应了beforeMount与onmounted挂载。2、区别于vue2.x，vue2.x中在new Vue（{…}）阶段，配置对象不传递el时，并且在created后，不调用$mount，这就意味整个生命周期在调用beforeCreate与created钩子后并结束了。vue3.x则是，调用完createApp后，就需要挂载el，接着才调用beforeCreate，
2021-08-04 21:22:15
1826
原创 vue3.0 watchEffect函数
watch监听参数有三，1、监听的对象。2、监听的回调。3、监听的配置。且必须指定监听的属性，也要指定监听的回调watchEffect则是，不用指定监听哪个属性，而是监听的回调中用到哪个属性，那就监听哪个属性。着类似于computed:但是computed注重的计算出来的返回值，所以必须有返回值，watchEffect更注重过程(回调函数的函数体），所以不需要写返回值。演示如下<template> <h2>个人信息</h2> <p>姓名：{{
2021-08-02 21:46:14
254
原创 vue3.0 watch监听
vue2.x watch<template> <h2>求和：{{ sum }}</h2> <button @click="sum++">++</button></template><script>import { ref } from "vue";export default { // vue2.x 简易写法 watch: { sum(newval, oldval) { con
2021-07-28 22:20:26
753
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人