工作经历
2022-09-14 -至今武汉火才契约科技有限公司web前端
目前上线过vue3的博客系统,后端nodejs。参与过uniapp购物小程序前端。云服务系统,写自动化脚本。
教育经历
2019-10-15 - 湖北三峡职业技术学院软件技术专科
在校技能使用,nodejs爬取其它网站数据,响应式布局三峡大学网站,PHP考试系统前端和后端交互,前端静态页面,特效完成等。
技能
技术栈:易语言,java,autojs 不允许泄露信息,开发阶段 主要参与自动化完成模块,负责各个脚本测试,和功能上的完成,............................................................
使用技术栈:uniapp,*小程序,nodejs 项目简述:优品购物,电商小程序,大致分为,首页,商品分类,购物车,我的,为主。 责任:参与负责前端界面,功能,与后端交互的处理 问题处理: 前后交互,失败提示,加载loading效果 根据后端的数据,判断失败,封装一个全局的消息提示框,进行失败提示。采用@escook/request-miniprogram包,配置拦截器展示loading,以及请求前缀,减少代码。 减少维护,自变化适应,分类页面,滚动栏,上的处理 左侧分类栏,在加载生命周期,父级scroll-view的高度,使用getSystemInfoSync,实现不同设备的自适应,子级block,多加一个类active的动态绑定,三元加标识符判断是否添加, 添加点击事件,改变标识符决定是否添加active,修改右侧商品展示栏的scroll-top实现滚动, 并且向后端发送请求,更换右侧商品展示栏内容,css不用死值height,用line-height,多加一个类的绑定,再用后端的数据,进行for渲染,设置key,但不使用下标。这样就可以做到,以后想添加分类商品,或者修改,只用修改后端数据,前端自动变化的分类页面,减少维护。 搜索页面,上的处理 搜索栏,采用uniapp提供的uni-search-bar,绑定输入事件,采取节流的思路,设置标识符timer初始值为null,每一次执行前,先停止上一个timer,,然后设置timer的500毫秒只执行一次,获取值,然后再判断,没有,对历史数据设为空数组,有,调用获取展示的函数,后端会传对应搜索结果,前端页面会根据,v-if搜索结果数组长度是否为零,判断是否继续展示搜索历史,获取展示的函数,调用存历史记录的函数,采用ES6,Set去重,添加,再from转换,然后异步,setStorageSync存本地数据,历史数组放到computed调用数组转向,保证每次加入的数据,排在前面。
使用技术栈:vue3,nodejs,element,mongodb 项目简述:博客系统,展示自己对技术的看法,大致以首页(Head), 文章(Article),留言(Message),友链(Link),关于(About), 管理员(Admin)为主。 问题解决: 1.前后交互: 前端使用axiaos包,全局引入,配置一下,方便每个组件操作,完成了前端和后端的数据交互, 后端运用nodejs,为了避免后端代码繁琐,不使用自带的,引入express包,中间件对前端的数据提前处理,再以分开文件形式,使代码不集中显示,由每个对应的子路由,完成对应功能,的前端交互。 2.交互音乐播放器,动态3D轮播图 交互音乐播放器,采取C3的2D缩放和伪类,H5的音乐播放, 实现音乐播放器的交互,再采取js标识符的逻辑,实现功能上的实现。动态3D轮播图,引入swiper插件,快速实现功能,载入后有前后交互,数据的获取,在更新后,再次获取数据,保证动态变化。 3.持久化登录: 每次进入页面,前端会在创建前,向后端发请求,后端根据会判断是否一星期内登录过,如果登录过,刷新最新数据,并且向前端发送识别码,前端收到,更新vuex的数据,显示已登录组件,没有登录,向前端发送识别码,就是return了。登录,前端发起请求,后端采用session包,经过符合登录要求判断后,在数据库对应表里添加最新用户数据,。 4.项目上线 在服务器端上,全局安装pm2,进行开启后,完成项目上线。