- 博客(48)
- 收藏
- 关注
原创 Monorepo多个项目代码存储在一个仓库里的软件开发策略
因此前端需要同时维护平台和地图组件两个项目,在开发时两个项目同时进行,且平台依赖地图组件,如果使用两个独立仓库分别开发维护,会给开发调试和后期的维护带来很大麻烦(无法同步联调),而Monorepo方案能很好的解决这个问题。monorepo是指在单一仓库中包含多个开发项目,这对于常见的组件库或框架的开发非常有用,而且我们项目中使用的pnpm内置了对monorepo的支持,比如Vue3、Element Plus、Vite…等知名开源项目均是基于pnpm的workspace协议来实现monorepo的管理。
2023-07-07 14:08:17 184
原创 vue3项目模板技术
Element-Pius文档:https://element-plus.org/zh-CN/component/button.html。vue3 文档:https://cn.vuejs.org/guide/introduction.html。TypeScript文档:https://www.typescriptlang.org/zh/docs/vue-router文档:https://router.vuejs.org/zh/guide/vite文档:https://cn.vitejs.dev/guide/
2023-06-08 11:29:38 956
原创 前端代码书写规范
1、不要使用any类型。对象可使用{ [key: string]: any }2、对于值可能是null undefined的使用可选链操作符?
2023-04-20 15:56:25 62
原创 echarts可视化图表库
网址:https://echarts.apache.org/handbook/zh/get-started/1、项目下载安装 npm install echarts -S。介绍:一个基于 JavaScript 的开源可视化图表库。
2023-04-01 11:33:12 98
原创 前端常见面试题汇总
一 、JS基础1、数据类型(1)基本数据类型6:(值类型,存在栈内存中,操作系统自动分配释放)数字(number):正常表示的是2的正负53次方,超出范围仍然可以运算,但精度不准,可以用大数进行处理,超过限制的数字被分割成数组。进制的转换(2、8、10、16):1)其他进制转为10进制:parseInt(值,几进制)会将规定的几进制的值转为对应的10进制的 2)10进制转为其他进制:值.toString(几进制)特殊值:NaN(表示不是一个数字,它的类型检测是‘number’),Infini
2022-04-02 20:12:57 1497
原创 前端调试方法与技巧
一、pc端项目(浏览器端的,主要指电脑端的网页)调试方法1、控制台或代码中善用console,它会清晰的打印出我们在执行中数据的值,方便查看。不要使用alert,因为alert是阻断线程运营的操作,当不点击当前alert的确定,下一个alert是不会出现且对数据较多时不友好。2、控制台中各功能按钮介绍1、Element 源码定位打开测试工具,点击箭头,在页面中选择要审查的元素,此时会定位在代码块,会有html及css布局的展示,可进行动态更改排查问题若html中有调用事件,如何定位事件:el
2021-11-12 12:03:42 4936
原创 移动端项目组件封装及版本介绍
react-native开发常用组件封装1、单选Radio的封装重点看选中的样式:当点击时更新选中项的答案,触发重新渲染的逻辑,让选中项的样式为中间带实心圆 <KeyboardAwareScrollView> { questionOptionList.map((item, index) => {
2021-10-13 15:28:26 547
原创 charles网络代理的使用
一、学习网址1、下载安装:https://blog.csdn.net/liuwkk/article/details/81258522https://www.cnblogs.com/zhuochong/p/10412755.html2、功能介绍:https://juejin.cn/post/6844903665304600589二、案例1、手机项目与charles使用(1)手机项目对应的离线包中切换成本地环境,连接电脑的ip地址(2)检查手机和电脑的网是不是一致(连接到同一个无线)(3)项目本
2021-10-11 20:16:17 87
原创 前端— html
介绍:htmi超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。用于搭建我们前端页面结构,本节只介绍常用的盒子(html元素),不介绍各种属性及样式,大家用时可查,且现在开发一般不用原生标签直接开发,都会引入各框架适用的组件库来开发,直接使用组件暴露的属性即可详见网址:https://www.runoob.com/html/html-headings.html<!DOCTYPE html><html>&
2021-06-23 20:50:30 170
原创 js 前后端交互ajax、axios(http)
互联网产品的前后端数据交互是通过一个通讯协议完成。前后台交互的协议主要包括HTTP,FTP,SMTP,TELNET,POP3…本文仅总结HTTP协议。一、基础知识HTTP协议HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议,是一个基于TCP/IP通信协议来传递数据,也是互联网上应用最为广泛的一种网络协议。HTTP的主要特点(1)简单快速:客户向服务器请求服务
2021-06-22 21:35:23 2262
原创 js异步编程及页面解析过程
一、首先介绍js单线程1、js为什么是单线程(就一个线程主线程),而不去做成多线程因js作为浏览器脚本语言,只要的用途和功能是与用户互动,以及操作DOM。(假定JavaScript同时有两个线程,一个线程在某个DOM节点上添加内容,另一个线程删除了这个节点,这时浏览器应该以哪个线程为准?会带来很复杂的同步问题)2、什么是单线程:同一时间只能做一件事情。3、任务队列(js单线程规定同一时间只能做一件事情,但我们的任务往往有很多个,所以就有任务队列一说):特点,单线程中所有任务需要排队,前一个任务结束,
2021-06-22 17:48:46 305
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人