feat: update resume

README.md

@@ -1,3 +1,3 @@
 # resume
 
-### 申啸天的简历，使用html抒写，最后会另存为PDF格式～
+## [在线简历](https://shen774411223d.github.io/resume/)

index.html

@@ -32,9 +32,10 @@ <h3>掌握现代框架实现原理，能独⾃实现MVVM</h3>
                 熟练使用umi，了解umi运行机制。通过umi实现项目的多环境
                 多配置部署。熟悉插件机制
               </li>
+              <li>移动端兼容处理经验：pdf预览/下载等</li>
               <li>
-                ⼩程序:
-                熟练掌握Flex+rpx布局；掌握小程序规范；熟悉微信和支付宝生态圈
+                ⼩程序: 熟练掌握Flex+rpx布局
+                有uni-app开发经验；掌握小程序规范；熟悉微信和支付宝生态圈
               </li>
               <li>
                 项目中全面使用ES6；会利用闭包、函数式理念封装组件；熟练使用ts
@@ -53,10 +54,21 @@ <h3>掌握现代框架实现原理，能独⾃实现MVVM</h3>
       <div class="block-line block-item skill">
         <div class="intro">工作经验</div>
         <div class="skill-item">
+          <div>
+            <div class="company">
+              <p>北京琥玥天地科技有限公司</p>
+              <p>2023-03 ~ 至今</p>
+            </div>
+            <ul class="skill-list">
+              <li>负责印花猫从0到1项目搭建</li>
+              <li>负责腾讯两癌筛查项目从0到1项目搭建</li>
+              <li>腾讯新基石用户端及管理后台研发</li>
+            </ul>
+          </div>
           <div>
             <div class="company">
               <p>脉脉</p>
-              <p>2021-03 ~ 至今</p>
+              <p>2021-03 ~ 2022-11</p>
             </div>
             <ul class="skill-list">
               <li>负责招聘商业增长产品开发落地</li>
@@ -69,7 +81,7 @@ <h3>掌握现代框架实现原理，能独⾃实现MVVM</h3>
           <div>
             <div class="company">
               <p>北京洋葱学院</p>
-              <p>2019-09 ~ 2021-03</p>
+              <p>2019-04 ~ 2021-03</p>
             </div>
             <ul class="skill-list">
               <li>负责小学部落增长侧前端开发，以及项目的重构工作</li>
@@ -79,18 +91,6 @@ <h3>掌握现代框架实现原理，能独⾃实现MVVM</h3>
               <li>参与小学学习体验开发（学生学习做题/老师批改一体的项目）</li>
             </ul>
           </div>
-          <div>
-            <div class="company">
-              <p>噼里啪智能·财税(北京爱康鼎科技有限公司)</p>
-              <p>2019-04 ~ 2019-09</p>
-            </div>
-            <ul class="skill-list">
-              <li>在乐猩电商小镇项目中作为前端负责人，有一定的管理项目经验</li>
-              <li>负责乐猩电商小镇H5端和小程序端开发</li>
-              <li>参与C端官网移动端开发，活动开发</li>
-              <li>参与公司内部UI，公共组件搭建和维护</li>
-            </ul>
-          </div>
           <div>
             <div class="company">
               <p>北京三节课</p>
@@ -109,7 +109,46 @@ <h3>掌握现代框架实现原理，能独⾃实现MVVM</h3>
         <div class="skill-item company-item">
           <div>
             <div class="company">
-              <p>1.脉脉招聘商业产品</p>
+              <p>1.腾讯新基石ssv</p>
+            </div>
+            <div class="info">
+              <span>介绍：</span>
+              <p>
+                <a target="_block" href="https://www.newcornerstone.org.cn/"
+                  >线上地址：新基石官网</a
+                >
+              </p>
+            </div>
+            <ul class="skill-list">
+              <li>
+                基于vue3生态+腾讯tdesign-ui，权限基于接口获取后使用动态路由处理
+                在前端通过hook+插槽+自定义指令封装权限
+              </li>
+              <li>
+                基于业务有大量表单情况，开发Form组件。优势是只需要options配置即可，表单嵌套、状态流动以及rule校验封装在组件内部
+              </li>
+              <li>
+                通过vite提供原生import能力，无需配置route文件
+                自动分析pages目录自动创建路由文件
+              </li>
+              <li>有下载/pdf预览经验，兼容安卓和ios（部分较低版本）</li>
+              <li>
+                开发图片预览组件技术方案采用hook+provide/inject。通过发布成npm包在项目引入
+              </li>
+              <li>
+                模仿阿里开源的useRequest 在项目内部封装自己的fetch
+                hook工具。好处是在hook内部即可处理好业务逻辑并暴露出响应式变量，在页面中就像使用props一样方便。
+              </li>
+              <li>
+                通过vue-router路由守卫结合权限
+                实现路由拦截和更细微颗粒度的页面控制
+              </li>
+            </ul>
+          </div>
+
+          <div>
+            <div class="company">
+              <p>2.脉脉招聘商业产品</p>
             </div>
             <div class="info">
               <span>介绍：</span>
@@ -135,7 +174,7 @@ <h3>掌握现代框架实现原理，能独⾃实现MVVM</h3>
           </div>
           <div>
             <div class="company">
-              <p>2.技术平台</p>
+              <p>3.技术平台</p>
             </div>
             <div class="info">
               <span>介绍：</span>
@@ -161,7 +200,7 @@ <h3>掌握现代框架实现原理，能独⾃实现MVVM</h3>
           </div>
           <div>
             <div class="company">
-              <p>3.洋葱小学增长侧h5</p>
+              <p>4.洋葱小学增长侧h5</p>
             </div>
             <div class="info">
               <span>介绍：</span>
@@ -205,7 +244,7 @@ <h3>掌握现代框架实现原理，能独⾃实现MVVM</h3>
           </div>
           <div>
             <div class="company">
-              <p>4.乐猩电商小镇(H5端和小程序端)</p>
+              <p>5.乐猩电商小镇(H5端和小程序端)</p>
             </div>
             <div class="info">
               <span>介绍：</span>
@@ -252,7 +291,7 @@ <h3>掌握现代框架实现原理，能独⾃实现MVVM</h3>
           </div>
           <div>
             <div class="company">
-              <p>5.三节课校园小程序</p>
+              <p>6.三节课校园小程序</p>
             </div>
             <div class="info">
               <span>介绍：</span>
@@ -275,38 +314,6 @@ <h3>掌握现代框架实现原理，能独⾃实现MVVM</h3>
               <li>Canvas实现进度条并用cover-view保证层级最高</li>
             </ul>
           </div>
-          <div class="no-boder">
-            <div class="company">
-              <p>6.三节课学币项目架构</p>
-            </div>
-            <div class="info">
-              <span>介绍：</span>
-              <p>
-                <a target="_block" href="https://sanjieke.cn"
-                  >线上地址：sanjieke.cn</a
-                >
-              </p>
-              <p>
-                学币功能是三节课推出的虚拟货币，用户通过充值学币来达到购买课程或其他消费
-              </p>
-            </div>
-            <ul class="skill-list">
-              <li>使用<span class="fw">Vue</span>生态</li>
-              <li>
-                搭建mock
-                server;使⽤Node+Koa2并通过concurrently同时启动node和vue服务
-              </li>
-              <li>解耦路由;使⽤webpack中require.context引⼊views路由实例</li>
-              <li>
-                Vuex模块化;使⽤namespaced创建模块并使⽤require.context引⼊模块实例
-              </li>
-              <li>创建公共插件（directives，filter，mixins等）</li>
-              <li>创建 Script 执⾏命令</li>
-              <li>通过创建.env⽂件写⼊process变量来设置devServer.proxy</li>
-              <li>使⽤Vuex.getters来创建可⽤⽀付⽅式数组</li>
-              <li>Vw/Vh+Postcss插件实现移动端适配</li>
-            </ul>
-          </div>
         </div>
       </div>
       <div class="block-line block-item skill">