- 博客(113)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 vue实现调查问卷系统 -----可拖拽，删除，复制，新增，编辑
效果：下载源码，下载不了私聊码云地址：https://gitee.com/zswlp/vue-questionnaire/tree/master/
2021-11-17 15:29:29
2514
22
原创 nodejs+mongodb+vue写个人博客网站，欢迎来砸
网站：http://zswlp.icu博客网站链接 单击直达有疑问，或者有要学习的小伙伴欢迎私聊
2021-02-20 15:57:12
787
6
原创 uniapp+nodejs实现小程序登录流程，获取openID,附uniapp请求封装
小程序授权，拿到code向后台nodejs 发送请求交互过程前端代码（uniapp）<template> <view class="login"> <view v-if="isCanUse"> <view> <view class="header"><image src="../../static/icon/news-active.png"></image></view> <
2020-12-23 11:16:16
3246
21
原创 js对数组中相同对象元素进行去重，里面对象相同id，其他不同属性进行文字叠加
需求js对数组中相同对象元素进行去重，里面对象相同id，其他不同属性进行文字叠加 let arr1 = [ { id: 1, name: 'ui1' }, { id: 2, name: 'ui2' }, { id: 2,
2020-12-14 12:24:45
2347
7
原创 vue+antv g6 结合递归完成图片树形拓扑图
效果图待完善，有思路联系，仅供学习参考上代码<template> <div id="container"></div></template><script>import G6 from "@antv/g6";export default { data() { let data = this.topoOptions; return { topoOptions: { nodes: [
2020-12-07 17:45:02
2683
6
原创 antv G6交互事件总揽
antv_G6——方法小结鼠标事件 ：此类事件可以与前缀'','node','edge','item'等自由组合使用。 如graph.on('onde:click', (ev)=>{}); graph.on('click', (ev)=>{}); // 鼠标左键点击事件graph.on('dblclick', (ev)=>{}); // 鼠标左键双击事件graph.on('mouseenter', (ev)=>{});
2020-10-16 15:35:32
5614
5
原创 vue+G6 完成拓扑图 ，高亮显示，新增节点 ，重新渲染，销毁画布
使用G6 完成拓扑图 ，高亮显示，新增节点 ，重新渲染，销毁画布<template> <div> <div class="box"> <button type="text" @click="add">新增</button> <div id="dd"></div> </div> </div></template><script&
2020-10-16 14:43:20
10369
5
原创 vue实现拖拽效果，插件draggable
使用vue实现拖拽效果，插件draggable //注册组件：components: { draggable }, 下面是完整代码：<template> <draggable v-model="colors" @update="datadragEnd" :options="{ animation: 500 }" > <transition-group> <div v-for="eleme
2020-10-09 14:47:19
2166
4
原创 vue项目技术点总结,vue难点
后台项目总结：一.封装localStorage我的规范—在src下创建一个utils文件夹，专门存放封装的js文件封装localStorage创建saveLocal.js，代码如下let storage = { set(key, value) { localStorage.setItem(key, JSON.stringify(value)); }, get(key) { return JSON.parse(localStorage.getItem(key)); },
2020-09-24 15:20:12
4229
1
原创 vue 实现导入、读取 txt文件
vue 实现导入txt文件效果图如下：上代码：<template> <div> <p> <el-button @click="txtbtn">插入文本</el-button> </p> <input type="file" name="fileToUpload1" id="fileToUpload1" @change="txtbtn()
2020-09-22 14:31:39
7745
4
原创 使用VUE+ANTV_G6 完成流程关系图2
使用VUE+ANV_G6 完成流程关系图2安装依赖：npm install @antv/g6<template> <div id="main"></div></template><script>import G6 from "@antv/g6";export default { data() { return { gg: { nodes: [ {
2020-09-11 17:47:52
3224
原创 vue+antv g6完成关系图 高亮 添加节点 销毁
vue+antv g6完成关系图效果图：上代码：安装依赖：npm install @antv/g6<template> <div id="main"></div></template><script>import G6 from "@antv/g6";export default { data() { return { gg: { nodes: [ {
2020-09-10 17:00:33
7035
5
原创 使用vue+echart完成百分比图，空心饼图
使用echart完成百分比图效果图：上代码：安装依赖：npm install echarts --saveimport echarts from “echarts”;<template> <div> <div id="demo"></div> </div></template><script>export default { data() { return { op
2020-09-10 16:49:33
3497
原创 vue+echart完成折线图
使用echart完成折线图效果图：上代码：<template> <div> <div id="demo"></div> </div></template><script>export default { data() { return { option: { title: { text: "设备增长", //标题设置‘参保情况’
2020-09-10 16:38:00
1624
5
原创 vue+elementui 中el-table导出为Excel并封装组件
安装依赖：//xlsx 与 file-saver依赖npm install --save xlsx file-saver封装组件（Excel.vue）直接上代码：<template> <div> <el-button type="primary" style="background-color: #0086b3" @click="exportExcel">{{btn}}</el-button> </div></te
2020-08-21 10:30:44
1050
4
原创 从零开始使用 **Taki + Node.js** 实现动态网页转静态网站的完整代码方案
从零开始使用 **Taki + Node.js** 实现动态网页转静态网站的完整代码方案
2025-03-17 19:54:11
1004
原创 Webpack 和 Vite 的主要区别
速度与体验：Vite 在开发阶段优势明显，适合快速迭代；Webpack 生产优化更成熟。灵活与生态：Webpack 适合复杂需求，Vite 适合轻量场景。技术选型：优先 Vite 以提升开发效率，大型或遗留项目可沿用 Webpack。
2025-03-14 19:30:55
448
原创 RSA混合加密RSA混合加密
RSA混合加密通过“非对称加密传递密钥+对称加密传输数据”的模式，既解决了密钥交换的安全性问题，又保证了大数据量场景下的性能需求。这种设计广泛应用于HTTPS、API接口加密、文件传输等场景。RSA混合加密是一种结合非对称加密（RSA）和对称加密（AES）的技术，通过两者的优势互补，实现高效且安全的数据传输。此代码展示了RSA与AES的协同使用，具体实现需依赖工具类（如。
2025-03-13 17:20:51
426
原创 为啥vue3设计不直接用toRefs,而是reactive+toRefs
为啥vue3设计不直接用toRefs,而是reactive+toRefs
2025-02-20 21:04:52
853
原创 为啥说vue3 Tree-shaking（摇树优化），只打包你用到的功能，减少代码体积 ？
为啥说vue3 Tree-shaking（摇树优化），只打包你用到的功能，减少代码体积 ？想象你要去旅行，行李箱空间有限。
2025-02-20 19:48:20
505
原创 vue2和vue3生命周期的区别通俗易懂
更简洁：合并了初始化阶段更直观：钩子名字更贴切（比如unmount更灵活：组合式 API 让代码像搭积木一样自由更强大：新增调试工具钩子一句话：Vue3 生命周期本质没变，只是写法更现代化，就像手机系统升级后操作更顺手了！📱✨。
2025-02-13 08:09:27
642
原创 二.vue2和vue3 底层源码Slot拆解
技术点Vue2 实现方案Vue3 实现方案响应式递归初始化时递归所有属性访问属性时惰性递归Slot 更新判断父组件更新必然触发子组件更新静态 Slot 跳过更新，动态 Slot 保守更新内存占用每个属性都有 getter/setter只有被访问的属性生成 Proxy数组处理重写数组方法（push/pop 等）Proxy 直接监听数组下标变化编译输出无静态提升，全量生成 VNode静态内容提升，动态内容生成条件判断函数。
2025-02-12 13:32:00
414
原创 html2canvas ios慎用和createImageBitmap ios慎用
小本本记下了[翻白眼][翻白眼][翻白眼]好好好，排查几天，原来是你。
2024-08-27 21:09:52
559
原创 el-image vue2实现上传的时候预览图片，不用再次点击就左右滑动
【代码】el-image vue2实现上传的时候预览图片，不用点击左右滑动。
2024-08-13 14:45:07
284
原创 vue 双击dblcilck事件不生效 加.native报错 解决方法如下
vue 双击dblcilck事件不生效 加.native报错 解决方法如下
2023-02-13 16:36:23
1692
jq导出execl-----
2020-09-24
my_pro.zip
2020-08-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人