XX Blog

Thinking will not overcome fear but action will.

如何利用chatGpt提高工作效率?

经验

基本信息 在软件开发中使用人工智能和机器学习变得越来越普遍。因此,开发人员开始转向像 OpenAI 的 ChatGPT 这样的工具来简化他们的工作,提高他们的工作效率。ChatGPT是一个由 OpenAI训练的大型语言模型,本文将向您展示如何使用 ChatGPT 帮助开发人员完成从编码到文档和测试等各种任务。 chatGPT可以提供哪些帮助 1.实时代码建议 chatGpt的代码仅仅是...

commit提交规范

经验

什么是约定式提交? 约定式提交(Conventional Commits)是一种用于代码版本控制的规范,旨在通过明确和标准化提交信息来提高代码协作质量和效率。其基本原则是通过规定提交信息的结构和语义来提高代码版本控制的可读性、可维护性和自动化程度。 约定式提交规范通常要求提交信息包括一个描述性的”类型”、一个可选的”作用域”、一个用于简洁说明的”主题”,以及可选的”正文”和”尾部”等组成部分...

前端vue3地图GIS开发

经验

前端通过什么方式绘制地图 通过echarts的geo模式绘制地图 通过百度地图或者高德地图的jsAPI绘制地图 投影方式和坐标系 目前 web Gis 最常用的 投影方式 是 墨卡托投影,常规的地图厂商和地图引擎,都默认使用的这类投影方式。 坐标系 目前国际上最通用的经纬度坐标系,来自于 “美国国家...

2022前端技术趋势

经验

本期摘要 新版 Vue 3 中文文档正式上线 小程序新渲染引擎 Skyline Beta 单元测试框架Vitest TailWInd Css 2022 前端趋势报告 技术资讯 1. Vue 2.7发布 代号 Naruto 火影忍者 向后移植的功能 组合 API [ SFC CSS v-bind 2.7 版本的影响 如前所述,2.7 是 Vue...

qiankun和micro-app

经验

qiankun要求子应用修改渲染逻辑并暴露出方法 micro-app 不需要修改子应用, 也不需要修改webpack配置, 是目前市面上接入微前端成本最低的方案, 并且提供了js沙箱, 样式隔离, 元素隔离, 预加载, 资源地址补全, 插件系统, 数据通信等一系列完善的功能 micro-app 上手简单: 使用方式类似iframe 侵入性低: 对源代码几乎没有影响 组件化: ...

vue3.0 tsx + vueuse开发总结

经验

Vueuse部分 useVirtulList 使用此hook可以很方便的使用虚拟列表 踩坑点: 外部元素的高度不能使用百分比高度, 使用px固定高度, 不然scrollTo不能正常触发 useElementBounding 使用此hook可以方便的获取元素的位置大小等信息 如果要获取响应式的数据, 必须使用reactive接收返回的数据 通过计算属性再返回新的对象, 绑定到元素上 绑定到元素...

抽象语法树

经验

AST概念: 抽象语法树 英文全称: Abstract Syntax Tree 每个编程语言都有自己的抽象语法树 js的抽象语法树 JavaScript是一个机器 ==>抽象语法树变为这个机器的图纸和零件 浏览器会把js源码通过解析器转为抽象语法树,再进一步转化为字节码或直接生成机器码。 什么时候会用到? 写出vue、react之类的大型框架,或类似webpack、rollup、E...

前端开发流程总结

经验

注意事项: 产品文档评审会,需要评估需求能否实现,实现的方案是否有更优解 showDoc地址 技术方案: 使用zhiMap编写思维导图/技术方案 技术方案示例 开发估时: 建议使用typora编写,然后放到showDoc==>2.x技术工时评估===>对应项目下 开发估时示例 ...

什么是serverLess?

探究新技术

什么是serverless? 当客户端和数据库未发生变的前提下,服务器变化巨大, 之前需要开发团队维护的路由模块以及鉴权模块都将接入服务商提供的 API 网关系统以及鉴权系统,开发团队无须再维护这两部分的业务代码,只需要持续维护相关规则即可。 同时业务代码也被拆分成了函数粒度,不同函数表示不同的功能。同时,在这个结构下,我们已经看不到服务器的存在,是因为 Serverless 的...

利用vue-cli搭建electron项目

vue与ts的恩怨

首先用 vue-cli 创建 vue3.0 项目 babel typeScript Router Vuex CSS Pre-processors Linter / Formatter vue 版本 3.x 使用 class-style component syntaxUse Babel alongside TypeScriptUse history mode for routerSass/S...