- 博客(23)
- 收藏
- 关注
RSS订阅原创 vue2中ckeditor5自定义构建（online-build）的使用
（ps:这是个大坑，我开始构建了几次一直不能成功在页面实例化编辑器）.其他可以先都勾选了，因为这个页面时英文的，翻译成中文，会无法勾选，所以这里都勾选，在以一个可视化页面在选择自己需要的功能。最后选择了ckeditor5,ckeditor5具有多种模式（经典、行内、文档等），还提供了自定义构建器，可以根据自己的需要控制工具栏的子项的功能及位置等。wangeditor作为国内的富文本编辑器，功能强大，文档友好，之前在项目中曾多次使用，但是wangeditor没有行内模式。选择语言，下载打包好的版本。
2023-03-17 15:02:24
2390
原创 vue2中canvas渲染、标注、截图传给后端
截图并传给后端：截图的话，可根据需要使用canvas原生api:todataurl(),也可根据需要选用html2canvas或者dom-to-image插件，这两个插件我都是用了下，dom-to-image的功能更多点。首先是渲染从后端获取的图片：marking_list为从后端获取的数据，如果后端给的图片地址不是同源的，切记在赋予img实例src前设置img.crossOrigin = "Anonymous";标注也是，如果标注的图片不是同源的，要给图片设置跨域属性。
2023-03-16 17:12:36
1249
原创 vue3中vuex的使用
2.创建安装成功后，在目录下创建目录，再在下创建文件。并引入以下内容。 staet:数据仓库，用来存储数据的。 getters:获取数据的，有点像computed的用法。 mutations：更改state数据的方法都要写在mutations里，且是唯一方法。 actions：异步，异步的方法都写在这里，但最后还是需要通过mutations来修改state的数据。 modules：分包。如果项目比较大，可以将业务拆散成独立模块，然后分文件管理和存放。
2022-09-16 17:38:19
483
原创 微信支付流程
用户点击下单，将订单信息传给后台，由后台调用微信立即下单接口，生成预支付订单，并将参数返回给客户端，客户端使用request.payment 吊起微信支付，用户输入密码支付，支付成功客户端收到通知，提示用户支付成功并跳转到指定页面。①公众号注册（每年认证一次，300元/年） 可扩展10个微信小程序，与公众号是同一个主体，同一个营业执照 ，一般选用这种方式，比较划算。微信支付，对于我们前端来说还是比较简单的，知道大致流程之后，调用api，进行相应提示即可。api相关用法请看官方链接。
2022-09-07 15:31:04
1397
原创 js中 find map foreach filter for in 循环的使用总结
find map foreach filter主要用来遍历数组，for in用于遍历对象。在第一次调用 callback 函数时会确定元素的索引范围，因此在 find 方法开始执行之后添加到数组的新元素将不会被 callback 函数访问到。如果数组中一个尚未被callback函数访问到的元素的值被callback函数所改变，那么当callback函数访问到它时，它的值是将是根据它在数组中的索引所访问到的当前值。被删除的元素仍旧会被访问到。
2022-09-07 10:49:41
1374
原创 vue切换页面echarts图表不显示的问题
在vue项目中切换tab页面或者在后台管理框架中切换面包屑echarts图表会不显示，初次进入的时候能够正常显示，本地运行也没有问题，这个问题只在线上部署的时候出现。目前找到了两个解决方案，做下记录。echarts挂载的dom元素有一个属性：_echarts_instance_，它应该类似id，需要每次刷新重新生成，所以我们每次挂载前都去除这个属性。将echarts图表挂载的div的id改成动态id，确保切换页面时，echarts图表每次都可以重新挂载。以上两个方案都测试可以解决这个问题。...
2022-09-01 11:08:43
5848
2
原创 浏览器全屏，按下两次esc方法的解决思路
浏览器全屏之后添加键盘事件，当再次按下esc取消全屏时候我们会发现第一次的键盘事件是不触发的，解决思路如下。首先安装依赖，命令行输入。
2022-08-24 10:30:52
1315
原创 vue解决跨域的问题（反向代理）
找到config文件下->index.js文件，修改propyTable中的target的值，就可实现用前端解决跨域，详细请看下方。在模板中请求，去除头部地址，前缀加上。
2022-08-15 08:31:35
363
原创 vue基于原生html标签导入excel表格及标签的美化
在做一个后台管理系统，使用的naive框架，因此以前用的基于element上传组件的导入excel就不能使用了，特别制作了这一版，做下记录，以后不管是使用什么框架，都可以直接使用。dealexcel函数是对excel的表头进行转换，如果标头跟你的标头数据不相符的话。比如你的标头都是英文，而导入的标头是汉语。安装好后可以在package.json查看是否安装成功，以下代表安装成功。我的数据格式是统一的，所以将调用函数注释了。最后是js部分点击函数逻辑。然后自定义html标签。...
2022-08-11 18:19:06
684
原创 js洗牌算法
洗牌(随机)算法有很多应用，例如我们平时用的音乐播放器随机播放，棋牌游戏中的洗牌，扫雷游戏中雷的位置随机等等，都会用到洗牌算法。中每次随机选中一个元素，然后放入新数组中，每取出一个元素后，将将它从原数组中取出（使用splice方法），原数组长度减一。...
2022-08-01 14:16:02
721
原创 uni_app授权登录及授权麦克风防止用户点击拒绝按钮，权限无法再次被挂起。
uni_app及微信授权登录及授权麦克风防止用户点击拒绝按钮，权限无法再次被挂起。
2022-07-07 16:38:19
2532
原创 vue 中导出带有图片的excel表格
随着项目进度的前进，到了最后一步需要将数据导出到Excel表格内，并且数据中包含一些类型的转换，和图片类型。正常情况下我们只需要导出文字类型，这是最简单的一种导出方式。那么现在我还有一些类型的转换和图片的导出到表格里，这该如何做？别慌，现在开源的插件有很多能够处理这种情况的，接下来我一步一步的展示，能够让你明白。第一步：安装插件。npm install js-table2excel第二步：引入插件。import table2excel from 'js-table2excel'
2022-05-24 18:06:49
4573
15
原创 web前端理论拓展面试题
前端扩展题1.http状态码。 200 - 请求成功 301 - 资源（网页等）被永久转移到其它URL 404 - 请求的资源（网页等）不存在 500 - 内部服务器错误 2.输入url到显示页面的步骤。浏览器根据请求的 URL 交给 DNS 域名解析，找到真实 IP ，向服务器发起请求；服务器交给后台处理完成后返回数据，浏览器接收⽂件（ HTML、JS、CSS 、图象等）；浏览器对加载到的资源（ HTML、JS、CSS 等）进⾏语法解析，建立相应的内
2022-05-14 18:30:40
346
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人