小程序开发
开发小程序的技术选型
原生小程序开发:
微信小程序:https://developers.weixin.qq.com/miniprogram/dev/framework/
支付宝小程序:https://opendocs.alipay.com/mini/developer
选择框架开发小程序:
uni-app:uni-app 是一个使用Vue 开发 所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/ 百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。
taro:taro 是一个开放式 跨端 跨框架 解决方案,支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ / 飞书 小程序 / H5 / RN 等应用;在Taro3.x之后,支持Vue3、React Hook写法 ...
node相关
Node.js是什么官方对Node.js的定义:
Node.js是一个基于V8 JavaScript引擎的JavaScript运行时环境。
也就是说Node.js基于V8引擎来执行JavaScript的代码,但是不仅仅只有V8引擎:
前面我们知道V8可以嵌入到任何C ++应用程序中,无论是Chrome还是Node.js,事实上都是嵌入了V8引擎来执行 JavaScript代码;
但是在Chrome浏览器中,还需要解析、渲染HTML、CSS等相关渲染引擎,另外还需要提供支持浏览器操作的API、浏览器 自己的事件循环等;
另外,在Node.js中我们也需要进行一些额外的操作,比如文件系统读/写、网络IO、加密、压缩解压文件等操作;
Node程序传递参数正常情况下执行一个node程序,直接跟上我们对应的文件即可:
1node index.js
但是,在某些情况下执行node程序的过程中,我们可能希望给node传递一些参数:
1node index.js env=development churui
如果我们这样来使用程序,就意味着我们需要在程序中获取到传递的参数:
...
邂逅鸿蒙
邂逅鸿蒙
DevEco-Studio快捷键
alt + shift:多选
ctrl + shift + ->:同时移动
ctrl + alt + L:格式化代码
shift + Enter:快速跳转到下一行
ctrl + Y:删除当前行
1、自定义组件自定义组件的基本结构
struct:自定义组件基于struct实现,struct + 自定义组件名 + {...}的组合构成自定义组件,不能有继承关系。对于struct的实例化,可以省略new。
说明:自定义组件名、类名、函数名不能和系统组件名相同。
@Component:@Component装饰器仅能装饰struct关键字声明的数据结构。struct被@Component装饰后具备组件化的能力,需要实现build方法描述UI,一个struct只能被一个@Component装饰。
123@Componentstruct MyComponent {}
build()函数:build()函数用于定义自定义组件的声明式UI描述,自定义组件必须定义build()函数。
12345@C ...
Python学习
Python的学习基础语法print函数1print(*objects, sep=' ', end='\n', file=None, flush=False)
set:多个内容的分隔符
end:设置结束符,默认结束符是‘\n’
字符串1、字符串的拼接
1234567891011121314151617name = '吴京'message = '我是%s' % nameprint(message)# 多个变量拼接class_name = 'python'avg_score = 99.99message1 = '我是%s,平均分是%s' % (class_name, avg_score)print(message1)name = '吴京'age = 18weight = 75.55message2 = '我是%s,今年%d岁,体重%f' % (name, age, weight)print(message2) # 我是吴京,今 ...
react实现插槽功能
前言在开发中,我们抽取了一个组件,但是为了让这个组件具备更强的通用性,我们不能将组件中的内容限制为固定的div、span等等这些元素。我们应该让使用者可以决定某一块区域到底存放什么内容。
这种需求在Vue当中有一个固定的做法是通过slot来完成的,React呢?
React对于这种需要插槽的情况非常灵活,有两种方案可以实现:
组件的children子元素;
props属性传递React元素;
children实现插槽每个组件都可以获取到 props.children:它包含组件的开始标签和结束标签之间的内容。
注意
如果组件组件的开始标签和结束标签之间的内容有多个,此时通过this.props.children获取到的是一个数组;
如果组件组件的开始标签和结束标签之间的内容只有一个,此时通过this.props.children获取到的就是内容本身;
示例123456789101112131415import React, { Component } from 'react'import './style.css' // ...
