自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 问答 (1)
  • 收藏
  • 关注

原创 React路由使用

react-router-dom使用,路由切换

2024-06-04 13:43:40 276

原创 windows下node版本管理

**背景:**公司里遇到一个脚手架搭建的Vue项目,正常运行:npm i然后发现报错,node-sass、sass-load什么的一堆,说当前运行环境不行开始以为是node-sass和sass-load的版本问题,卸了装,装了卸搞了很久,还是没用后来网上查询发现是node版本问题,我的是node 16 据说 降到 node 14就可以了然后…还真可以解决过程:卸载本地的node去控制面板的程序和功能里,把node卸载了安装nvm node版本管理工具nvm下载地址下载下面这个.zi

2022-04-05 11:33:18 3707 1

原创 IE兼容 下载

IE不支持a标签的download可以使用IE自带的msSaveBlob方法const fileNameEncode = res.headers["content-disposition"].split("filename=")[1];// 文件名 解码const fileName = decodeURI(fileNameEncode);console.log("fileName", fileName);let blob = new Blob([res.data], { type: "a

2022-02-10 13:54:22 502

原创 webpack创建的vue项目在IE中打开空白

公司的项目正常开发的时候一直用的chrome,没什么问题,最后部署后,发现项目在ie浏览器中打开空白控制台报缺少 " ) " ;无法获取未定义或 null 引用的属性 “call”通常处理办法 是1、npm i --save babel-polyfill2、在main.js中引入 import “babel-polyfill”3、在webpack.base.conf.js 中 替换为 app: [“babel-polyfill”, “./src/main.js”]一般这样就可以解决ie不兼容es

2021-12-28 14:13:17 900

原创 vue子组件接收父组件的传值并修改

1、单个属性值// 子组件:<template> <div> {{ val }} </div></template><script> name:'Child' props:{ val:String } methods:{ change(el){ // el是改变后的值 this.$emits("update:val",el) } }</script>// 父组件:<te

2021-08-19 16:11:13 849

原创 html文件中引入vue,在IE浏览器里报错

报错原因:vue本身是ES6语法,而IE浏览器只能支持ES5语法,这就导致vue的声明产生语法错误解决方案:1、在HTML文件头部引入这可以让内核较低的浏览器支持ES6语法2、正常情况下的vue声明需要做出调整 data(){ } 需要改成: data:function(){ return{ } } 普通的  created(){ } 方法名(){ } 需要改成: created:function(){ }...

2021-07-22 15:26:19 873 1

原创 vue相关事项

Vue项目运行后自动打开网址在配置文件package.json中 加上–open就可以了"scripts": { "dev": "webpack-dev-server --open --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev", "build": "node build/build.js" },...

2021-06-29 09:08:07 75

原创 EXT中使用echarts时的问题

先上代码,这是封装的echartsExt.define('app.ux.EchartsPanel', { // extend: 'Ext.panel.Panel', extend: 'Ext.Container', alias: 'widget.echartspanel', // layout: 'border', // resizable: true, width: 300, margin: 10, // liquidLayout: true, //

2021-05-26 11:09:24 326

原创 EXT.js charts的属性——折线图

insetPadding(画布的内边距)a、insetPadding:20,b、insetPadding:{ top:20, right:20}innerPadding(图表的内边距)a、innerPadding:20,b、innerPadding:{ top:20, right:20}sprites(画布内,可以放标题)sprites: [ { type: 'text', text: '折线统计图', fontS.

2021-05-21 16:45:41 271

原创 Node.js对mongodb数据库查出的数据,根据_id去重

#去重方法#// 对象数组去重function unique(arr) { let array = []; for (let i = 0; i < arr.length; i++) { let obj = arr[i]; let params = array.findIndex(item => { return item.right_id.toString() === obj.right_id.toString(); }); param

2021-05-19 15:34:57 314 1

原创 vue 子路由调用父路由的方法

#父路由页面#<template> <div style="height: 100%"> <!-- 路由占位符 --> <router-view @update="getRightList()" /> </div></template><script>export default { name: "Home", data() { return { } }, met

2021-05-19 15:23:05 1861

原创 vue调用百度地图定位api

一、去百度地图开放平台注册账号,然后创建ak二、可以再平台中找到api的文档这里是请求的路径http://api.map.baidu.com/location/ip?ak=您的AK&ip=您的IP&coor=bd09llhttps://api.map.baidu.com/location/ip?ak=您的AK&ip=您的IP&coor=bd09ll参数只有ak是必填三、如果直接用上面的路径去请求,正常情况下会出现跨域接下来就要处理跨域问题了跨域可以在vue项

2021-04-06 14:38:23 937

原创 关于HTML的table表格换行一事

这令人头疼的table 在使用到原生的HTML表格时,总会觉得还是组件香使用table表格时,单元格的宽度设置总会成为问题,因为table默认的设置是,宽度会随着内容而自适应,即便是设置了固定宽度<table cellspacing="0" cellpadding="0" width="100%" border="1"> <thead> <tr> <th width="50px">123</th

2021-03-24 11:17:05 4475 1

原创 element UI 滑动条组件

element UI 里滑动条组件的使用<el-scrollbar></el-scrollbar>标签即elementUI里的滑动条标签,此标签是一个隐藏标签,在说明文档中没有介绍<el-card style="width: 250px;height: 400px;" :body-style="{height:'400px'}"> <el-scrollbar style="height: 100%" :native="false">

2021-03-09 10:58:42 1139

原创 HBuilderX云打包为APK

1、打包后的APK在进入时弹出版本不同提示原因:开发者的HBuilderX不是最新版本解决办法:当然是更新HBuilderX后再打包就好了2、打包后的APK在进入时弹出未添加oauth模块提示123解决方法:勾选OAuth(登录鉴权)...

2020-11-13 11:02:42 1037

原创 vue 实现echarts图表重新刷新

需求:点击全屏按钮,页面布满全屏,但echarts图表的size还是全屏前的小size,现需要在用户点击全屏按钮后,重绘echarts的size代码:html:<div id="c2" style="width: 100%; height: 100%"></div>js:mounted() { window.onresize = () => { // 基于准备好的dom,初始化echarts实例 let myChart2 = echarts

2020-10-22 15:15:20 7931 1

原创 vue的SPA项目,点击按钮实现全屏

vue的SPA项目,点击按钮实现全屏代码如下:html:<div class="fullScreen" @click="fullScreen"> <span style="font-size: 16px; margin-left: 10px; font-weight: bold">全屏</span> </div>js:data(){ return{ btnStatue: false }},method:{ // 一键全屏

2020-10-22 15:09:08 159

原创 点击<a>标签跳转页面时,会出现页面背景图片的跳白

点击标签跳转页面时,会出现页面背景图片的跳白1、当静态页面背景是图片时,如果将图片放在css文件的background里,点击页面跳转时,会出现瞬间的白页,这对用户来说,是非常不好的体验。2、解决方法是,将背景放在标签中,这样跳转时便不会出现跳白现象3、原因是,页面在加载时,会最先加载HTML文件...

2020-09-14 08:56:58 1164

原创 记录SUI Mobile中picker组件的动态刷新问题

记录SUI Mobile中picker组件的动态刷新问题在一次移动端web页面的构件中,应项目需求,选择使用了SUI Mobile组件库,在使用其中的picker组件时,发现了一个问题:question:picker组件中设置的cols的数组不能实时更新;result:这是解决方法:function Picker(el) { el.picker({ toolbarTemplate: '<header class="bar bar-nav">\

2020-09-12 15:53:15 419

原创 关于分页(做个记录)

分页一// 方式一: //获取客户端的当前页 let page = req.query.page || 1; //设定每页显示数据条数 let size = 6; //获取数据库数据总条数 let count = await Article.countDocuments({}); //向上取整 计算页数 let total = Math.ceil(count / size); //计算页码对应数据查询开始的位置 let sta

2020-07-25 16:51:52 381 1

原创 关于Joi数据检验

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2020-07-21 22:03:31 594

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除