- 博客(25)
- 资源 (1)
- 收藏
- 关注
原创 jsPDF和html2canvas实现指定区域打印或下载
html2canvas和jspdf均为开源插件,不再赘述直接上代码。保留样式,解决打印时会出现的样式丢失问题。
2024-03-08 13:43:29
499
1
原创 微前端、或共享组件等方案收集
强依赖webpack5,将需要共享的组件打包出来,通过线上访问的形式,不需要打包。通过 webpack的MoudleFederationPlugin插件来导出导入。
2023-09-06 15:34:15
334
原创 react笔记
组件传值hooks useEffecthooks useStatehooks useRefhooks useContexthooks useReducer redux react-reduxreact keepAlive的实现
2022-07-05 18:41:18
95
原创 vue常用插槽的使用
可以数组入参的插槽// 使用插槽的地方 入参<template #templateLeftBox="{ props }"> <div>{{props}}</div></template>// 读取插槽的地方 item是入参绑定的props<slot v-bind:props="item" name="templateParallelogram"></slot>...
2021-09-18 10:18:02
112
原创 vue原生可左右滑动的标签栏tabs
一个不依赖任何插件的手写的tabs组件文中的tabs使用的是div,可以用router-link标签替换,能对应路由跳转,,也可以添加关闭按钮icon部分代码展示,手写左右滑动动画toRight() { // 往右滚动 // this.$refs.tagsP.scrollLeft = this.scrollNum; let distance = this.$refs.tagsP.scrollLeft; let scrollNum = di..
2021-07-07 20:18:01
3245
3
原创 vue路由鉴权插件源码及引用方式
// router 入参./router// permissionList 有访问权限的路由的path的集合数组// unCheck 不需要校验任何权限的path几何数组 比如 /404 /login 或者其他免登陆页面// unPowerPath 无权限跳转的页面path// unLoginPath 未登录跳转的页面path// setLogin 用来设置登录状态let isLogin: boolean = truelet _unLoginPath: string = ''let _un.
2021-06-15 19:38:10
167
原创 web高级前端面试实战总结
前言:最近想跳槽,接了很多面试,每次面试总是会被问到自己没掌握的知识,有懊恼但亦有开心,感觉自己越发强大;哈哈哈,废话不多说,直接上集合,用作自己的学习宝库,顺便也分享给大家,希望能帮到大家;如有错误请指出,感激不尽;有用的话一键三连哦。目录Vue相关JS相关问题Vue相关1.vue的路由有哪些模式?分别有什么异同(优缺点)答:首先路由有三种模式;hash模式、history模式、abstract模式 hash模式:使用 URL 的 hash 来模拟一个完整的...
2021-03-28 17:38:56
617
原创 unipush个推根据cid推给指定的用户
个推服务端文档https://docs.getui.com/getui/server/java/push/另外通过cid推送必须得app通过云端打包后的apk安装后打开App才能成功真机调试不通ps:手机的cid会受到app的安装卸载改变
2021-02-25 11:10:22
2834
原创 TS初体验
TS初体验安装node.jsnpm install -g typescript新建helloworld.ts文件1、直接用tsc和node执行tsc helloworld.ts 转成js文件nodehelloworld.js2、使用ts-node执行npm install -g ts-nodets-nodehelloworld.ts变量申明let age:number // 指定类型 类型注解ts断点调试黑马程序员最新TypeScript入门视频...
2020-11-24 17:29:04
7782
原创 自己封装的vue拖拽组件
自己封装的vue拖拽组件使用Vue.Draggable实现Vue.Draggable的基础使用方法可以看看这个哥们的https://blog.youkuaiyun.com/zjiang1994/article/details/79809687实现效果如下,用的好的话点个赞 谢谢<template> <div class="dndList"> <el-tabs v-model="activeName" @tab-click="handleClick">
2020-11-23 17:21:32
392
原创 uniapp兼容保利威视频,可编译成微信小程序、移动端、h5
基于uniapp开发,引入保利威视频云,代码可编译成微信小程序,移动端,h5,其他小程序理论上都支持但是没有验证
2020-09-29 14:47:46
1112
2
原创 js数组相加相减函数
// 数组相减 reduceArray(arr1, arr2) { for (var i = arr1.length - 1; i >= 0; i--) { var a = arr1[i]; for (var j = arr2.length - 1; j >= 0; j--) { var b = arr2[j]; if (JSON.stringify(a) == JSON.stringify(b)) {.
2020-09-06 15:25:11
1842
原创 vue的分享二维码和链接的组件
依赖vue-qr,clipboard导入依赖npm install clipboard --savenpm install vue-qr --save<template> <div class="vue-qr"> <div style="font-size:20px">微信扫一扫</div> <div> <vue-qr :logoSrc="config.logo"
2020-09-03 16:20:00
531
原创 封装了一个echarts图表的vue组件
<!--echarts组件--><template> <div id="main">11</div></template><script>import echarts from "echarts";export default { name: "pie", props:['option'],// 父组件传入的图表初始化对象 data() { return { myCharts: "",.
2020-08-27 13:52:47
305
原创 基于elementUI的上传图片的公用组件封装
公用组件// UploadPhoto.vue<template> <div class="UploadPhoto"> <el-upload class="upload-demo" :action="imgData.url" :headers="imgData.headers" :on-preview="handlePictureCardPreview" :on-remove="handleRemov
2020-08-18 17:15:56
682
原创 GoJs实现多张数据表互相建立关系,支持拖拽,双击,确立主表
<template> <div id="wrap"> <el-form :inline="true" class="demo-form-inline"> <el-form-item label="灵活查询名称"> <el-input v-model="dataName" placeholder="名称"></el-input> </el-form-item> <el-for.
2020-08-17 10:22:48
1041
原创 vue-cli的自定义环境变量的配置和引用
vue-cli的自定义环境变量的配置和引用在‘scripts’对象中写上自定义命令行命令dev-login,执行的时候就可以直接使用npm run dev-login// package.json文件{ "name": "enterprise-university", "version": "2.3.0", "description": "企业大学管理系统", "author": "联创", "license": "MIT", "scripts": { "dev.
2020-08-09 11:27:28
700
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人