
Vue
文章平均质量分 57
rrrrroy_Ha
嗯嗯
展开
-
contenteditable H5聊天室发送表情(2023.09.27更新)
1.这里用普通的input或其他是显示不了表情的,需要借助div的contenteditable属性,经查证qq空间的动态也是用的这个,表情有两种方案:1.选用emoji表情,优点是全世界通用,无需解析使用简单,适配性强,缺点是个性化不高,观赏度不强。遇到个需求是在H5页面聊天室中可以发送表情,普通的发送信息已经做过了是借助的websocket,发表情类似于QQ微信那样,既需要展示在输入框中,又需要发送给后台,回显到聊天室让大家都看到,这个还是需要仔细考虑考虑的。3.输入框的高度有一定限制,超出后滚动。原创 2022-09-19 01:24:52 · 3098 阅读 · 0 评论 -
微信H5开发wx.config授权invalid signature
微信H5(公众号)开发过程中,遇到了wx.config失败的情况,造成的原因在此记录一下,也为各位提个醒。打开wx.config的debug选项,会在配置后弹框提示配置结果,如果提示errMsg:config ok,这是正确的,有同事以为errMsg就是错了,其实是不正确的。关键要看后面的提示。一、一般来说“invalid signature”出现的情况比较多,会影响的因素也比较多,官网也给出了解决方案,参考官方概述 | 微信开放文档我将以自己的理解总结下:需要在公众号的开发者账原创 2022-01-25 18:00:44 · 4774 阅读 · 0 评论 -
移动端H5·html转图片之html2canvas
html2canvas在上个公司用过,当时业务场景是在pc端将一个包含若干echarts、包含不同域名图片的【长到有滚动条的】html转成pdf提供下载。当时做的也不难嘛【狗头】,也就跨域图片折磨了一阵【哭笑不得】,说起跨域图片可以提一下:html下image加载图片是异步的,所以看普通网页时是可以看到图片,但转成图片/pdf后可能会看不到图,此时各位可以从两方面考虑:1,查看html2canvas配置项是否开启跨域(当时开了也没卵用)2,可以提前把图片转成base64,存到浏览器本地就不存在什原创 2021-12-30 14:30:06 · 2678 阅读 · 0 评论 -
vant框架van-field组件v-model无效问题
问题描述:就是一个很正常的van-field组件,通过v-model绑定了一个对象下的某个属性。但是输入过程中实时显示输入内容,失去焦点后却回退显示回之前的内容,打印一下实际值是改变的,在其他正常的van-field输入后,这个问题field又显示出实际值,就离谱。再看看赋值的地方,从接口拿到数据后直接赋值,并对该字段单独赋值。再看看打印的formData,可见其他正常的都是(...)的形式,有问题的直接展示出内容。根据这一现象,修改一下赋值方式,组装好对象后再统..原创 2021-11-12 11:22:49 · 10342 阅读 · 0 评论 -
nuxt框架引用swiper问题
nuxt.js框架支持vue写法,因此主要分两大方向一、用过cdn方式,在nuxt.config.js配置即可二、通过npm引入,本次主要介绍npm方式通过swiper官网可知,目前最新是swiper6(实际npm版本可能7以上),但执行npm install --save swiper后,发现运行后会提示vue3的东西,结合在vue中使用swiper6的官网文档,可以确认:swiper6对应的是vue3语法所以nuxt.js在引入swiper6时一定要确认自己的nuxt是原创 2021-09-29 10:09:07 · 2461 阅读 · 3 评论 -
vue、node开发过程中的相关指令【持续更新】
npm安装教程修改npm的缓存地址(默认在C盘下):// 先在指定位置建好目录npm config set prefix "D:\nodejs\node_global"npm config set cache "D:\nodejs\node_cache"安装淘宝镜像(cnpm):npm install -g cnpm --registry=https://registry.npm.taobao.org或直接配置npm源为淘宝镜像,修改后每次npm xxx 实为从淘宝镜像下插件:原创 2020-12-02 01:33:12 · 313 阅读 · 0 评论 -
html2pdf无法导出图片解决方案(2020版)
研究背景:最近做的项目中有功能项是导出PDF报告,由于页面内容包含多种统计图,后台人员不好实现,那就前端来呗~ 由于是内网项目,图片都读取服务器,导致下载pdf中图片出不来,我太南了。---------------------------------------------------------------------------分割线------------------------------------------------------------------------------导Pdf原创 2020-11-23 14:07:35 · 3954 阅读 · 0 评论 -
基于antd框架的vue + typescript 实现大文件分片上传
最近用vue+typescript搭的一个框架写项目,UI框架使用的是ant design for vue的,由于其中还用到了“vue-property-decorator” 和 “babel-plugin-jsx-v-model”等依赖,用以支持TS和JSX的写法,所以不熟悉的可能看起来比较懵。当然,代码形式不一样,思想是一样的,基础JS代码怎么说也是看得懂的,那就足够了。先总结一下分片的思路吧:1.先根据一定大小计算要把文件分成几块,利用FileReader对象读取上传的文件并分段截取成字节流数原创 2020-11-14 02:44:28 · 2930 阅读 · 0 评论 -
vue + cesium 环境搭建
版本:vue v2.5.2cesium v1.68.0开发工具使用vscodenode、vue-cli等安装步骤网上都说烂了,这里就不说了。下载webpack模板项目,安装cesium依赖在自己喜欢的位置创建测试文件夹,这里我用的cesiumDemo,拖入vscode中,右键“在终端中打开”。在终端中输入就能下载适合新手开发的vue项目了test是项目...原创 2020-04-29 14:01:04 · 2268 阅读 · 2 评论 -
【持续】iview框架使用过程中的问题、心得
使用了一段时间的iView框架了,遇到不少问题,不过因为懒没记录,想想还是记录一下吧。1.iView中用到render函数,render函数可以渲染普通的html标签,也可以渲染框架中的组件或自定义组件。渲染组件时,对事件的监听不再是on,而是nativeOnreturn h('Checkbox', { props: { 'value': value === ...原创 2020-04-22 17:19:33 · 569 阅读 · 0 评论 -
VUE+VSCode 遇到的问题集【持续】
一,启动时提示“Error: Cannot find module 'array-includes'”解决:删除node_modules,重新npm(/cnpm) install。原创 2019-05-10 11:23:45 · 588 阅读 · 0 评论