- 博客(86)
- 收藏
- 关注
原创 vite请求代理结合环境变量配置
目的:方便在import.meta.env.这里提示。一、根目录增加env.development文件。四、vite.config.ts文件。二、填写env.d.ts文件,
2024-09-04 15:42:46 398
原创 antdesign的多个form表单校验
1.小例:手机号校验phone: {label: '电话',value: '',placeholder:'请输入',rules: <Rule>[{required: true,validator:validReg,trigger:'blur',pattern:regPhone,message:'请输入正确的电话格式'}],},……if () {return Promise.reject("不能为空");}else{if(!
2024-07-26 17:02:42 382
原创 node-day3-es6模块化+webpack
目前我们学习了两套导入导出的语法Node环境默认的CommonJS语法导出:module.exports = 内容导入:const 变量 = require(‘xxx')ES6模块化语法(ES Module)导出:export导入:import总结:在node环境中,仍然使用CommonJS语法;在后期的项目开发中,就使用ES Module以模块化、组件化、规范化、自动化为基础,进行前端项目开发的方式,叫做前端工程化.
2024-03-05 13:53:09 1170
原创 搭建服务器及跨域处理
在前端领域中,跨域是指浏览器允许向服务器发送跨域请求,从而克服Ajax只能同源使用的限制。什么是同源策略?同源策略是一种约定,由Netscape公司1995年引入浏览器,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+端口"三者相同,即便两个不同的域名指向同一个ip地址,也非同源。Cookie、LocalStorage 和 IndexDB 无法读取DOM和JS对象无法获得AJAX 请求不能发送常见的跨域场景。
2024-02-28 15:48:48 1278
原创 百度地图监听地图缩放时可视区,获取可视区内站点数据
同时在获取数据后,也需要请求该方法,这样列表就能实时展现地图可视区内的站点数据了。在地图init方法中监听地图拖拽和缩放。
2024-02-01 11:33:50 501
原创 arco design table遇到的一些问题
table中不知道为啥就多了个树形加号在前面,查找问题后发现,是后端返回的数据中有children,框架中默认对这个参数做了树形结构。解决办法:当时没找到取消或者修改字段的属性或方法,就将此字段去掉,并将内容clone到childData。
2024-01-25 17:01:10 1236
原创 不同地图经纬度之间转换
需求,客户可能通过GPS、高德、百度等多个地图,但是不同地图之间标注位置要统一,就需要做相应的转换。使用方法举例:数据为百度地图的经纬度,要标注在高德地图上,就需要使用。//BD-09 to GCJ-02对应的方法。
2024-01-24 11:31:36 906
原创 客户端请求服务器的步骤
b.检测本地的hosts文件,是否有记录该域名对应的IP地址,有则通过IP地址取找服务器。a.第一次握手是在建立连接,客户端发送连接请求报文段,把标有SYN的数据包发给服务器端即为接收端。b.第二次握手是服务器端即接收端收到客户端的SYN的报文段,同时发送标有SYN/ACK的数据包。c.第三次握手是客户端收到服务器端的SYN/ACK的数据包后,向服务器端发送标有ACK的数据包。c.通过DNS服务器解析,找到该域名对应的IP地址,然后通过IP地址取找服务器。4.服务器处理,并做出响应。
2024-01-12 14:30:28 556
原创 node-day2-
1.判断模块名是否带有路径(./)2.模块名中有路径,则表示加载自定义模块(自己写的文件)const xx = require('./xx'),文件的后缀可以省略,如果省略了后缀,则:a.优先加载同名文件,加载一个叫做xx的文件b.再次加载js文件,加载xx.js文件c.再次加载json文件,加载xx.json文件d.如果上述文件都没有,则报错"Cannot find module './xx' "//别人加载的就是我的index.js,所以必须在index.js中导出内容。
2024-01-05 17:29:36 414
原创 js中BOM对象
window对象就是顶级对象。window对象的特点为:凡是window对象中的属性或方法,window顶级对象都可以省略不写。操作浏览器(通过js的方式实现浏览器中的某些功能)1.通过js的方式实现页面刷新效果2.通过js的方式实现浏览器中的上一页、下一页功能3.通过js的方式实现页面的跳转。
2023-12-20 17:03:01 517
原创 浏览器渲染网页的过程
如果页面中的节点(元素)的样式的改变并不影响它在文档流中的位置和文档布局时(如:与颜色相关的部分发生了改变),那么浏览器就会进行重绘。:如果页面中标签的结构、大小、位置、布局等发生了改变,那么浏览器就会重新渲染部分或全部文档,这个过程称为回流。5.根据生成的渲染树,将整个页面的标签样式部分进行渲染显示(文字颜色、背景颜色……5.内容的变化(如:图片的大小,input框的输入)4.根据生成的渲染树,得到节点的元素的位置(回流/重排)1.先将网页中的标签及标签之间的布局关系渲染成DOM树。
2023-12-20 14:24:13 473
原创 postcss-px-to-viewport实现单独页面效果
在根目录下,添加postcss.config.js文件,配置内容如下。四、注意:对行内样式不友好,生效页面最好不要写行类样式。由于可能include不生效,此时再安装。三、配置后重启项目,即可。
2023-10-13 16:51:54 904
原创 配置测试ip、正式ip、本地ip
目的:npm run serve启动本地服务,npm run test打包测试环境,npm run build打包正式环境。二、配置package.json文件。四、在axios的默认baseUrl。一、在项目中新增三个环境的文件。三、获取不同环境的ip。
2023-09-22 10:37:06 394
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人