前端遇到的问题
tomiaa
这个作者很懒,什么都没留下…
展开
-
canvas 涂鸦画板,支持笔写、手写、鼠标绘图
canvas 涂鸦画板,支持笔写、手写、鼠标绘图。实现了 PC 端, 移动端的手写,笔写,鼠标绘图。已知问题: 笔写需要移动端的触屏笔才能触发。原创 2023-02-14 10:34:48 · 364 阅读 · 0 评论 -
编写一个 vue 组件发布至 npm
https://kuangyx.cn/docs/%E6%96%87%E7%AB%A0/%E5%89%8D%E7%AB%AF/%E7%BC%96%E5%86%99%E4%B8%80%E4%B8%AAvue%E7%BB%84%E4%BB%B6%E5%8F%91%E5%B8%83%E8%87%B3npm.html原创 2021-12-23 20:28:20 · 485 阅读 · 0 评论 -
vue3 中 axios class 封装
https://kuangyx.cn/docs/%E6%96%87%E7%AB%A0/%E5%89%8D%E7%AB%AF/vue3%E4%B8%ADaxios%E5%B0%81%E8%A3%85.html原创 2021-12-23 20:26:09 · 551 阅读 · 0 评论 -
css 实现不规则透明盒子滚动边框
https://kuangyx.cn/docs/%E6%96%87%E7%AB%A0/%E5%89%8D%E7%AB%AF/css%E5%AE%9E%E7%8E%B0%E4%B8%8D%E8%A7%84%E5%88%99%E9%80%8F%E6%98%8E%E7%9B%92%E5%AD%90%E6%BB%9A%E5%8A%A8%E8%BE%B9%E6%A1%86.html原创 2021-12-23 20:25:35 · 388 阅读 · 0 评论 -
JavaScript 提取一张图片的主题色
点击打开链接原创 2021-12-06 16:13:37 · 1383 阅读 · 0 评论 -
Vue 融云音视频会议与屏幕共享
预览图片文档链接地址原创 2021-09-29 11:59:00 · 1221 阅读 · 0 评论 -
vue3 + ts(typescript) ref 获取单个/多个dom元素
template<input type="text" ref="inputRef" /><!-- 加冒号传入divs方法 --><div v-for="i of 3" :key="i" :ref="divs"></div>setup// 获取单个domconst inputRef = ref<HTMLElement | null>(null);// 获取多个domconst arr = ref([]);const divs原创 2021-08-07 16:54:14 · 5052 阅读 · 2 评论 -
vue2-steps-progress 步骤进度条
开源地址gitee https://gitee.com/tomiaa/vue2-steps-progressgithub https://github.com/tomiaa12/vue2-steps-progress预览安装npm i vue2-steps-progress开始main.jsimport stepsProgress from 'vue2-steps-progress'Vue.use(stepsProgress);orimport stepsProgress原创 2021-08-04 14:38:22 · 1192 阅读 · 1 评论 -
window.open 不同源页面通信 传递数据
步骤:父页面打开子页面子页面发送消息给父页面通知页面加载完成父页面收到子页面加载完成后发送数据给子页面代码示例:父页面const targetWindow = window.open("子页面地址", "_black");window.addEventListener("message", e => { if (e.origin == "子页面地址") { console.log(e.data, "子页面发送来的数据"); targetWindow.postMes原创 2021-08-02 11:42:03 · 972 阅读 · 0 评论 -
纯前端 vue js 预览 Excel 表格 导入导出
1、安装插件npm i xlsx2、示例<template> <div class="home"> <div v-html="tableau"></div> </div></template><script>import axios from 'axios'import XLSX from "xlsx";export default { data(){ return {原创 2021-07-23 15:18:48 · 1669 阅读 · 0 评论 -
vue 预览word文件docx
1、npm安装插件npm i docx-preview2、模板<template> <div class="home"> <div ref="file"></div> </div></template><script>import axios from 'axios'let docx = require('docx-preview');export default { mounted()原创 2021-07-23 14:47:11 · 9160 阅读 · 10 评论 -
vue 递归组件 作用域插槽
实现效果父组件调用:<template> <div> <Tree :data="data"> <template #default="{ title }"> <div class="prent"> {{ title + "+自定义" }} </div> </template> </Tree> </div原创 2021-07-22 16:21:10 · 497 阅读 · 0 评论 -
chrome 91版本 解决跨域请求SameSite
91版本之前地址栏输入chrome://flags并回车搜索栏中输入SameSite by default cookies搜索,会有两项设置改为Disabled后重启浏览器即可91版本在flag设置已经被移除了,需要在浏览器快捷方式修改启动参数 --disable-features=SameSiteByDefaultCookies,CookiesWithoutSameSiteMustBeSecure中间有空格,确定后重启浏览器即可。注意这种方法在未来94版本也会被移除附 mac.原创 2021-07-09 14:28:28 · 3197 阅读 · 0 评论