前端
蜂巢糖FCT
自由学习的人生,努力过上财富自由的生活
展开
-
wpsjs学习——获取单元格批注
wpsjs学习(获取单元格批注、获取当前页签内所有批注、获取所有页签内所有批注)原创 2024-01-04 14:56:52 · 1111 阅读 · 0 评论 -
在vue中用canvas画一个简单的贪吃蛇游戏
【代码】在vue中用canvas画一个简单的贪吃蛇游戏。原创 2023-09-22 15:27:49 · 364 阅读 · 0 评论 -
echarts折线图鼠标快速移出时tooptip还存在的情况
echarts折线图鼠标快速移出时tooptip还存在的情况原创 2023-02-27 10:54:05 · 549 阅读 · 0 评论 -
el-tree树形节点过滤
el-tree过滤父子节点,查询到父节点,父节点默认不展开,子节点不过滤掉;查询到子节点,父节点默认展开原创 2023-02-20 16:48:17 · 3344 阅读 · 0 评论 -
echart点击折线主动隐藏整条折线
echart点击折线主动隐藏整条折线原创 2023-01-05 13:53:10 · 1413 阅读 · 0 评论 -
webuploader大文件分片上传,md5验证附件上传
webupload大文件分片上传,md5验证附件原创 2023-01-03 15:30:27 · 2178 阅读 · 0 评论 -
angular安装
记录一次angular安装及ui配置过程原创 2022-10-21 17:12:23 · 4278 阅读 · 0 评论 -
关于checkbox多选项勾选的同时,根据已勾选的选项,去更新其他字段的可选项和禁用项
关于checkbox多选项勾选的同时,根据已勾选的选项,去更新其他字段的可选项和禁用项原创 2022-10-09 14:09:30 · 754 阅读 · 0 评论 -
vue中使用el-table筛选tree树形结构的数据
vue中使用el-table筛选tree树形结构的数据原创 2022-09-22 11:49:56 · 7467 阅读 · 0 评论 -
echart普通图表切换格式,柱状图,散点图,折线图,面积图
vue使用echart普通图表切换格式,柱状图,散点图,折线图,面积图,echart常用属性说明原创 2022-07-18 15:08:27 · 1858 阅读 · 0 评论 -
vue+elemet实现表格手动合并行列
vue+element实现表格手动合并行列,可插入数据原创 2022-06-24 11:30:41 · 1291 阅读 · 1 评论 -
vue使用requestAnimationFrame实现轮询公告
实现轮询公告,鼠标放上停止轮询,鼠标移开继续轮询原创 2022-06-20 14:27:53 · 1533 阅读 · 0 评论 -
vue2创建简易时钟
vue2+纯css实现简易时钟原创 2022-06-01 17:04:01 · 415 阅读 · 0 评论 -
pdfmark生成pdf文件并下载
最近在维护老项目时发现了生成pdf的功能,于是把这部分功能摘录下来,同时上网查询了关于pafmark资料,将这部分功能修改成可以适配vue2的写法。首先npm下载插件:npm install pdfmake然后在所需的页面引入:import pdfMake from "pdfmake/build/pdfmake";生成的pdf需要配置字体文件防止乱码,这里我分享一个字体文件...............原创 2022-05-27 09:37:00 · 1615 阅读 · 3 评论 -
vfs_fonts
vfs_fonts,pdfmark所需的字体文件原创 2022-05-27 09:24:17 · 563 阅读 · 2 评论 -
vue中antd表格单击,双击行选择
1.通过查看antd文档,customRow可设置行属性:<template><div> <a-table :rowKey="record => record.id" :customRow="customRow" :row-selection="{ selectedRowKeys: selectedRowKeys, type: selectionRef, onChange: onSelectChange }" :scroll="{ x: 1400 }" :colu原创 2022-03-14 15:55:36 · 2749 阅读 · 1 评论 -
vue3+setup使用知识点
<script lang="ts" setup>import {getCoupon} from './request';//request里面包含接口,此处是引入getCoupon这个接口import { onMounted, reactive, ref, getCurrentInstance, onActivated } from 'vue';import { useRoute, useRouter } from 'vue-router';const route = useRoute原创 2022-03-03 11:39:52 · 628 阅读 · 0 评论 -
vue3中使用jweixin-module报错
在vue3中使用:var jweixin = require('jweixin-module');会编译报错:require is not defined,没有require模块,改成import的话,由于jweixin-module不支持export写法,所以引入也不能成功.解决:使用第三方封装的jdk: weixin-js-sdknpm install weixin-js-sdk -Simport jweixin from 'weixin-js-sdk'...原创 2022-03-01 17:23:39 · 6458 阅读 · 1 评论 -
vue指令知识点
vue指令相关知识点原创 2022-02-22 17:06:17 · 205 阅读 · 0 评论 -
vue+h5端配置微信的jdk,实现分享朋友圈、微信支付
首先安装微信的jdk插件:npm install jweixin-module -D然后创建一个js文件,这里我的js名称是jwx.js:var jweixin = require('jweixin-module');import env from '../config/env';export default { //判断是否在微信中 isWechat: function () { var ua = window.navigator.userAgent.toLowerCase();原创 2022-02-08 16:41:59 · 2131 阅读 · 0 评论 -
微信小程序保存图片到本地
1.获取图片链接后将图片保存到本地2.此处使用的是uniapp开发微信小程序,如果使用原生开发,将uni改成wx就可以了save(imgUrl){ wx.getSetting({ success:function(res){ if (!res.authSetting['scope.writePhotosAlbum']){ uni.authorize({ scope: 'scope.writePhotos原创 2022-01-06 13:46:29 · 1835 阅读 · 0 评论 -
vue-cropper剪切图片保存
1.npm install vue-cropper -S2.按照完直接使用即可,注意下配置:<template> <div class="ivu-upload" style="margin-left: 5px" @click="getPics(1)"> <div @click="selectAlbumPic"> <slot></slot> </div> <a-modal原创 2021-12-20 14:54:31 · 678 阅读 · 0 评论 -
vue中的watch和computed
Computed本质是一个具备缓存的watcher,依赖的属性发生变化就会更新视图。适用于计算比较消耗性能的计算场景。当表达式过于复杂时,在模板中放入过多逻辑会让模板难以维护,可以将复杂的逻辑放入计算属性中处理。Watch没有缓存性,更多的是观察的作用,可以监听某些数据执行回调。当我们需要深度监听对象中的属性时,可以打开deep:true选项,这样便会对对象中的每一项进行监听。这样会带来性能问题,优化的话可以使用字符串形式监听,如果没有写到组件中,不要忘记使用unWatch手动注销哦Watch监听数.原创 2021-09-29 16:56:59 · 405 阅读 · 0 评论 -
vue+h5项目中调取微信扫一扫功能
准备工作:1.引用微信jweixin-module支持,可使用npm install jweixin-module --save2.使用微信扫一扫需登录微信公众号->设置-公众号设置->功能设置下的JS接口安全域名配置安全域名,例如https://dp-scrm.lanlnk.com要配置成dp-scrm.lanlnk.com,无需添加http使用:项目中引入:import wx from ‘jweixin-module’;import wx from 'jweixin-mod原创 2021-09-17 14:57:59 · 3655 阅读 · 0 评论 -
对toFixed计算失去精度的一点优化
在项目中保留2位小数通常使用toFixed(2),但有时使用它会存在四舍五入方面的错误,比如:1.335.toFixed(2) 变成1.3369.945.toFixed(2)变成69.94查询资料时突然想到当小数后为5时toFixed不适用,是否可自动帮它进一位再计算。下面是一些实现:function getRound(num,s){ let index = num.toString().indexOf('.'); //console.log('位置:',index);原创 2021-09-08 12:05:27 · 293 阅读 · 0 评论 -
vite+vue3+vue-router+vuex
vite是类似webpack的前端构建工具,基于浏览器 ES module ,优点:快速的冷启动即时的模块热更新真正的按需编译由于npm默认会安装最新的依赖,推荐使用yarn安装创建项目:yarn create vite-appyarn install生成的项目结构如下:可以看到根目录有一个index.html文件,不同于webpack需配置入口文件,vite默认将跟目录的index作为入口。运行npm run dev结果展示:添加vue-router:yarn add vu原创 2021-08-31 16:54:30 · 491 阅读 · 0 评论 -
关于小程序下拉组件的简单实现
由于小程序本身不提供select下拉组件,而项目使用的ui框架下拉又是弹窗形式,所以运用css3的知识来简单实现下*由于在小程序中使用ul li会被解析成.ul .li的class,所以直接使用view来写*实现前:1.下拉组件分成两块:横向排列的展示部分和点击事件响应的显示部分2.横向展示使用flexbox排列3.点击显示的部分使用position:absolute排布,再使用transform:translateY(1)加一点动态效果下面是代码部分:view:<template原创 2021-08-23 16:05:32 · 911 阅读 · 0 评论