前端部署
一:配置nginx:配置好页面就能访问了 但是接口 没有走 负载均衡 ha
1、设置文件 设置dist 上传到 服务器上的 路径, 在/opt/nginx/html/ 新建一个文件 文件的规则:项目ui 举例:nrmsui
在 nrmsui/nrmsui_resourcemgr_pc_1.0 nrmsui_resourcemgr_pc_1.0就是 dist文件
2、配置niginx 进入/opt/nginx/conf/config.d 如果新项目,新建一个conf文件,如果是已有项目添加子项目,直接进入项目中的conf文件
备注:设置nginx配置,虚拟路径一般为 /项目ui/子项目/端,静态资源路径一般放在/nginx/html文件夹下, 为 项目ui/打包目录
4、重启nginx
service nginx restart 启动 nginx
systemctl reload nginx 重启 nginx
su - 切换 root 用户
压缩:tar czvf html.tar html/
解压:tar zxvf html.tar
更改用户:
chown pusher -R test
更改用户组:
chgrp www lifang
修改权限访问:
chmod 666 *
chmod -R 777 /data/www
查看nginx logs日志:tail -f error.log 由于需要在jenkins上部署程序,所以需要配置jenkins到应用服务器的免密登录(根据原先的规范,应该使用pusher用户)。 因此请大家在各自的应用服务器上建一个pusher用户,并配置jenkins到应用服务器的免密登录: ① 在应用服务器上创建pusher用户 useradd pusher echo Push@231Jen | passwd --stdin pusher chown -R pusher:pusher /opt/service_app sed -i '/^AllowUsers.*$/s//& pusher/g' /etc/ssh/sshd_config service sshd restart
② 在jenkins服务器(192.168.119.103)上配置到应用服务器的免密登录 ssh-copy-id 目标应用服务器ip 中间需要输入密码Push@231Jen
③ 修改各自相关脚本,拷贝文件的时候不要使用root用户,要使用pusher用户进行拷贝,示例:
进度: 素养拓展 首页 页面整体已按照UI修改, 素养拓展详情明天上午完成。 播放功能预计明天调整完毕。
http://10.1.201.119:8080/s/syncMain?studyStageCode=0001&gradeCode=0001&termCode=0001
资源pad 教师端
- 同步课堂 吴丹丹
- 本地资源 徐晓雄
- 学科专题 王锐波
- 教师云盘 李保川
- 素养拓展 王锐波 (样式和学生端一样)
- 资源播放 杨超杰
面试人员: 董婷婷 应聘岗位:前端开发工程师 面试时间:2021-12-11 13:40 参加面试人员:杨超杰 面试情况:项目经验丰富,技术栈跟公司相同。除了前端技术深入研究相对缺乏之外,能完成公司项目日常开发需求。能力为中级前端水平。 面试结果:通过
一、 教师PC 优化 1.pc端教师空间/授课端教学云盘上传资源后,在云盘目录上增加数量信息,显示每个分类上传文件数量;数据值,根据云盘各个文件类型进行统计,每添加或删除一个数据左侧数据要实时变化。 增加资源数量显示 (需要后台接口) 2.教师版pc前端版本名称与资源中心创建的不一致 3. pc/app教师端目录层级报错 在pc/app教师端增删备选版本时,如果获取不到年级信息,前端需要根据学段学科版本校验年级学期信息,如果没有年级学期信息则展示教材名称;有年级学期信息优先查询年级学期; 4. 资源全屏播放放大内容无变化 word格式的资源播放中,点击右上角的放大缩小按钮,内容实际没有发生变化只有外框在放大或缩小 (技术调研,不确定能不能实现) 5.图片播放器放大后,无法拖动图片移动,没法看到被遮盖的图片; 6.学科专题筛选条件增加【全部】, 默认查询的数据定位在当前学段的所有【全部】,学科和适用场景默认到【全部】并高亮展示; 7.pc视频播放器都增加倍速功能及高清切换功能 (需要修改当前食品播放器) 8.资源播放文件过滤部分文件需求 后台接口更改 (1)如果主文件是doc、ppt的资源文件,需要过滤与主文件名称一样的资源文件;(2)如果是视频文件,只需要展示一个标清的视频文件,可以在下方进行清晰度切换;
二、 资源分享,之前开发的资源分享,根据需求变动修改 (1月份只做微信分享)
三、 电子书包 bug 继续修改电子书包 教师和学生版bug,配合测试上线
四、 资源推荐 统一前端PC播放页面开发, pc推荐消息发送参数修改 (PC端已修改完成)
2022年个人规划
一、 优化播放功能逻辑,其中包括PC端,手机端。 抽离播放组件,音视频尝试用video.js 替换。优化部分性能和兼容问题。 二、 整理之前已经开发的模块代码,项目工程上做梳理,代码结构优化。部分交互逻辑做优化处理。 三、 代码工程构建上,尝试用vite替换 vuecli 或者 webpcak 四、 vue3 + ts 深入学习使用,以及相关ui组件的使用,紧跟潮流不掉队。 五、 巩固js 基础知识,学习数据结构和算法 修炼好内功。 六、 深入学习node.js 并再学习一种后端语言。 七、 保质量完成接下来产品需求。 八、 审时度势,根据当前公司产品定位,和当前大环境状况,做好自己的职业规划。
videojs在vue中的使用(自定义组件,如清晰度) https://www.jianshu.com/p/453d087305f4
https://www.npmjs.com/package/@xiaoyexiang/videojs-resolution-switcher-v7 https://github.com/bariartz/videojs-resolution-switcher-for-videojs-version-7 https://kmoskwiak.github.io/videojs-resolution-switcher/
- front-end-nrms 全国资源中心后台管理 李保川
- front-end-rms 省级资源前端 杨超杰
- front-end-rms-h5 教师app 资源前端 杨超杰
- front-end-rms-mobile 教师 app首页 ssr 杨超杰
- front-end-rms-student 家辅 app 李保川
- front-end-pad 电子书包 (包含学生和家长) 杨超杰
- protal-manage 门户后端管理 李保川
- protal-fontpage 门户前台 李保川
- ocs-manage-static 管理员空间 王锐波
- static-ocs 统计 王锐波
- ocs-media-resource 素材库 李保川
教师Pc优化修改 (1)云盘目录上增加数量信息 (已完成) (2)pc/app教师端目录层级报错(已完成) (3)图片播放器放大后,无法拖动图片移动 (已完成) (4)完成电子书包新版学科专题详情页开发 完成资源分享,资源中心逻辑改动
140.82.113.3 github.com 199.232.69.194 github.global.ssl.fastly.net 185.199.108.153 assets-cdn.github.com 185.199.109.153 assets-cdn.github.com 185.199.110.153 assets-cdn.github.com 185.199.111.153 assets-cdn.github.com
================================================== 教师Pc优化修改 (1)云盘目录上增加数量信息 (已完成)
(2)pc/app教师端目录层级报错(已完成)
(3)图片播放器放大后,无法拖动图片移动 (已完成)
(4)学科专题科学添加全部 (已完成)
(5)教师app增删版本优化 (已完成)
(6)多文件下载优化 (已完成)
2. 完成电子书包新版学科专题详情页开发 (已完成)
3. 完成资源分享,资源中心逻辑改动 (已完成)
下周个人工作及健身计划:
完成教师Pc优化修改 (共六项) 完成电子书包新版学科专题详情页开发 完成资源分享,资源中心逻辑改动
第一周
- 教师pc资源推荐优化开发
- 教师pc和教师app 资源优化方案评审并制定计划。
- 电子书包 bug 修改 第二周
- 教师电子书包bug 修改
- 学生电子书包 bug修改
- 教师Pc优化修改
- 电子书包新版学科专题详情页开发
- 电子书包之前UI修改和部分功能优化 第三周
- 教师Pc优化修改 (1)云盘目录上增加数量信息 (2)pc/app教师端目录层级报错 (3)图片播放器放大后,无法拖动图片移动 (5)教师app增删版本优化 (6)多文件下载优化
- 完成电子书包新版学科专题详情页开发
- 完成资源分享,资源中心逻辑改动 第四周
- 修改电子书包 新版学科专题bug
- 修改教师优化(包含app)bug
- 配合测试调试资源分享,修复bug
- 学习vue3 ,学习native UI 组件设计 综上来看:一月份主要是电子书包 教师端和学生端的 bug修改,以及资源应用的优化,资源分享新逻辑的处理。后续会优化相关代码,提高性能。学习前端新知识以防掉队。
能力提升内容
- 已具备能力 (1)熟练掌握HTML/CSS/JavaScript等前端开发技术。 (2)熟练使用vue 框架 及vue全家桶。 (3)熟悉ES6语法使用和技术归规范。 (4) 熟悉使用移动混合开发,有数年移动端原生开发经验。 (5)了解node.js 技术生态,熟练使用 webpack/rollup,了解vite 使用
- 待提升能力 (1)基于js 高级基础编程能力提升(主要在code能力) (2)vue + ts + vite 学习(vue3已成为默认版本,学习使用成为必要) (3)vue和前端组件使用和源码研究 (学习组件库源码,提升现有代码质量) (4)react native 和flutter 学习 (跨平台技术的学习和使用,提升当前公司移动产品的性能话让体验) (5)提升核心编程能力,通过学习数据结构和算法深层次提高自己 (6)提高与产品和测试沟通能力,加快自己生产效率,缩短生产时间。 态度 始终保持 谦虚、学习、向上、乐观、共享 问题和优化 问题: 目前代码上,因为迭代时间紧,部分开发时间周期短,导致目前代码乱、多、杂。产品在需求上有时会很模糊,会导致部分开发周期长且无用功、效率低的现象。 优化:前端项目,整体做模块化梳理,按功能和业务细分,优化项目结构和代码质量。争取实现代码少冗余,多复用提高整体健壮性。产品需求上希望能够暂缓产品需求,精雕细琢。
需求(结合业务发展及个人能力提升,列出需要公司支持的培训学习、技术引进、专家引进、走进校园等需求项。) 希望公司每周每月培训前端人员学习新技术,做归纳整理,构建公司前端知识库,提升公司整体前端开发水平。
一、谦虚 时刻认识自己的不足,保持谦虚心态,不焦躁。 二、学习 向领导学习,向周围优秀同事学习。同事树立终身学习心态、 三、向上 每天争取让自己提升进步一点点,保持积极向上心态。 四、乐观 保持乐观心态,不抛弃不放弃 五、共享 积极与周围同事共享技术资源,共同进步 六、健康 保持自己身体健康,尽力做到work life balance
let titleTranster = title.replace(/[\ |\s*(.*?)\s+$|\~|\`|\!|\@|\#|\$|\%|\^|\&|\*|\(|\)|\-|\_|\+|\=|\||\\|\[|\]|\{|\}|\;|\:|\"|\'|\,|\,|\。|\“|\”|\‘|\’|\¥|\?|\(|\)|\;|\:|\、|\!|\<|\.|\>|\/|\?]/g, "");