快速熟悉vue3的语法
本文前提 — 特别熟悉vue2,有一定的基础。对比一下vue3有哪些新的语法,以便可以快速上手vue3
基础setupsetup是新增的生命周期,早于beforeCreate,setup里没有this,是组合式API的入口,只在组件初始化时执行一次。
123456789101112131415161718192021<script lang="ts"> import { reactive, toRefs } from 'vue' export default { setup(props,context){ const data = reactive({ message: 'hello' }) const change = () => { data.message = 'wor ...
node基础知识
node概念node.js 是一个基于 Chrome V8 引擎的 JavaScript运行环境。它让Javascript成为与PHP、Ruby、Python、Perl等服务端语言平起平坐的脚本语言。
NPMNPM(Node Package Manager)是 Node.js 运行时环境默认集成的包管理工具,用于下载、安装、更新和发布 Node.js 包。
一些命令
npm init创建package.json文件
npm install安装依赖包
npm get registry获取npm的默认仓库地址
npm config set registry https://registry.npm.taobao.org设置npm的仓库地址为淘宝的
npm config list列出npm的配置信息
npm cache ls列出npm缓存目录下的所有文件
npm cache clean清空npm缓存目录下的所有文件
npm adduser添加npm账号
npm login登录npm
npm publish发布npm包
node常用模块Node使用Module模块去划分不同的功能,以简化 ...
canvas
123456789101112131415161718192021222324252627282930313233343536373839<canvas></canvas><script>var canvas = document.querySelector("canvas"); var cvs = canvas.getContext("2d”);canvas.width=document.documentElement.clientWidthcanvas.height=document.documentElement.clientHeight//画线cvs.beginPath();//1.开始路径cvs.strokeStyle = "pink"; cvs.lineWidth = 1;//2.设置样式 cvs.moveTo(0,0);//3.起始位置cvs.lineTo(50,50);//4.结束我位置cvs.closePath();cvs.stroke();//刻画路线//画圆 cvs.beginP ...
html基础入门
h5的结构略
导入样式表的方式外部链接1<link rel="stylesheet" href="css/style.css">
href位置ref样式表风格type文档类型(可省)特点:加载速度快,结构与样式同时加载
外部导入样式表123<style> @import "css/style.css";</style>
特点:加载速度慢,先加载结构再加载样式
内嵌样式表1234<style> body {} h1 {}</style>
特点:没有真正实现结构与样式的分离
行内样式表1<h1 style="color: red;">标题</h1>
特点:有局限性
优先级:行内样式表 > 内嵌样式表 > 外部导入样式表 > 外部链接
W3C(world wide web consortium)万维网联盟创建于1994年,是web技术领域最具权威和影响的国际中立性 ...
vue pinia store持久化实现方法
vue3全局状态管理的方案是用pinia,pinia的持久化要怎么实现呢?
方法1 利用插件安装插件1yarn add pinia-plugin-persistedstate
在创建pinia实例的时候,注册插件12345import { createPinia } from 'pinia'import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'const pinia = createPinia()pinia.use(piniaPluginPersistedstate)app.use(pinia)
在store中定义持久化字段12345678910111213import { defineStore } from 'pinia'export const useAuthStore = defineStore('auth', { state: () => ({ ...
postgraduate words 5500
a adj形容器 ad adv副词 n名词 prep介词 vt及物动词 vi不及物动词 art冠词 conj连词 pron代词
a1-64 第1/43页
序号
单词
含义
词性
例句
1
a
一个
art
2
abandon
抛弃
vt
3
abdomen
腹部
n
4
abide
坚持
vi
5
ability
能力
n
6
able
有能力(能力、时间)做某事
a
7
abnormal
不正常的
a
8
aboard
prep在(船、飞机)上 ad上飞机
prep ad
9
abolish
废除,取消
vt
10
abound
大量存在
vi
11
about
prep关于 ad在周围 大约
prep ad
12
above
a上述的 ad在上面 prep在某物的上面
a ad prep
13
abroad
到国外
ad
14
abrupt
突然的 粗鲁无礼的
a
15
absence
缺席 缺乏不存在
n
16
absent
缺席的
a
17
absolute
绝对 ...
git常用命令
常用清理远端已经删除但本地还有缓存的分支1git remote prune origin
或者
1git remote update origin --prune
拉取远端release分支并合并到当前分支1git pull origin release
git pull = git fetch + git merge以上一条命令等于下面两条命令
12git fetch origin release # 从远端把release分支拉下来git merge origin/release
1git merge release # 把本地的release合并到本地当前分支
推送1git push -u origin release
-u是为使本地release和远端release做关联
1git push --force # 强制推送
退到某个版本1git reset --hard d36a7281ca2c72a739e887d572faaee5ccdbfc05
git reset HEAD^ 回退到上个版本git reset HEAD^^ 回退到上上个版本
基础初始 ...
sourceTree如何使用cherry-pick功能
cherry-pick功能:从一个分支中选择一个或多个提交记录,并将他们应用的当前分支
使用cherry-pick功能的步骤如下
在sourceTree中,切换到目标分支
在提交记录中,选择单条提交记录,或者按住command键(mac电脑)选择多条提交记录
在选中的提交记录上右键,选择遴选
在弹出的窗口中,点继续
这样就会把相关的提交记录应用到当前分支上
在步骤4中可以勾选成功合并后立即提交,也可以不勾选自己再手动提交。
鸿蒙app编译构建的配置文件解析(鸿蒙六)
build-profile.json5
build-profile.json5文件分为工程级与模块级,其中buildOption在工程级文件和模块级文件均可配置,其中相同字段以模块级的字段为准,不同字段模块级的buildOption配置会继承工程级配置。为什么记录这个,是在开发中涉及到混淆配置,所以记录下
工程级123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172{ "app": { // 签名 "signingConfigs": [ { "name": "release", "type": "HarmonyOS", "material&quo ...
前端如何支付
项目中做到鸿蒙app下单支付,记录一下支付流程
支付宝支付如果是app
调用后端接口,后端会生成一个订单号。
调用支付接口jspay,传入订单号,后端会返回一个支付链接。
app通过支付链接,跳转到支付宝支付页面。
回到app,判断已经点击过支付(模拟从支付宝回来),跳转支付结果页面,查询支付结果的接口,如果返回成功则展示支付成功信息。否则调3次,结果还是失败就展示失败信息。
如果是web
调用后端接口,后端会生成一个订单号。(同上)
调用支付接口,传入订单号,后端会返回一个支付链接。(同上)
把支付链接转成一个二维码,可供手机扫码。(用了一个插件qrcode.vue)
轮询查支付结果。当返回成功时,跳转成功页。否则一直轮询,因为不知道用户什么时候扫码。
微信支付微信与支付宝不同的是微信的支付链接是固定的,而支付宝的支付链接是变化的。
如果是web
调用后端接口,后端会生成一个订单号。
支付链接自己拼接好。微信的支付链接:https://www.beeselect.net/miniprogram?orderNo=&totalAmount=&goodsDesc ...