liang yong gang

本文前提 — 特别熟悉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 ...

项目中这样一个需求：配置一个消息的模板，可输入文字，可插入变量。 在Ant-Design-Vue中，原生的a-textarea组件并不直接支持插入类似标签的特殊节点或变量。但是，我们可以通过一些变通的方法来实现。具体思路如下：使用可编辑 Div 配合隐藏的 a-textarea 模拟文本框。 封装variableTextarea组件123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146 ...

vue项目中实现拖拽功能有两个现有的插件，sortablejs和vuedraggable。vuedraggable是基于sortablejs封装的。 在Vue项目中，结合 <div v-for="item in list"></div> 和 sortable.js 实现拖拽排序是一个常见需求。或者是对一个表格的行进行拖拽排序，也是一个常见需求。 安装Sortable.js1npm install sortablejs --save 在Vue组件中的使用说明一个普通的列表1234567891011121314151617181920212223242526272829303132333435363738394041<template> <div> <!-- 这是你的拖拽列表容器 --> <div ref="sortableList"> <!-- 使用v-for渲染列表 --> <div v-for="item ...

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模块去划分不同的功能，以简化 ...

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 ...

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技术领域最具权威和影响的国际中立性 ...

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: () => ({ ...

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 绝对 ...

常用清理远端已经删除但本地还有缓存的分支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^^ 回退到上上个版本 基础初始 ...

cherry-pick功能：从一个分支中选择一个或多个提交记录，并将他们应用的当前分支 使用cherry-pick功能的步骤如下 在sourceTree中，切换到目标分支 在提交记录中，选择单条提交记录，或者按住command键（mac电脑）选择多条提交记录 在选中的提交记录上右键，选择遴选 在弹出的窗口中，点继续 这样就会把相关的提交记录应用到当前分支上 在步骤4中可以勾选成功合并后立即提交，也可以不勾选自己再手动提交。