快速熟悉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 ...
微信扫码授权场景记录
正常的逻辑:
请求后端接口,返回一个微信的链接,window.location.href=链接,跳转到该链接。示例:https://mp.weixin.qq.com/cgi-bin/componentloginpage?component_appid=wxb22e2f52075766d4&pre_auth_code=preauthcode@@@nWi_gMNZMPCaTlkL-wgsz3MdQtdQWmOeaOccoLrKY9fU3hDLpwGM1gLJQGszUEeniQn6NGeYNhoiNXJ18bQuMA&auth_type=2&redirect_uri=
用户扫码以后手机上点了确定,微信的这个链接就会跳转回redirect_uri
在初始化的时候重新请求接口判断店铺状态,或是用微信返回的auth_code、expires_in参数调接口
授权后回调页域名redirect_uri需要在微信平台里提前配,并且须与确认授权入口页所在域名相同,
而我们的业务场景是授权入口页面域名不固定,每个店铺一个域名,所以得在一个统一的域名下发起授权,回 ...
微信小程序如何给用户推送消息
我记得前几年小程序是不能给用户推送消息的。须通过公众号给用户推消息。不知道是否是记错了。但最近项目中有这种小程序给用户推消息的需求。发现小程序确实可以通过wx.requestSubscribeMessage拉起订阅消息的授权弹窗,在用户授权后,直接给用户推微信消息。记录一下。代码如下:
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273import {findCustomerPopTemplate,popSubscribeResult} from '../api/subscriptApi'/** * @param {*} type 订阅场景 * @param {*} busNo 业务编码如商品ID */export const asyncSubscribeMessage = (type, ...
variableTextarea可插入变量的文本框
项目中这样一个需求:配置一个消息的模板,可输入文字,可插入变量。
在Ant-Design-Vue中,原生的a-textarea组件并不直接支持插入类似标签的特殊节点或变量。但是,我们可以通过一些变通的方法来实现。具体思路如下:使用可编辑 Div 配合隐藏的 a-textarea 模拟文本框。
封装variableTextarea组件123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146 ...
sortablejs实现拖拽功能
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概念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
绝对 ...