最爱小机灵

web前端工程师
成都申控物联有限公司 · 2年经验
最爱小机灵
日薪: ¥500/8h
地点: 成都 武侯
时间: 下班后
ID:297259 复制

0
接单数
0
评价数
0
收藏数

AI 技能提取 | Vue React CSS 微信小程序 小程序 TypeScript HTML5
1. 熟悉以下类型项目的开发: PC Web、微信小程序、APP、HTML5+ 原生开发、移动端网页。
2. 熟练使用 Vue、React、UmiJs 技术栈,研究过其实现原理。
3. 熟练掌握原生 JS、ES6 异步编程,对闭、原型、作用域链、继承有深刻理解,并在实际项目中运用。
4. 熟悉 HTML5,对页面布局以及语义化标签有深刻理解;熟练掌握 CSS,对模块化开发有丰富的实战经验。
5. 了解 TypeScript 编程规范,了解类、变量、接口、抽象类等等常用语法。

1. 项目描述:德远惠生活,这是为德阳市第一人民医院开发的商城平台,基于微信小程序 、uni-app、Vue 3.x 技术构建 。支持单店铺,多店铺入驻的商城平台。项目包含微信小程序,管理后台,已功能闭环,且达到商用标准的一套项目体系。
技术选型:Vue 3x、Vuex、Uviw、Apache ECharts、uni-app
2. 项目职责:
● 筛选出适合项目的技术栈、需要用到的框架和库,确定项目结构(路由、模块划分),并且构建项目初始版本。
● 网络请求封装,使用 axios 进行封装,包括请求拦截和响应拦截配置、状态码判断。
● 后端接口统一管理,挂载 api 到全局,页面中无需引入直接使用,减少代码量。
● 选择 UI 框架,使用的是 uview 多平台快速开发的 UI 框架,并使用 uni-app 中 easycom 配置,传统 Vue 组件,需要安装、引用、注册,三个步骤后才能使用组件。easycom 将其精简为一步,pages.json 中配置完成后可以直接在页面中使用。
● 仓库配置, 也就是全局变量的实现方式,使用的是 Vuex ,使用仓库变量 state ,通过 mixin ,把仓库变量混入全局,让我们可以在页面直接使用 state 。数据修改写了一个统一的的函数 this.$u.vuex(key, value),如果要修改`state `中的 `vuex_version` 变量为 `1.0.3`,则:this.$u.vuex('vuex_version', '1.0.3')。
● 权限管理,根据用户权限,展示不同路由。
● 登陆验证,使用手机号登录,设置一个按钮的 open-type 属性为 getPhoneNumber ,通过按钮事件回调获取到密钥,然后传到开发者后台进行解码换取用户手机号。
● 商城下单、订单支付,用户提交订单,后端调用微信官方接口 JSAPI 下单生成预付订单,并且计算出支付参数(签名、时间戳..),前端调用微信支付 wx.requestPayment 进行支付。
● 工具类的封装,统一使用 ES6 面向对象写法,包括登录状态检测,路由权限判断,订阅消息检测。
● 负责点餐模块、供应商模块(商户下单进货)、自营超市模块(医院内部超市)。
● 项目分包,因小程序有体积和资源加载限制,使用 subPackages 分包,主包放置默认启动页面、 TabBar 页面,以及一些所有分包都需用到公共资源、JS 脚本。而分包则是根据 pages.json 的配置进行划分。
最爱小机灵 ID:297259 复制

最爱小机灵

web前端工程师 · 2年经验 · 成都申控物联有限公司
城市成都 武侯 日薪500元/8h 时间 下班后
0
累计接单
0
用户评价
0
被收藏

信用行为

0
接单数
0
评价数
0
收藏数

技术能力

AI 技能提取 | Vue React CSS 微信小程序 小程序 TypeScript HTML5
1. 熟悉以下类型项目的开发: PC Web、微信小程序、APP、HTML5+ 原生开发、移动端网页。
2. 熟练使用 Vue、React、UmiJs 技术栈,研究过其实现原理。
3. 熟练掌握原生 JS、ES6 异步编程,对闭、原型、作用域链、继承有深刻理解,并在实际项目中运用。
4. 熟悉 HTML5,对页面布局以及语义化标签有深刻理解;熟练掌握 CSS,对模块化开发有丰富的实战经验。
5. 了解 TypeScript 编程规范,了解类、变量、接口、抽象类等等常用语法。

项目经验

1. 项目描述:德远惠生活,这是为德阳市第一人民医院开发的商城平台,基于微信小程序 、uni-app、Vue 3.x 技术构建 。支持单店铺,多店铺入驻的商城平台。项目包含微信小程序,管理后台,已功能闭环,且达到商用标准的一套项目体系。
技术选型:Vue 3x、Vuex、Uviw、Apache ECharts、uni-app
2. 项目职责:
● 筛选出适合项目的技术栈、需要用到的框架和库,确定项目结构(路由、模块划分),并且构建项目初始版本。
● 网络请求封装,使用 axios 进行封装,包括请求拦截和响应拦截配置、状态码判断。
● 后端接口统一管理,挂载 api 到全局,页面中无需引入直接使用,减少代码量。
● 选择 UI 框架,使用的是 uview 多平台快速开发的 UI 框架,并使用 uni-app 中 easycom 配置,传统 Vue 组件,需要安装、引用、注册,三个步骤后才能使用组件。easycom 将其精简为一步,pages.json 中配置完成后可以直接在页面中使用。
● 仓库配置, 也就是全局变量的实现方式,使用的是 Vuex ,使用仓库变量 state ,通过 mixin ,把仓库变量混入全局,让我们可以在页面直接使用 state 。数据修改写了一个统一的的函数 this.$u.vuex(key, value),如果要修改`state `中的 `vuex_version` 变量为 `1.0.3`,则:this.$u.vuex('vuex_version', '1.0.3')。
● 权限管理,根据用户权限,展示不同路由。
● 登陆验证,使用手机号登录,设置一个按钮的 open-type 属性为 getPhoneNumber ,通过按钮事件回调获取到密钥,然后传到开发者后台进行解码换取用户手机号。
● 商城下单、订单支付,用户提交订单,后端调用微信官方接口 JSAPI 下单生成预付订单,并且计算出支付参数(签名、时间戳..),前端调用微信支付 wx.requestPayment 进行支付。
● 工具类的封装,统一使用 ES6 面向对象写法,包括登录状态检测,路由权限判断,订阅消息检测。
● 负责点餐模块、供应商模块(商户下单进货)、自营超市模块(医院内部超市)。
● 项目分包,因小程序有体积和资源加载限制,使用 subPackages 分包,主包放置默认启动页面、 TabBar 页面,以及一些所有分包都需用到公共资源、JS 脚本。而分包则是根据 pages.json 的配置进行划分。
客服二维码

没找到合适的人才?

扫码添加客服极速匹配,或直接发布需求让更多人才主动报名

平台担保交易 · 1小时内不满意可退款

平台信誉与实力

基于 35,336 需求方信任

  • 支付宝企业信用分 优秀 评级
  • 市场份额约占全行业三分之一
  • 程序员兼职行业全能首选平台
查看平台资质详情
收藏