高德地图绘制自定义点

Henrybalabl — Mon, 04 Dec 2023 14:49:45 +0800

高德地图

Vue3大屏+移动端适配

Henrybalabl — Tue, 15 Aug 2023 14:36:21 +0800

自适应框架，postcss,

deepClone深拷贝函数

Henrybalabl — Tue, 22 Mar 2022 10:09:35 +0800

//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 ...

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

Henrybalabl — Mon, 21 Mar 2022 14:30:09 +0800

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

echarts：自定义tooltip，换行失效

Henrybalabl — Wed, 09 Mar 2022 11:22:32 +0800

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

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

Henrybalabl — Wed, 17 Mar 2021 20:03:40 +0800

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

前端导出XLSX.等格式文件

Henrybalabl — Mon, 15 Mar 2021 11:08:33 +0800

使用前端导出表格为xlsx格式文件并下载到本地 npm install file-saver npm 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

Vue子组件向父组件传值

Henrybalabl — Fri, 05 Mar 2021 00:24:49 +0800

父组件这里是父组件页面：

子向父传值，父页面cate得到子页面gettime传来的起止时间: {{starttime}}~{{endtime}}

子

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

Henrybalabl — Thu, 25 Feb 2021 11:25:03 +0800

输入项目启动命令报错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缓存，再进行尝试 ...

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

Henrybalabl — Tue, 19 Jan 2021 15:09:57 +0800

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

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

Henrybalabl — Thu, 17 Dec 2020 16:10:24 +0800

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

几个练手用的VUE请求接口

Henrybalabl — Tue, 15 Dec 2020 19:36:03 +0800

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

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

Henrybalabl — Sun, 13 Dec 2020 14:55:59 +0800

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

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

Henrybalabl — Tue, 08 Dec 2020 00:49:12 +0800

在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对象失败多次尝试无果，最后记录一个网友的答案：

Henrybalabl的博客