- 博客(93)
- 收藏
- 关注
RSS订阅原创 水平居中、垂直居中
* 需根据宽高计算偏移量 */justify-content: center;/* fixed同理 */align-items: center;8.transform:translate(x,y)+定位。1.行内元素（如span、img、a）5.定位（margin: auto;9.table-cell（表格单元格）2.具有高度的块级元素（div、p）4.定位（要知道元素的宽高）欢迎补充，一起进步。
2024-08-22 02:23:28
289
原创 mongoDb的安装及使用（与robot数据库搭配使用）
2.找到CollecTions目录，右键create collection，创建子数据库，创建users和students。"url":"mongodb://localhost:27017", //与上一条的地址端口号一致。3）启动服务（bin目录下） net start MongoDB。下载地址：https://www.mongodb.com/"dbname":"" //名称。7）前端调用（以ajax与jquery为例）5.页面展示 （以管理系统增删查改为例）5）连接数据库（以post请求为例）
2024-08-20 13:49:04
224
原创 node.js
下载地址https://nodejs.org/1.node的下载与安装。2.查看安装是否成功。4.创建项目并初始化。欢迎补充，一起进步。
2024-08-20 01:12:25
105
原创 express框架的安装与配置
接口地址：主路径+子路径（主路径：http://localhost:+端口号或者http://127.0.0.1+端口号，5.修改项目的端口号（bin/www文件下的port参数）4.项目启动（可查看项目的package.json）注意：代码修改要重新启动服务器，相当于前端刷新浏览器。7.index.js（可写相关接口路由）8.使用接口（ajax+jquery）view=pug代表默认模板。2.创建express项目。子路径：接口自定义地址）1.安装express。myapp代表项目名称。
2024-08-19 22:06:24
201
原创 获取数组最大值、最小值及其对应下标
1.数组：var arr = [2, 4, 1, 5, 3, 9, 10, 8, 7, 6];2.定义中间变量，储存比较过程中的最大值最小值以及对应下标。获取数组最大值和最小值。欢迎补充，一起进步。
2024-08-18 22:47:42
92
原创 flex布局
7.flex：该属性是flex-grow, flex-shrink 和 flex-basis的简写，默认值为“0 1 auto”8.align-self：允许单个item有与其他item不一样的对齐方式，可覆盖align-items属性，默认值为auto。3）flex-flow：是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap。5.flex-shrink：定义了item的缩小比列，默认为1，负数无效。flex-start：与交叉轴的起点对齐。
2024-08-18 22:46:25
199
原创 实现0.5px高度的线条
为0.5，使得页面的宽高变为设备的2倍，此时使用1px的CSS像素，在视觉上就相当于0.5px。1. 调整视口设置（适用于整个页面的布局和图片大小需要预先确定的情况）欢迎补充，一起进步。
2024-08-17 21:44:54
249
原创 继承的方法
console.log('我是自己的eat');//这里自已如果有就覆盖父亲的。let rab = new Rabbit('大白', 'white', 10);let rabbit = new Rabbit('大白','white',10);//子类中通过super调用父类的构造函数，一定要放在第一行。1.es5的继承（组合式继承）欢迎补充，一起进步。
2024-08-17 17:40:12
243
原创 echarts地图下钻
/ 注意这里是echarts的实例对象，而不是echarts组件本身。// 就像上面提到的，这里必须要和注册地图时的名字一致。// 修改option的配置，可以继续自定义。if (name === '四川省') {欢迎补充，一起进步。
2024-08-17 16:47:31
190
原创 echarts地图使用
color: 'rgba(147, 235, 248, .2)', // 100% 处的颜色。// { name: '黑龙江', value: [128.03, 47.01, 1007] },color: 'rgba(147, 235, 248, 0)', // 0% 处的颜色。// { name: '西藏', value: [91.23, 29.5, 12333] },// 指定映射的数据，对应的是option.series，这里根据自己的实际需要进行配置。// 鼠标放上去的样式。
2024-08-17 16:42:17
727
原创 验证身份证号、手机号、Email、IPv4等
7.验证日期格式 YYYY-MM-DD/YYYY-MM-DD HH:mm:ss。console.log('你输入的身份证长度或格式错误');console.log('身份证上的出生日期非法');console.log('你输入的身份证号非法');console.log('你的身份证地区非法');msg = '你输入的身份证长度或格式错误';msg = '身份证上的出生日期非法';msg = '你输入的身份证号非法';msg = '你的身份证地区非法';15: '内蒙古',23: '黑龙江',
2024-08-17 14:56:23
353
原创 根据地图中出租车公里数求价格
打车起步价13(3公里内), 之后每多一公里增加 5块钱. 用户输入公里数就可以计算打车价格。如果有拥堵情况,总价格多收取10块钱拥堵费*/欢迎补充，一起进步。
2024-08-17 14:10:39
140
原创 cesium图层加载方法
tilingScheme: new Cesium.WebMercatorTilingScheme(), // 指定Web Mercator投影(EPSG:3857) 84坐标是(EPSG:4326)rectangle: Cesium.Rectangle.fromDegrees(-10.0, -10.0, 10.0, 10.0), // 地图加载的区域。color: Cesium.Color.fromCssColorString('#ff00ff'), // 可选参数，指定网格线颜色。
2024-07-31 00:29:18
475
原创 前端项目部署到服务器（xshell+xftp）
连接服务器还有一种办法，直接git bash里输入命令行 ssh -p xxxx（端口号） root@（服务器名称） 即可（示例： ssh -p xxxx root@xxxxxxx ）grep pattern filename 文本搜索工具，用于查找包含指定文本的行。rm filename或rm -r directory 删除文件或目录。touch filename 创建一个名为filename的空文件。ps -aux | grep [进程名] 查找特定进程的信息。
2024-07-31 00:28:34
414
原创 websocket连接通信
握手阶段：在建立WebSocket连接之前，客户端需要发送一个HTTP请求到服务器，请求升级为WebSocket协议。数据传输：一旦WebSocket连接建立，客户端和服务器可以开始互相发送消息。消息可以是简单的字符串，也可以是复杂的数据结构，如JSON对象等。建立连接：客户端收到服务器的握手响应后，会重新建立连接。关闭连接：当需要关闭WebSocket连接时，客户端或服务器可以主动发送一个关闭帧来断开连接。收到关闭帧的一方会结束连接并发送回应帧，完成连接的关闭。1.安装Websocket。
2024-07-31 00:28:09
219
原创 git命令行
5）git log –since、git log –before、 git log --until、git log –after 指定筛选日期。2）git commit -am "第一次版本提交" （可跳过git add这步）3）git rm --cached <file> 从跟踪清单中删除。1）git rm <file> 从已跟踪文件清单中删除，然后提交。3）git checkout – <文件名> 放弃未暂存的文件。6）git log –no-merges 选项以隐藏合并提交。
2024-07-31 00:27:45
159
原创 深克隆与浅克隆
2）Array.prototype.concat() 只针对最外层为数组（浅克隆）3）Array.prototype.slice() 只针对最外层为数组（浅克隆）6）JSON.parse(JSON.stringify())（深克隆）4）Object.assign()（可浅克隆也可深克隆）总结：深克隆不影响原始数据，而浅克隆影响原始数据。5）扩展运算符（...）(可浅克隆也可深克隆)①.原数据只有基础数据类型为深克隆。②.原数据有引用数据类型为浅克隆。②.原数据有引用数据类型为浅克隆。1）直接赋值（浅克隆）
2024-07-31 00:27:33
126
原创 v-if、v-show、v-for的区别
当v-if和v-for同时存在于一个节点上时，v-if的优先级变得高于v-for。这意味着v-if将先于v-for被执行。例如，当在v-if内部使用未定义的变量（如item）时，如果这个变量是在外层定义的，而不是在v-for的作用域内，就会导致报错。在vue2中，当v-if和v-for同时应用于一个元素时，v-for会先执行，然后再根据v-if的条件来决定是否渲染该元素。在vue2中，v-for的优先级高于v-if，而在vue3中，v-if的优先级高于v-for。
2024-07-31 00:26:18
261
原创 echarts设置渐变色
②.x,y,x2,y2，代表包围框中的百分比，数值范围 0-1；③.colorStops，类似颜色线性梯度，数值范围 0-1；④.colorStops，类似颜色线性梯度，数值范围 0-1；①.x,y,x2,y2，包围框中的百分比，数值范围 0-1；②.offset，类似颜色线性梯度，数值范围 0-1；③.offset，类似颜色线性梯度，数值范围 0-1；①.x,y，代表圆心，数值范围 0-1；②.x,y，代表圆心，数值范围 0-1；②.r，代表半径，数值范围 0-1；③.r，代表半径，数值范围 0-1；
2024-07-31 00:25:36
526
原创 http状态码及其含义
201：请求成功并且服务器创建了新的资源。202：服务器接收请求，但尚未处理。400：服务器无法理解请求格式。505：HTTP版本不受支持。302与303：临时重定向。503：服务器无法处理请求。500：服务器内部错误。404：请求地址有误。欢迎补充，一起进步。
2024-07-31 00:25:20
322
原创 echarts画风向杆
}-${moment(time.searchTime[1], 'YYYY-MM-DD HH:mm:ss').format('YYYY-MM-DD HH:mm')}——水平风风羽图`[123.75, '东南风'],[146.25, '东南风'],[168.75, '东南风'],[213.75, '西南风'],[236.25, '西南风'],[258.75, '西南风'],[303.75, '西北风'],[326.25, '西北风'],[348.75, '西北风'],[33.75, '东北风'],
2024-07-31 00:24:58
876
原创 ref与reactive的区别
ref主要为了解决单一元素的响应式问题，而reactive是为了解决对象和数组等复杂类型数据结构的响应式问题。ref可用.value方式获取，而reactive需要通过reactive函数进行包装和创建。ref用于包装JS的基本数据类型，而reactive用于包装JS对象和数组等复杂类型的数据。欢迎补充，一起进步。
2024-07-30 10:53:37
607
原创 http与https的区别
2.http标准端口是80，而https的标准端口是443。3.http无法加密，而https对传输的数据进行加密。4.http无需证书，而https需要CA的SSL证书。1.http是不安全的，而https是安全的。欢迎补充，一起进步。
2024-07-30 10:38:32
86
原创 将zip文件转化成json
const datas = JSON.parse(data) // 与后端约定压缩包内只有一个文件且为JSON格式，更多格式可参考JSZip官网。const fileName = Object.keys(Object.values(zip)[0])[0] // 获取文件名。* @param url 远程文件地址。* 获取远程zip文件转化成json。1.安装JSZipUtils。欢迎补充，一起进步。
2024-07-30 00:27:07
256
原创 echarts柱状图点击功能
Object.defineProperty(document.getElementById('id名'), 'clientHeight', {Object.defineProperty(document.getElementById('id名'), 'clientWidth', {let echarts =echarts.init(document.getElementById('id名'))// 也可以通过params.offsetY 来判断鼠标点击的位置是否是图表展示区里面的位置。欢迎补充，一起进步。
2024-07-30 00:26:52
607
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人