vue3笔记(2-2)打包 & 部署 本篇基于技术栈 vue3 + vite。vite 是 vue 官方推荐的项目构建工具,基于 rollup,构建速度更快,本篇记录使用过程,并且有一些疑惑在以后会一点点解决后再次记录。 2022-04-29 环境配置 typescript vue2
vue3笔记(2-1)打包 & 部署 本篇基于技术栈 vue2 + vue-cli + webpack。业务中分为测试环境和生产环境,对应 API 地址不同,我分别做了打包配置。当前 vue 项目配置和之前的略有不同,记录一下打包上线配置。代码上传到服务器中,使用 nginx 代理。 2022-04-29 环境配置 typescript vue2
vue3笔记(1-3)基础写法 本篇记录使用过的功能,包括:表格数据为空、表格序号自增、表格内部点击实现路由跳转、表格排序;自定义提示信息;通过 deep 改变组件样式;t s忽略类型检查 数据为空 table-column 中没有数据时,可以通过 css 控制显示–当项目中只有部分表格需要此功能时,建议给需要的表格添加类名。注意:如果表格数据使用slot,也需要添加 prop="XXX",否则类似于开关 2022-04-26 typescript vue3
vue3笔记(1-2)基础写法 本篇是上一篇的延伸,使用 pinia 作为状态管理,对项目进行了一次升级。使用 setup 语法糖进行组合式API的编写。 setup 语法糖执行顺序: 创建组件实例 props 解析 setup 调用执行(一次) 组件创建 beforeCreate 12345678<script lang="ts" setup>const dataList = react 2022-04-26 typescript vue3
vue3笔记(1-1)基础写法 人生兜兜转转几年没更新,转眼从产品变到项目管理又变成了前端。最近使用 Vue3+TS 搭建了公司的服务平台,使用 vue-cli5 构建项目,UI 使用了 element-plus,记录一下代码写法和使用过程中的坑。 2022-04-26 typescript vue3
react笔记(3)react-redux数据管理 前期考虑不周的坑,后期总要来填的。— ginny Guo在这个项目的时候技术选型的时候,因为“时间周期较短”和“产品交流不充分”,没能完全get到prd中的一些细节问题,当时感觉传统的状态管理已经完全hold住这个项目了,结果在后期出现了一个state对应多个view改变,多个action触发一个state改变等问题。多个组件保留状态需要多个copy,简直是灾难啊啊!!!更加难过的是,后期出现了 2020-05-28 javascript react
react笔记(2)websocket实时改变数据 项目中有个需求,需要实时改变数据。实时改变数据有两种方式。第一种方式是通过Ajax轮询,浏览器需要不断的向服务器发出请求,在本项目中需要改变数据的地方有多处,连续的Ajax请求对服务器的压力很大,所以不适合这种方式。第二种方式是通过HTML5 定义的 WebSocket 协议,使浏览器和服务器保持持久性的连接,服务端向客户端主动推送信息。本项目中采用了第二种方式,这里对react中使用WebSo 2020-05-14 javascript react
react笔记(1)父子组件通信 最近做了一个pc项目,技术选型为react,中间涉及到了各种状态管理、消息传递,做个小小的笔记记录下,方便以后做同类项目可以快速起步。 2020-05-07 javascript react