会说法语的猪
我生命再怎么粗糙,我都要活得很骄傲
展开
-
vue动态绑定事件、传递参数
vue动态传递不确定个数的参数到子组件这个还是经常用的,动态绑定不确定个数的事件就不太常用了,写这篇也是因为自己没有好好看官方文档,所以来记录一下。下面的代码示例就采用vue2了,vue3也是一样的。相信大家对vue的父传子已经很熟悉了。假设子组件接受下面三个参数:那我们父组件可以单独传递:也可以一块儿通过v-bind直接传递整个对象,相当于将对象中的进行结构全部传递,官网也有写:https://cn.vuejs.org/api/built-in-directives.html#v-bind原创 2024-08-15 17:41:00 · 117 阅读 · 0 评论 -
webpack配置
一直用webpack打包用了好几年了,但其实只了解大概的配置意思,并没有仔细、深入去学习。那闲来无聊,就简单的浅浅学了一下webpack,这篇也来记录一下。本质上,是一个用于现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时,它会在内部从一个或多个入口点构建一个,然后将你项目中所需的每一个模块组合成一个或多个bundles,它们均为静态资源,用于展示你的内容。webpack打包的内容主要是要用webpack首先需要安装一下吧,webpack是基于。原创 2024-08-10 16:33:43 · 210 阅读 · 0 评论 -
Vue引入使用iconfont字体图标
由于element-ui或element-plus提供的图标有时候并不能满足日常需求,所以这篇介绍一下前端引入阿里巴巴矢量图标库使用,其实不止vue哈,html也是同样的道理。原创 2024-08-08 10:13:45 · 213 阅读 · 0 评论 -
低代码、零代码、拖拉拽
我们会发现这低代码平台的模样大致的布局都大差不差,就是左中右布局,左边是一些供拖拽(点击)的基础组件,中间为画板、右边为属性配置,当然具体还得具体看,但整体大致上都是这样的布局。这篇说下关于实现低代码、零代码自己的思路、想法吧。最后再给大家推荐一下自己做的两个低代码、零代码项目,一个是快速生成大屏的、另一个是希望快速生成h5页面,希望能用在uniapp。当然这些说起来容易,思路也清楚,但是真正做起来,真的很复杂,工作量很大,也会碰到各种各样的难点,更会碰到平时开发业务中根本碰不到的棘手的问题。原创 2024-08-03 15:30:07 · 188 阅读 · 0 评论 -
Vue2使用monaco-editor
之前写了一篇vue3使用monaco-editor的博文(),vue3中使用过程很顺利,没发现什么问题。但是在vue2中使用碰到一些坑。不过最后总算是搞出来能用了。首先跟vue3一样,安装monaco-editor、monaco-editor-webpack-plugin这两个插件。vue3里面呢直接安装最新的就行了,但是在vue2中对版本有要求,不能太高了,经过最后的测试,原创 2024-08-03 14:51:16 · 192 阅读 · 0 评论 -
uniapp通过触摸事件判断左滑、右滑、上滑、下滑
【代码】uniapp通过触摸事件判断左滑、右滑、上滑、下滑。原创 2024-05-09 15:02:09 · 912 阅读 · 0 评论 -
组件v-model
最近看到vue版本更新到3.4.x了,其中有个defineModel API,这个API就是Vue3简化组件v-model的写法的,所以这篇就一块儿来总结一下vue中的组件v-model先说下vue2中的使用,再说下vue3中的使用。原创 2024-01-11 13:26:11 · 2659 阅读 · 0 评论 -
前后端环境搭建及基础软件安装
前后端基础的环境搭建及基础的软件、通讯软件安装链接原创 2023-11-27 17:01:12 · 296 阅读 · 0 评论 -
Vue使用epubjs电子书
npmjs: https://www.npmjs.com/package/epubjs 在线电子书转换器简单封装: src/hooks/使用: 这个示例电子书地址:https://example-files.online-convert.com/ebook/epub/example.epub 直接下载下来,放在public/static下。这篇只是简单写一下使用,还没有正式用到更多可以参考另一位博主的文章:https://blog.csdn.net/qq_42484429/art原创 2023-11-03 10:53:40 · 877 阅读 · 0 评论 -
window.open父子页面自定义事件通信
我们在vue项目中,使用vue-router跳转的时候,在某些需求中可以使用router.resolve({path: '/test'}),返回一个返回一个路由地址的规范化版本,其中包含href属性,那我们就可以使用window.open()来打开一个新的浏览器页签跳转至某个vue页面。这篇就是要说一下之间的通信。原创 2023-11-01 13:48:04 · 604 阅读 · 0 评论 -
Vue3中使用富文本编辑器
在vue3中我们可以使用@wangeditor/editor、@wangeditor/editor-for-vue来实现其功能。原创 2023-10-20 11:16:44 · 2296 阅读 · 0 评论 -
Vue使用Animate.css
说一下Animate.css这个动画库,很多的动画在这个库里面都定义好了,我们用的时候可以直接使用里面的类名就可以了,就是直接目标元素绑定对应的类名就可以实现动画效果,非常方便,库其实也相对简单,使用起来也简单。这里示例就以v3为例了,v2也是一样的。原创 2023-08-22 20:31:24 · 672 阅读 · 0 评论 -
Vue2使用easyplayer
说一下easyplayer在vue2中的使用,vue3中没测试,估计应该差不多,大家可自行验证。然后在public/index.html下再引入即可。看到报错不要慌,大家跟着我处理。习惯性将其封装为单独的组件。会发现控制台有下面报错。原创 2023-08-11 11:55:21 · 1217 阅读 · 0 评论 -
H5中的draggable
draggable 属性规定元素是否可拖动。必须设置,否则没有拖拽效果及事件触发链接和图像默认是可拖动的。draggable 属性经常用于拖放操作。原创 2023-08-06 16:24:48 · 613 阅读 · 0 评论 -
ipa上架App Store【uniapp-ios】
前置条件:已获取到.mobileprovision描述文件、.p12证书并打包生成ipa包原创 2023-07-04 20:35:43 · 978 阅读 · 0 评论 -
uniapp-ios打包步骤
已申请Apple ID并注册Apple Developer Program。原创 2023-07-02 10:58:51 · 2699 阅读 · 0 评论 -
Vue3中Composition 其他一些API
简单再说一下isProxy、isReactive、isReadonly、toRaw、shallowReactive、isRef等Vue3中其他的一些API原创 2023-06-15 21:44:32 · 641 阅读 · 0 评论 -
Vue向pdf文件中添加二维码
这两天刚看到一个需求,简单描述一下,就是我们拿到一个pdf文件流(文件流可以是后端返回的,也可以是从自己本地选的)和一个url链接 ,现在要将url链接生成二维码,并将这个二维码添加到这个pdf文件中,然后再预览或者下载这个pdf文件。灵感出自于我之前写过一篇。原创 2023-06-14 22:15:45 · 1417 阅读 · 0 评论 -
uniapp-ios打包安装测试
我们在做uniapp需要打ios包测试的时候,会有证书私钥密码、证书profile文件、私钥证书三项必填项,这是苹果三件套,必须要有的。就是下图所示。原创 2023-06-10 14:55:06 · 4511 阅读 · 0 评论 -
Vue实现锁屏功能
这两天刚做了个新需求,要做个系统锁屏(当然锁的是当前的系统),就类似于电脑锁屏似的。共两种情况下锁屏,一种是无操作一定时间后自动锁屏;第二种是可以按下组合键(快捷键)主动进行锁屏。下面具体来说一下该需求的想法、思路以及实现原创 2023-06-07 21:51:23 · 2468 阅读 · 2 评论 -
Element-ui中el-table展开行
展开行在el-table中以及提供了,使用也很简单,不过就是它只能点击左侧箭头icon来控制展开收缩,我这里是点击行的就要展开收缩。所以还需要借助 row-click和expand-change结合(因为点击icon的时候不会触发row-click),然后展开的时候就得通过设置expand-row-keys这个来控制收缩,注意使用这个必须要设置row-key原创 2023-05-17 20:05:45 · 8266 阅读 · 2 评论 -
Promise类方法
这篇主要讲一下Promise的类方法的基本使用,至于Promise的基本使用这里就不赘述了,之前也有手写过Promise、实现了Promise的核心逻辑。其实我们平时用Promise也挺多的,不过又出现了两个新的语法(ES11,ES12新增了两个),所以这篇就简单说一下,也挺简单原创 2023-05-07 13:38:28 · 953 阅读 · 0 评论 -
uniapp换手机提示(获取本机设备信息)
就是我们开发出的app,这次在这个手机上登录了,下次换了个手机登录,这时候要给用户个提示,我也不知道为什么非得要这个提示,感觉意义不太大,但是需求是这样的,所以这篇主要是简单说下uniapp获取当前手机设备的信息。原创 2023-05-06 19:25:45 · 1770 阅读 · 1 评论 -
javascript中的严格模式
严格模式通过抛出错误来消除一些原有的静默(silent)错误;严格模式让JS引擎在执行代码时可以进行更多的优化(不需要对一些特殊的语法进行处理);严格模式禁用了在ECMAScript未来版本中可能会定义的一些语法(保留字等)原创 2023-05-03 13:15:20 · 1288 阅读 · 0 评论 -
Vue通用下拉树组件@riophae/vue-treeselect的使用
这个是在若依框架无意中发现的一个下拉树通用组件。@riophae/vue-treeselect 是一个基于 Vue.js 的树形选择器组件,可以用于选择树形结构的数据。它支持多选、搜索、异步加载等功能,可以自定义选项的样式和模板。该组件易于使用和扩展,适用于各种类型的项目。部分注释百度翻译成中文了,但太多了,懒得挨个翻译了,直接看也大概知道啥意思。下面是我测试的一个例子,一般的需求应该足够了。使用自己习惯使用的包管理器安装就可以了。字体样式简单调了一下。原创 2023-04-27 17:21:46 · 29709 阅读 · 5 评论 -
JS实现拼音(字母)匹配(搜索)汉字(姓名)
这就是个模糊查询,我们平常做的都是直接输入汉字去把对应的值过滤出来,但我还真是第一次通过拼音去查询(当然不只是拼音,汉字也是可以的),以前还真没注意这个。唉,这可咋搞,我怎么知道某个汉字(字符串)的拼音的首字母是什么呢?正当我愁眉苦脸的时候,哎,一个库被我发现了,hhhhh~。就是pinyin-match。下面介绍该包的使用,这个包也不大,四百多kb。蛮高效的。下面介绍一下该库的使用。原创 2023-04-26 17:14:35 · 4378 阅读 · 0 评论 -
uniapp无网络提示
在项目中,网络不好或者断网的时候,可能中间会出现个黑点,影响美观,且没有提示,也影响用户的使用。所以我们得获取一下当前的网络状态,在没有网络的时候给与用户提示会更好一些。原创 2023-04-24 15:36:50 · 2797 阅读 · 0 评论 -
uniapp版本更新
app往往在关于我们的页面会有版本更新操作,还有一种情况是,我们要不要强制更新,一般后端都要去加个字段,就是标识着要不要强制更新,如果是强制更新这种,那还得在刚进入到app的时候就进行版本的检测对比,如果版本和最大版本不一致,就必须更新,不更新的话就用不了该app,如果版本一致就不需要做提示了,其实逻辑基本一样,就是在刚进入页面检测版本的时候,如果版本一直就不需要更新了。uniapp每次修改了代码,或是增加了功能都得重新打包,显得尤为麻烦,所以做了个自动更新的功能。下面说下app端实现自动更新的功能。原创 2023-04-23 17:43:44 · 3179 阅读 · 0 评论 -
uniapp下拉刷新、上拉触底加载
官网都有的,这篇也简单记录一下,用到的时候直接在这里拷过去原创 2023-04-19 09:54:36 · 1946 阅读 · 1 评论 -
Vue使用html2canvas和jspdf生成pdf文件
首先jspdf这个库就是用来生成pdf的,那为什么还需要使用到html2canvas。是因为jspdf直接生成pdf的话,用法可能会有些繁琐,并且可能不能保证原来的样式,不美观,也不满足需求。所以我们先使用html2canvas将目标dom元素转为canvas,然后调用canvas的toDataURL方法将其转为base64编码,然后再将图片添加到pdf中就可以了。原创 2023-04-14 13:33:13 · 698 阅读 · 0 评论 -
使用html2canvas将页面或某个dom元素保存/下载为图片
首先我们先使用html2canvas将某个dom元素为canvas,然后可以调用canvas中的方法,例如:toDataURL将其转为base64编码,或者toBlob转为一个二进制对象等等,然后就随意我们怎么操作了,可以进行下载,也可以将base64编码赋给img标签src在页面上再渲染出该dom以图片的方式,类似于复制了,下面来说下具体使用:原创 2023-04-14 09:50:58 · 4663 阅读 · 0 评论 -
Vue预览word、excel、pdf
刚找到三个兄弟库,分别是预览word、Excel、pdf文档的,用着很好用,但是word这个好像是有点儿bug但还不确定,因为有的能加载出来有的加载不出来,还需要验证。原创 2023-03-19 22:19:04 · 6164 阅读 · 8 评论 -
Vue使用pdf-lib为文件流添加水印并预览
这次项目中又要预览pdf了,要求还要加水印,做的时候又发现了一种预览pdf的方式,这种方式我觉的更好一些,并且还有个要求就是添加水印,当然水印后端也是可以加的,但是后端说了一堆...反正就是要让前端做,在我看来就是借口、不想做,最近也不忙,那我就给他搞出来好了。下面来介绍一下。原创 2023-03-14 21:59:36 · 4699 阅读 · 12 评论 -
uniapp使用webview嵌入vue页面及通信
最终方案就是在uniapp中获取那一大串儿json,然后传递到webview页面进行渲染,然后提交表单的时候再通知webview页面(Vue页面)将表单json再传递给uniapp进行提交。所以就涉及到了uniapp与webview之间的通信问题,接下来介绍:原创 2023-03-09 22:24:37 · 21864 阅读 · 9 评论 -
JS函数柯里化
柯里化也是属于函数式编程里面一个非常重要的概念,它是一种关于函数的高阶技术,不仅被用于Javascript,还被用于其他编程语言维基百科的解释:在计算机科学中,柯里化(英文:Curring),又译为卡瑞华或加里化;是把接受多个参数的函数,变成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数,而且返回结果的新函数的技术,柯里化声称“如果你固定某些参数,你将得到接受余下参数的一个函数”总结一下就是,只传递给函数一部分参数来调用它,让它返回一个新函数去处理剩余的参数,这个过程就称原创 2023-02-11 11:50:00 · 675 阅读 · 0 评论 -
前端主题切换
我们经常可以看到一些网站都会有类似的 暗黑模式/白天模式 的主题颜色切换功能,效果很炫酷,或许我们在平时的开发中也会有类似这样的功能实现,这里先提供一个思路,就是使用CSS变量 +类名切换原创 2023-02-01 14:20:50 · 359 阅读 · 0 评论 -
使用pdfobject预览pdf
之前写过一篇预览pdf的,,大家按需所用一般项目中在上传文件之前可能会有 先预览一下,看是否符合要求,符合再上传,这里先说了pdf文件,使用pdfobject库,也很方便。原创 2023-01-28 17:32:52 · 1141 阅读 · 0 评论 -
Vue使用vxe-table
vxe-table是对element-ui进行了二次封装,基本样式也做了调整,并且把导出、打印等功能也集成进去了,这篇就介绍一下vxe-table的基本使用,其实和el-table差不多,使用起来基本一样。原创 2023-01-27 10:30:59 · 8075 阅读 · 0 评论 -
Vue打印功能
这里介绍一个插件(vue-print-nb),蛮好用的,用起来很方便,所以想记录一下。原创 2023-01-11 20:47:07 · 1160 阅读 · 1 评论 -
纯前端导出Excel并修改样式
之前写过一篇前端导出:Vue实现导出功能(无后端配合),但是当时没考虑到样式的问题,后来要求导出的Excel单元格的样式也需要调整,尤其是宽度,第一想到的就是xlsx-style这个包,之前也没用过,这次用一下试着调一下宽度等样式,刚安装上就嘎嘎报错~~~,下面就介绍一下该库是使用,踩坑解决...原创 2023-01-10 16:59:21 · 2592 阅读 · 0 评论