灵犀工坊 灵犀工坊
首页
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《TypeScript 从零实现 axios》
    • 《Git》学习笔记
    • 《TypeScript》笔记
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
  • 网站
  • 资源
  • Vue资源
  • 分类
  • 标签
  • 归档
GitHub

Jerry blog

上善若水, 为学日益。
首页
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《TypeScript 从零实现 axios》
    • 《Git》学习笔记
    • 《TypeScript》笔记
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
  • 网站
  • 资源
  • Vue资源
  • 分类
  • 标签
  • 归档
GitHub
  • 时光机
灵犀
2021-11-18

前端部署

一:配置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 教师端

  1. 同步课堂 吴丹丹
  2. 本地资源 徐晓雄
  3. 学科专题 王锐波
  4. 教师云盘 李保川
  5. 素养拓展 王锐波 (样式和学生端一样)
  6. 资源播放 杨超杰

面试人员: 董婷婷 应聘岗位:前端开发工程师 面试时间: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/

  1. front-end-nrms 全国资源中心后台管理 李保川
  2. front-end-rms 省级资源前端 杨超杰
  3. front-end-rms-h5 教师app 资源前端 杨超杰
  4. front-end-rms-mobile 教师 app首页 ssr 杨超杰
  5. front-end-rms-student 家辅 app 李保川
  6. front-end-pad 电子书包 (包含学生和家长) 杨超杰
  7. protal-manage 门户后端管理 李保川
  8. protal-fontpage 门户前台 李保川
  9. ocs-manage-static 管理员空间 王锐波
  10. static-ocs 统计 王锐波
  11. 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优化修改 (共六项) 完成电子书包新版学科专题详情页开发 完成资源分享,资源中心逻辑改动

第一周

  1. 教师pc资源推荐优化开发
  2. 教师pc和教师app 资源优化方案评审并制定计划。
  3. 电子书包 bug 修改 第二周
  4. 教师电子书包bug 修改
  5. 学生电子书包 bug修改
  6. 教师Pc优化修改
  7. 电子书包新版学科专题详情页开发
  8. 电子书包之前UI修改和部分功能优化 第三周
  9. 教师Pc优化修改 (1)云盘目录上增加数量信息 (2)pc/app教师端目录层级报错 (3)图片播放器放大后,无法拖动图片移动 (5)教师app增删版本优化 (6)多文件下载优化
  10. 完成电子书包新版学科专题详情页开发
  11. 完成资源分享,资源中心逻辑改动 第四周
  12. 修改电子书包 新版学科专题bug
  13. 修改教师优化(包含app)bug
  14. 配合测试调试资源分享,修复bug
  15. 学习vue3 ,学习native UI 组件设计 综上来看:一月份主要是电子书包 教师端和学生端的 bug修改,以及资源应用的优化,资源分享新逻辑的处理。后续会优化相关代码,提高性能。学习前端新知识以防掉队。

能力提升内容

  1. 已具备能力 (1)熟练掌握HTML/CSS/JavaScript等前端开发技术。 (2)熟练使用vue 框架 及vue全家桶。 (3)熟悉ES6语法使用和技术归规范。 (4) 熟悉使用移动混合开发,有数年移动端原生开发经验。 (5)了解node.js 技术生态,熟练使用 webpack/rollup,了解vite 使用
  2. 待提升能力 (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, "");
编辑
上次更新: 2022/03/15, 13:52:31
最近更新
01
MongoDB
02-07
02
TypeScrpt学习
02-07
03
面试总结
11-05
更多文章>
Theme by Vdoing | Copyright © 2015-2023 Evan Xu | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×