avatar
文章
63
标签
28
分类
11

主页
标签
分类
归档
关于我
面试题
liang yong gang
搜索
主页
标签
分类
归档
关于我
面试题

liang yong gang

快速熟悉vue3的语法
置顶|发表于2023-03-06|更新于2025-07-29|vue|vue
本文前提 — 特别熟悉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 ...
微信扫码授权场景记录
发表于2025-11-21|更新于2025-11-24|业务实现|微信
正常的逻辑: 请求后端接口,返回一个微信的链接,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需要在微信平台里提前配,并且须与确认授权入口页所在域名相同, 而我们的业务场景是授权入口页面域名不固定,每个店铺一个域名,所以得在一个统一的域名下发起授权,回 ...
微信小程序如何给用户推送消息
发表于2025-11-20|更新于2025-11-20|小程序|微信小程序
我记得前几年小程序是不能给用户推送消息的。须通过公众号给用户推消息。不知道是否是记错了。但最近项目中有这种小程序给用户推消息的需求。发现小程序确实可以通过wx.requestSubscribeMessage拉起订阅消息的授权弹窗,在用户授权后,直接给用户推微信消息。记录一下。代码如下: 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273import {findCustomerPopTemplate,popSubscribeResult} from '../api/subscriptApi'/** * @param {*} type 订阅场景 * @param {*} busNo 业务编码如商品ID */export const asyncSubscribeMessage = (type, ...
variableTextarea可插入变量的文本框
发表于2025-10-30|更新于2025-10-30|vue|vue
项目中这样一个需求:配置一个消息的模板,可输入文字,可插入变量。 在Ant-Design-Vue中,原生的a-textarea组件并不直接支持插入类似标签的特殊节点或变量。但是,我们可以通过一些变通的方法来实现。具体思路如下:使用可编辑 Div 配合隐藏的 a-textarea 模拟文本框。 封装variableTextarea组件123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146 ...
sortablejs实现拖拽功能
发表于2025-10-29|更新于2025-10-29|vue|vue
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基础知识
发表于2025-08-08|更新于2025-08-11|node|node•npm
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
发表于2025-07-18|更新于2025-07-18|基础|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基础入门(整理笔记)
发表于2025-07-15|更新于2025-07-29|基础|h5
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持久化实现方法
发表于2025-05-28|更新于2025-05-28|vue|vue
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
发表于2025-05-19|更新于2025-06-09
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 绝对 ...
12…7
avatar
claus liang
个人博客网站
文章
63
标签
28
分类
11
Follow Me
公告
This is my Blog
最新文章
微信扫码授权场景记录2025-11-21
微信小程序如何给用户推送消息2025-11-20
variableTextarea可插入变量的文本框2025-10-30
sortablejs实现拖拽功能2025-10-29
node基础知识2025-08-08
分类
  • git6
  • h56
  • harmony6
  • node1
  • vue12
  • 业务实现3
  • 前端得懂的运维技能2
  • 基础13
标签
vscode 基础 面试 element 支付 微信小程序 图片 webpack h5 数据结构 hexo gulp 业务实现 canvas 微前端 node harmony vue antd git 微信 typescript 消抖节流 npm linux markdown 诗歌 vite
归档
  • 十一月 20252
  • 十月 20252
  • 八月 20251
  • 七月 20252
  • 五月 20252
  • 三月 20251
  • 一月 20251
  • 十二月 20242
网站资讯
文章数目 :
63
本站总字数 :
68.2k
本站访客数 :
本站总访问量 :
最后更新时间 :
©2019 - 2025 By claus liang
框架 Hexo|主题 Butterfly
京ICP备18012831号 | 去我的主页liangyonggang.com
搜索
数据库加载中