- 博客(45)
- 收藏
- 关注
原创 标准盒模型与怪异盒模型
盒模型计算方式: 在标准的CSS盒模型中,元素的宽度和高度属性仅包括内容区域的大小。当使用border-box时,元素的宽度和高度属性将包括内容区域、内边距和边框的大小。可以使用padding属性来设置内边距的大小,属性值可以是具体的像素值,也可以是相对值(例如百分比)。可以使用margin属性来设置外边距的大小,属性值可以是具体的像素值,也可以是相对值。默认情况下,宽度和高度指定的是内容区域的大小。它描述了在文档中的每个元素周围存在的矩形区域,该区域由四个部分组成:内容区域、内边距、边框和外边距。
2023-06-07 15:29:44
127
原创 外边距(margin)和内边距(padding)
请注意,外边距和内边距会相互叠加。如果两个相邻元素都具有外边距,它们的外边距将合并为一个外边距。在CSS中,外边距(margin)和内边距(padding)是用来控制元素周围空白区域的属性。这些属性可以接受不同的值,例如像素(px)、百分比(%)、em等。
2023-06-06 09:17:52
8771
原创 行标签与块标签
在CSS中,有两种基本的HTML元素类型:行级元素(inline elements)和块级元素(block elements)。,可以将块级元素转换为行级元素,或将行级元素转换为块级元素。属性来控制元素的类型。在CSS中,可以通过使用。
2023-06-06 09:06:21
518
原创 背景的样式
背景图片是否需要平铺/重复一个复合属性,分别是水平方向和竖直方向,平铺repeat;③auto 表示根据设置的宽或者高后,在图片原有的基础上,对应的高或者宽等比缩放。属性用于设置元素的背景样式,包括背景颜色、背景图片、背景大小、背景定位等。②相对容器尺寸的百分数 100% 50%: 用于设置背景图片是否固定或随滚动而移动。: 可以在一个元素上设置多个背景图片。: 用于设置背景图片的重复方式。: 用于设置元素的背景颜色。: 用于设置元素的背景图片。: 用于设置背景图片的大小。: 用于设置背景图片的位置。
2023-05-24 09:37:14
549
2
原创 基于Vue3 + ts + echarts(版本5.X)实现中国地图下钻、地图打点、地图热力图功能
4.功能说明,本次教程内容基于vue3+ts+echarts 5版本,实现的内容包括,中国地图的下钻到省市区县级、在指定经纬度进行打点标记。3.由于echarts5版本的已经没有自带地图数据了,所以地图数据需要到专门的GEO数据网站中下载。注意,在这里,如果你采用将地图数据放在自己的服务器,讲JSON数据下载下来,替换地址即可。第三步:写一个简单的工具,实现将阿里中国地图城市数据集合JSON数据引入项目中并使用。其中data,dataMap为我传入地图中需要渲染的数据。你们可以自信传入你们需要展示的数据。
2023-05-12 11:24:49
3420
6
原创 基于element-puls的el-date-picker组件,实现指定日期前/后不可选
elementUI date-picker实现指定日期前/后不可选
2023-02-09 14:15:20
912
原创 记一次element ui侧边菜单栏二级菜单展开收起迟滞、卡顿的问题
【代码】记一次element ui侧边菜单栏二级菜单展开收起迟滞、卡顿的问题。
2023-02-01 14:44:21
1342
2
原创 VSCode中一次性清除项目中的console.log
清除项目中所有的console.log背景:平时测试需要,weber会在项目中使用大量的console.log,在项目上线后,多少会有点影响美观度和专业程度,所以在上线时,讲究人经常需要把这些console清除掉。一行行清就太麻烦了。所以就找了一种可以一下子全清除的方法。打开你需要清理的文件夹,选中查找选项 用正则方法 将所以的console.log匹配上。然后一键替换,将所有找到的类型直接替换为空 ok大功告成...
2022-07-14 15:39:33
3619
3
原创 Electron 实现打包后动态配置应用参数
实现一款交互屏桌面应用软件,类似医院那张种给用户操作办理业务的应用程序。应用程序需要多点放置,根据放置地点的不同给应用做配置开发框架:electron-vuevue版本:v2.6.14electron版本:v17.2.0node版本:v16.13.0在架构的根目录下创建一个config.conf文件,作为动态配置的入口。文件内容就是正常的JSON个是就可以。例如:在主进程中,定义读取配置文件的程序:在ipc中设置handle事件,作为被调用的入口:在渲染进程中,触发并使用参数:...
2022-07-07 17:44:43
1629
1
原创 记一次Electron 桌面应用实现调用打印机打印小票功能
实现一款交互屏桌面应用软件,类似医院那张种给用户操作办理业务的应用程序。操作业务中在充值后可供用户打印小票。electron静默打印
2022-07-07 16:59:08
8444
11
原创 echarts 短时间内重新渲染图标不显示/空白问题
1.问题详细描述项目框架背景是vue3,在页面实现echarts时,出现了在首次渲染echarts图表>退出系统->再次进入echarts图表页面的过程中,再次进入echarts图表时 不显示的问题。效果图如下。2.解决方法在观察中,得知数据获取中并没有问题,那就是在数据在图表的渲染过程中出现了问题。再去观察图表的渲染过程层,发现图表的DOM种存在一个特殊的属性,_echarts_instance_。这个东西相当于是一个ID,图表在每次刷新的过程中,它都会发生
2022-02-17 10:28:58
5456
3
原创 Vue-router 页面跳转空白问题
问题描述今天在写vue项目时遇到一个小问题,在做页面跳转的时候,跳转到某个页面时,突然页面内容部分全部变成空白。大概类似这种情况,啥也没有。问题原因在反复检查发现,在组件中template中有2个div标签,大概如这样<template> <div>...</div> <div>...</div><template>写Vue的应该都知道,一个template中只能放置一个div,不能并列...
2022-01-05 11:43:35
3616
3
原创 Vue3 解决电脑分辨率及缩放导致页面变形的问题
Vue3 解决电脑分辨率不同导致的页面变形问题前言新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入前言最近在做一个项目,突然发现由于调整电脑的分辨率导致页面变形的问题。正常电脑显示的是100%,当调整电脑分辨率至125%
2021-12-20 11:48:47
9529
15
原创 electron-vue实现与硬件进行串口通信
背景:项目需求,在electron桌面应用中,实现与硬件进行串口通信,一番调研,选择了契合度高的serialport插件地址:Node Serialport插件选择好了,接下来就是集成实现功能,它这个集成是有坑的 因为版本的问题,导致在集成完后报错在网上查了各种错误,最终总结为以下步骤:前置条件1.确保你的电脑中装有python环境,并且环境为2.7(很重要)2.安装npm install --global --production windows-build-tools3.
2021-04-25 17:36:08
4582
3
原创 微信小程序跳转外部导航应用app
实现调转外部导航应用,如高德地图,腾讯地图等,调用微信小程序官方接口 wx.openLocation示例代码:nav: function () { wx.openLocation({ latitude:纬度值, longitude: 经度值, name: "定位地址", scale: 15,//跳转地图页缩放比例 address: "app填充详细导航地址" }) }经纬度获取搜索腾讯地图 点击地图API...
2021-04-07 09:50:42
3184
原创 微信小程序实现拨打手机电话功能
依赖微信小程序API中的wx.makePhoneCall方法实现代码phoneCall:function(){ wx.makePhoneCall({ phoneNumber: '111111111111', }) },
2021-04-06 18:11:35
476
原创 vue中实现按钮多次点击响应一次的节流效果
第一步:写工具函数实现节流import Vue from 'vue'const preventReClick = Vue.directive('preventReClick', { inserted: function (el, binding) { el.addEventListener('click', () => { if (!el.disabled) { el.disabled = true
2021-03-02 20:07:08
1059
原创 汉字与16进制互转,支持英文、数字和全部标点符号
字符串转16进制数strToNumber(str) { var ret = ''; var r = /[0-9a-zA-Z_.~!*()]/; for (var i = 0, l = str.length; i < l; i++) { if (r.test(str.charAt(i))) { ret += str.charCodeAt(i).toString(16); } else { ret
2020-12-24 17:32:07
554
1
转载 JS面试题
1.JS中let和const有什么用?在现代js中,let&const是创建变量的不同方式。在早期的js中,咱们使用var关键字来创建变量。let&const关键字是在ES6版本中引入的,其目的是在js中创建两种不同类型的变量,一种是不可变的,另一种是可变的。const:它用于创建一个不可变变量。不可变变量是指其值在程序的整个生命周期中永不改变的变量。let: let用于创建一个可变变量,可变变量是像var这样的普通变量,可以任意次数地更改。2. JS 中的主要有哪几类...
2020-08-21 16:36:49
479
原创 没有调试适配器,无法发送“variables”
vs code调试报“没有调试适配器,无法发送“variables””今天在vs code调试node区块链应用时,点开打印内容,提示如上,并看不到打印内容。原因及解决方法:出现在这种情况是因为node调试比较特殊,执行调试完成之后进程退出,这时候去看它的打印内容就看不到了需要看到他具体的值,在打印的地方加上断点即可。...
2020-08-19 09:30:44
12259
原创 按照指定字符的最后一个该类型截取字符串
主要的一个东西就是lastIndexof,获取到最后一个'/'的位置下标再截取一下就好了getCaption(obj) { var index = obj.lastIndexOf('/'); obj = obj.substring(index + 1, obj.length); return obj;},...
2020-04-28 19:15:06
562
原创 axios的get请求出现415错误码的问题
Axios的get请求错误复盘在使用axios请求对接后台接口时,发现出现415的错误。情形如下此时,我将同样的接口复制到postman中进行复测,发现postman能够请求到数据。经过一番对比,发现是postman对请求添加了请求头Content-Type:'application/json;'这是导致请求失败的原因。正常情况下,get请求属于简单请求,一般可以不带参数去请求,由...
2020-04-15 11:43:24
2450
转载 js图片上传 压缩图片大小
此demo为大于1M对图片进行压缩上传若小于1M则原图上传,可以根据自己实际需求更改。demo源码如下:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>XMLHttpRequest上传文件</title> <sc...
2019-11-25 16:22:29
393
原创 vue element-ui表单验证无效解决方案
在写页面的时候用到的element-ui库中的表单验证出现如下问题表单验证效果已有 但验证功能不正确。检查与对照官网 发现有二点如下所示第一,在form上需要绑定对象,绑定规则第二,在form-item上的prop需要与输入框中的绑定对象命名相同。改完之后,即可对输入内容进行验证验证内容格式 可参考element-ui官网...
2019-11-19 11:00:46
2199
原创 git使用命令简述
1.使用git来创建一个文件夹在windows搜索已经下载好的git,打开git bash键入命令$ mkdir gittest(生成一个目录,gittest为目录名)2.使用git来管理该文件夹先键入命令进入刚才创建的文件夹$ cd gittest键入$ pwd来查看该文件的目录键入命令$ git init来使用git管理文件夹3......
2019-09-02 14:35:51
472
原创 开发需要用到的正则表达式
验证数字:^[0-9]*$ 验证n位的数字:^\d{n}$ 验证至少n位数字:^\d{n,}$ 验证m-n位的数字:^\d{m,n}$ 验证零和非零开头的数字:^(0|[1-9][0-9]*)$ 验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$ 验证有1-3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$ 验证非零的正整数:^\+?[1-...
2019-07-24 13:35:47
152
原创 JQuery方法获取自定义标签属性
第一种方式:通过attr设置或返回被选中元素的属性值;写法:结果:第二种方式:通过data-*设置自定义属性,通过jquery的data()来获取到设置的属性值;写法:结果:...
2019-06-20 11:53:49
6378
原创 前端导入Excel文件并解析实例
js代码var wb; //读取完成的数据var rABS = true; //是否将文件读取为二进制字符串function importf(obj) { //导入 $(".table_tbody").html(""); if (!obj.files) { alert("您的文件格式不正确,请重新选择!"); return; ...
2019-06-20 11:52:48
2542
1
原创 实现ztree结合jquery的smartMenu.js插件对目录树的增删改查
问题:项目上遇到一个问题,需要作出一个目录树显示相关内容的层级结构关系。插件:目录树插件,在这里我选用了ztree,十分方便好用(UI有待提升哈~)下方是ztree插件 需要的自取ztree插件jquery.smartMenu.js,一个右击鼠标出现菜单栏的插件。感兴趣的自己百度一下。代码:html部分:<!DOCTYPE html><htm...
2019-06-20 11:52:24
632
原创 前端实现ajax的post方法中data传递一个list数组到后台
项目中遇到一个需求,后台要求的数据格式为list数组的格式并且没有接收字段(格式如下图)最终实现代码: $(".btn").click(function() { var list = [{ "TYPE1": "111", "TYPE2": "1,1,1,1,255,25536", "TYPE3": "20" }]; consol...
2019-06-20 11:52:00
8563
原创 弹出的对话框不能实现滚动的问题
今天写前端弹出框的时候遇到的窗口过大,屏幕不能自动滚动的问题。在平时我们写页面的时候,当页面长度超过当前屏幕长度后,会自动向下延伸并且可以滚动。但今天我遇到的弹窗就很奇怪。后来我仔细研究了一下,并做了一个demo做对比,才发现其中的问题所在。首先,在我的弹出的对话框中,分为两个部分,分别是dialogBg和dialog。<div class="diglogBg">...
2019-06-20 11:50:40
2974
2
原创 关于Ajax登录请求的405 Method not Allowed 问题
前端交流企鹅:724396871今天写了一个网站登录的ajax请求,发现总是出现这个405的问题,结果在网上找了很久。都没能解决。var username = $(".username").val(); var pwd = $(".password").val(); var param = {'Name':username,'Pwd':...
2019-06-20 11:50:16
37680
2
原创 深度调研前端框架Vue、React、Angular、jQuery,附参考模板!
前端交流企鹅:724396871近两年前端各框架流行程度与趋势分析 图1上图显示了2016年10月至2017年10月的12个月期间,各个框架的绝对受欢迎程度及其增长情况。可以看出:①Vue 的成长速度非常快。②Angular的受欢迎程度基本保持不变。③jQuery仍然非常受欢迎,但用户使用量越来越少。④React 既庞大又在快速增长。...
2019-06-20 11:49:25
10313
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人