- 博客(23)
- 收藏
- 关注
RSS订阅原创 TypeScript基础数据类型
文章目录01.布尔类型boolean02.数字类型number03.字符串string05.总结06.undefined和null07.数组类型08.元组类型09.枚举类型10.any类型11.void类型12.object类型13.联合类型14.类型断言15.类型推断01.布尔类型boolean//布尔类型 ---->boolean//let 变量名:数据类型=值let flag:boolean=trueflag=false//flag=10 编译不通过console.log(fla
2021-11-09 10:14:50
572
原创 vue动态加载路由后刷新白屏问题
文章目录1.问题2.解决思路3.下载插件4.判断页面刷新1.问题项目后台需要做权限管理，不同用户需要加载不同的路由，在用户登录后，拿到帐号有权限访问的路由，储存在vuex中，再渲染菜单。这种方法刷新的话vuex中的数据会消失，储存的路由也消失，页面会白屏(没有对应的路由)2.解决思路通过路由守卫判断页面刷新后，重新注册路由，再渲染3.下载插件npm i vuex-along -S 刷新后恢复vuex中的数据引入插件4.判断页面刷新//后置守卫router.afterEach((to,
2021-10-28 15:08:07
1792
原创 TypeScript基础
文章目录01.全局安装ts02.引入ts代码03.vscode编译ts代码04.vscode自动将ts代码编译为js代码01.全局安装tsnpm i -g typescript检查版本tsc -V02.引入ts代码编写ts代码(()=>{ function sayHi(str:string){ return '你好'+str } let text='haha' console.log(sayHi(text))})()在html
2021-10-25 11:51:37
162
原创 elementui实现图标选择器
文章目录01.封装icon.js02.引入并使用icon.js03.循环产生icon选择页面04.点击显示所选图标05.实现效果01.封装icon.jsexport const elementIcons = ["platform-eleme", "eleme", "delete-solid", "delete", "s-tools", "setting", "user-solid", "user", "phone", "phone-outline", "more", "more-outline", "s
2021-10-06 11:42:58
3673
2
原创 IOS对new Date()格式限制
项目中使用2021-09-30 11：00格式的时间要转化为时间戳安卓设备正常，IOS上测试不行，查阅资料后才发现IOS对时间要求为2021/09/30 11：30使用正则转化格式//this.time=2021-09-30 11：00let date=new Date(this.time.replace(/-/g,"/")).getTime()...
2021-09-30 09:36:45
149
原创 vue2实现后台帐号权限分配
文章目录1.思路2.加载公共路由3.获取用户权限4.vuex定义方法5.调用方法，追加路由6.测试结果1.思路router.js中加载公共路由登录后/首次加载页面获取到该帐号的权限菜单，注册到router.js中2.加载公共路由/* login和home是所有用户都能看到的，默认加载这两个页面*///注意导出，要在vuex中使用，新注册的路由都在home的children中export const routes=[ { path: '/', name: 'login
2021-09-29 09:35:03
523
原创 vue addRoutes动态添加路由后，切换帐号，重新添加路由
项目后台需要权限分配，做好之后发现切换帐号的话还是之前的路由，并没有重新添加解决方法：login.vue页面
2021-09-29 08:48:11
621
原创 element-ui上传excel表格，展示在微信小程序中
文章目录1.上传表格2.小程序端拉取列表获取表格路径3.测试能否打开1.上传表格上传成功后调用接口发给后端，后端保存在服务器中，然后返回一个文件路径/* html<el-upload :limit="1" action="/" :file-list="fileList" :before-upload="beforeUpload" > <el-button slot="trigger" type="primary" plain>
2021-09-24 09:42:05
947
原创 uniapp拉取微信小程序支付
1.申请微信小程序支付在微信商户号中申请小程序支付，小程序支付申请成功后关联到商户号2.hbuilderx中manifest.json设置开启支付功能3.uniapp拉取支付接口async billOpre(item){ if(item.billStatus==2){ this.$common.showLoading('加载文档中'); let fileUrl=`${config.imgUrl}${item.fileUrl}`; this.$common.openDocument(
2021-09-24 09:22:44
917
原创 uView中picker限制选择时间
uView中picker的mode=time时默认样式由于项目需求，需要把时间的选择范围限制在当前日期的10时以后，不能选择以前的日期，也就是说今天是2021.9.2，不能选择2021.9.1及以前的日期，查找文档后没找到解决方法，只能修改其源码找到picker的源码位置==>uview-ui==>components==>u-picker==>u-picker.vue来到429行作者定义了设置年月日时分秒的方法，将作者指定值换成当前日期的值(new Date())更
2021-09-02 10:55:34
7476
12
原创 uniapp封装自定义导航栏组件
问题：用uniapp写小程序的时候，原生导航栏满足不了需求，uniapp官网推荐的占位view方法在不同的手机上显示有问题解决方法：自定义导航栏步骤：封装导航栏组件(用于复用)通过uni.getSystemInfoSync()和uni.getMenuButtonBoundingClientRect()接口获取导航栏位置信息，动态设置位置将获取到的参数传递给组件01.封装导航栏组件在项目根目录下新建components文件夹，在components里新建目录navbar，新建navbar.v
2021-08-18 10:30:01
1214
原创 项目设置全局样式
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, l
2021-08-16 14:07:18
157
原创 vue-cli3使用autoprefixer自动添加浏览器前缀
01.下载包npm i postcss-loader autoprefixer@8.0.0 -Dautoprefixer基于postcss，所有也要下载 postcss，注意指定版本号不要太高02.项目根目录下创建postcss.config.js//postcss.config.js内容module.exports = { plugins: { autoprefixer: {} }}03.配置package.json的browserslist//根据需要来配置
2021-08-14 17:37:55
1176
原创 vue加载速度优化(gzip压缩/cdn加速)
文章目录01.使用gzip压缩02.配置webpack03.报错04.打包05.使用cdn资源继续优化06.webpack配置不打包某些依赖07.main.js中去除import08.引入cdn资源09.继续打包10.完整vue.config.js11.可能发生的问题01.使用gzip压缩下载compression-webpack-pluginnpm install compression-webpack-plugin -D02.配置webpack//vue.config.jsconst pat
2021-08-14 17:14:51
679
原创 vue3路由跳转时不触发beforeDestroy
网上都说是keep-alive，但项目里没用keep-alive原因：vue增加了新的生命周期beforeCreate -> setup()created -> setup()beforeMount -> onBeforeMountmounted -> onMountedbeforeUpdate -> onBeforeUpdateupdated -> onUpdatedbeforeDestroy -> onBeforeUnmountdestro
2021-08-10 10:24:52
6458
1
原创 vue运行时报错Rule can only have one resource source (provided resource and test + include + exclude) in
报错原因，webpack版本冲突(基本都是webpack5)解决办法：1.删除node_modules和package.lock.json2.重写package.json里webpack的版本号"webpack": "^4.44.2",
2021-08-10 09:21:17
5888
原创 uni-app条件编译请求地址
问题：H5端本地请求https地址会有跨域问题，微信小程序的请求地址必须是https开头解决：使用uniapp的条件编译分别编译不同的请求地址H5端使用代理解决跨域问题微信小程序设置白名单(必须配置白名单才能请求成功)配置baseUrlH5端会编译/api微信小程序端会编译https://autumnfish.cn/...
2021-07-21 09:11:10
494
原创 Vue+nwjs中使用node-webkit-updater进行自动更新
Vue项目中使用node-webkit-updater实现自动更新01.下载包02.服务器端上传要更新的zip和package.json03.配置本地(项目中)package.json04.书写执行代码05.(视情况)修改node-webkit-updater中的代码06.打包覆盖到项目中运行01.下载包npm i node-webkit-updater -S02.服务器端上传要更新的zip和package.jsonapp.zip----更新的zip包服务器package.json----配置文
2021-07-08 09:05:15
891
1
原创 将文件通过nwjs打包为exe文件
1.将目标文件压缩成zip格式(带node包)2.将zip包拿到和nw.exe同级目录index(项目文件)index.zip(zip格式项目文件)nw.exe(nwjs启动程序)3.将index.zip的zip后缀改为nw4.启动cmd执行命令 copy /b nw.exe+项目.nw yourappname.execopy /b nw.exe+index.nw update.exe5.启动update.exe...
2021-06-30 08:51:27
525
原创 nwjs获取跨域cookie
内嵌了拼多多的页面，想从我的域名拿到拼多多下域名里的PDDAccessToken(存在于cookies)//内嵌的拼多多页面<webview id="foo" ref="iframe" class="video" :src="url ? url : pddLoginUrl" partitions="trusted"></webview>getCookie(){ setInterval(()=>{ //nwjs chrome方法 chrom
2021-06-25 13:40:20
575
2
原创 鼠标移动html元素
01.给需要移动的元素设置position:absolute(父元素不设置relative)02.添加如下代码let view=document.getElementsByClassName('view')[0];//给需要移动的元素添加onmousedown事件view.onmousedown = function (ev) { var event = window.event || ev; // 获取屏幕中可视化的宽高的坐标 var dx = event.clientX
2021-06-24 14:19:25
362
原创 element-ui中el-table添加滚动条
element-ui中el-table添加滚动条1.找到.el-table__body-wrapper2.在此盒子上添加样式/*scss*//deep/ .el-table__body-wrapper{ /* /deep/深度监听 */ height: 135px !important; /*给到固定的高度(内容高度要超过此高度)*/ overflow-y: scroll; /*y轴溢出显示滚动条*/ &::-webkit-scrollbar{/* 取消滚动条宽
2021-06-22 09:38:51
8626
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人