vue2、vue3、ts、uniapp、node独立开发一整个应用并部署上线...
1、通过本项目的开发,不仅掌握了vue0、vue3+ts、uniapp等前端技术栈的使用,还学会了如何搭建服务器、配置域名、进行项目部署和上线等后端技能。同时,也深刻体会到了独立开发一个项目的艰辛和成就感。未来将继续迭代更新本项目,并探索更多的前端技术和应用场景。

2、项目初期,我使用vue2开发PC端网站,后端接口以express实现,数据库选择mysql。随后,为了移动端应用,我引入了uniapp技术,虽然自学,但凭借vue2基础,很快上手并构建了移动端项目。接着,我投入时间学习了vue3和ts,开发后台管理系统。
3、打开命令行,输入node -v,若显示Node.js版本号,则安装成功。安装Vue Vue是构建用户界面的渐进式JavaScript框架。全局安装Vue:打开命令行,输入npm install vue -g进行全局安装。等待安装完成,出现成功提示。安装Vue CLI Vue CLI是Vue提供的项目脚手架,用于快速构建Vue工程项目。
4、开始步骤包括确保Node.js版本正确,然后创建一个以TypeScript为基础的uniapp项目。安装所需依赖后,引入Pinia进行状态管理,修改main.ts和组件中使用store。接着,集成Tailwind CSS,涉及安装PostCSS、配置相关文件并引入到App.vue中。最后,引入uv-ui组件库并将其应用到项目中,如在视图中添加按钮。
如何用e4a设计一个跑腿软件
1、基础开发流程(e4a部分)工程搭建新建e4a工程,设计用户端和骑手端的基础界面。例如用户端首页需包含“下单”“订单查询”“个人中心”等按钮,骑手端需包含“抢单”“订单列表”“收益统计”等模块。通过e4a的界面编辑器拖拽组件,快速完成布局。
怎样进行移动端页面开发?
1、进行移动端页面开发的方式主要有三种:移动Web开发、Native App(原生应用)开发和Hybrid App(混合应用)开发。下面将详细介绍这三种开发方式及其特点。移动Web开发定义:移动Web开发是指编写运行在移动Web浏览器中的Web应用。
2、在移动端web开发中,使用rem单位进行适配的步骤如下:理解rem单位:rem是相对于根元素的字体大小的单位。例如,如果根元素的字体大小是10px,则1rem等于10px,2rem等于20px,以此类推。设置viewport:将viewport的width设置为devicewidth,以确保页面宽度与设备宽度一致。
3、在横向使用百分比,纵向使用rem时,会由于计算产生一定的误差,于是,运用学习过的一些HTML5技术,进行移动端页面的优化,例如,使用CSS3的盒阴影替换掉边框。
4、Bootstrap:提供响应式设计和移动设备优先的流式栅格系统,快速构建美观的移动端页面。React Native:虽然主要用于开发原生应用,但也可以在Web上运行,提供跨平台开发的可能性。Vue.js:渐进式框架,易于上手且功能强大,适合构建复杂的移动端用户界面。
5、在手机端和Web HTML开发中,JavaScript都是实现用户交互的关键技术。综上所述,手机端的页面开发和Web HTML开发在设计考虑、技术栈、性能和优化等方面存在显著区别,但在HTML基础、CSS样式和JavaScript交互等方面又有共通之处。
