Henrybalabl-CSDN博客

原创 deepClone深拷贝函数

//params obj:目标值 deepClone(obj,hash = new WeakMap()){ // null if(obj === null) return obj // date if(obj instanceof Date) return new Date(obj) // reg if(obj instanceof ...

2022-03-22 10:09:35 2335

原创使用vw,vh适配不同设备，实现页面，元素，组件元素自适应

使用viewport适配我们必须安装postcss-px-to-viewport这个包postcss-px-to-viewport是将px单位转换为vw、vh//引入postcss-px-to-viewportnpminstallpostcss-px-to-viewport--save-dev安装完成后我们需要进行postcss插件相关的配置在根目录新建一个名为postcss.config.js的文件,如果项目中已包含该文件则无需新建。在文件中写入如下代码:modul...

2022-03-21 14:30:09 590

原创 echarts：自定义tooltip，换行失效

echarts自定义图表提示框需要用到官方提供的tooltip.formatter属性效果图：this.lineAbar.tooltip.formatter = function(data){ let text = `${data[0].name}`+'\n' let str = '' for(let i =0; i<data.length; i++){ str += data[i].marker + data[i].seriesName + ': '+ data[i].

2022-03-09 11:22:32 2142

转载 PC端实现移动端适配----借助插件lib-flexible和px2rem

解决移动端适配方案，lib-flexible的安装与导入借鉴下面链接的步骤可以轻易实现https://blog.csdn.net/u012878818/article/details/88190907接下来是在使用px2rem中遇到的坑基于目前 vue-cli 脚手架已经更新至4.5.6版本，所以px2rem配置方案多只需要借助根目录文件vue.config.js进行配置安装npm i postcss-plugin-px2rem --save -dev/serve配置：vue.config.

2021-03-17 20:03:40 788 1

原创前端导出XLSX.等格式文件

使用前端导出表格为xlsx格式文件并下载到本地npm install file-savernpm install XLSX公共方法：import FileSaver from ‘file-saver’;import XLSX from ‘xlsx’;export const htmlToExcel = {getexcel(dom,title=‘默认标题’){var excelTitle=title //获取标题var wb = XLSX.utils.table_to_book(doc

2021-03-15 11:08:33 467

原创 Vue子组件向父组件传值

父组件这里是父组件页面：<get-time @startendtime = 'gettime'></get-time><div> 子向父传值，父页面cate得到子页面gettime传来的起止时间: {{starttime}}~{{endtime}}</div> 子

2021-03-05 00:24:49 407 1

原创解决error vue-element-admin@4.2.1 dev: `vue-cli-service serve`

输入项目启动命令报错error vue-element-admin@4.2.1 dev: vue-cli-service serve解决步骤：1.删除根目录下文件夹node_modules；2.输入命令npm install core-js@2；3.使用cnpm install 重新安装node_modules;4.输入项目启动命令；.若经过上面操作之后还是不能解决在第二步之前输入npm cache clean --force清除npm缓存，再进行尝试...

2021-02-25 11:25:03 7896 1

原创登录新手向业务处理场景（1）

PC端登录事件处理：在前端搭建好登录界面之后，就要开始处理登陆事件的业务逻辑，思路如下：1.用户输入用户名，密码 / {登入信息数据获取、格式规范校验}(1) v-model 绑定用户输入数据(2)rules:校验用户输入规范， rules{[ required,message,trigger2.获取校验结果，使用axios获取后台数据(1)this.KaTeX parse error: Expected '}', got 'EOF' at end of input: … = await

2021-01-19 15:09:57 209

原创 html+css+css3+js实现动态星空

HTML: 结构页面创建一个id名的div盒子CSS:body { background: radial-gradient(200% 10% at bottom center, #DE8887, #bebebe 40%, #242f4e); background: radial-gradient(220% 105% at bottom center, #DE8887, #bebebe 40%, #242f4e); background-attachment: fixe

2020-12-17 16:10:24 1708 1

原创几个练手用的VUE请求接口

学习Vue的时候我们可以通过axios.get()/post()命令从指定的接口获取后台数据，下面是我平时收集的一些接口，供大家练习的时候使用：一、获取一条随机的笑话请求地址：https://autumnfish.cn/api/joke请求方法：get请求参数：无响应内容：随机笑话获取多条随机笑话随机获取笑话的接口请求地址：https://autumnfish.cn/api/joke/list请求方法：get请求参数：num：笑话的条数，值为数值。二、用户验证请求地址：https:/

2020-12-15 19:36:03 1345

原创 CSS常见的选择器及其权重大小

CSS需要借助选择器来实现对html框架中元素的精准定位，实现元素样式的编辑，由于需求不同CSS衍生出了十余种不同类型的选择器，它们的权重与功能各不相同：选择器类型及权重：选择器权重标签选择器/* 0001class类选择器 0010属性选择器 0010伪类选择器 0010伪元素

2020-12-13 14:55:59 1676

原创 JS创建新的 worker对象显示：Uncaught DOMException: Failed to construct ‘Worker‘

在Chrome中运行Web Workers多线程程序if (typeof(w) == “undefined”) {w = new Worker(“worker.js”);}通过检查代码中是否有worker指向nms.js的路径来执行创建worker对象结果却在运行中出现了错误报错代码如下Uncaught DOMException: Failed to construct ‘Worker’: Script at 'file:显示创建worker对象失败多次尝试无果，最后记录一个网友的答案：

2020-12-08 00:49:12 7031

Henrybalabl的博客

原创高德地图绘制自定义点

原创 Vue3大屏+移动端适配