跳到主要内容

10-11月 学习总结

技术学习:

webpack/vite :包的基础配置,加载器loader

three.js : parcel工具搭建基本项目 仿一个cake项目

node.js 、express

npm包:弄清楚命令行 -D类似的区别,比如加上-D就把包加入到devDependencies节点下 不加则在dependencies下。

  • 可以制作一个npm包,登陆账号,下载,引入

巩固基础知识:js、axios、vue

vite-ssr vue-ssr (跟着视频手敲了一遍vue的ssr,了解了服务端渲染和客户端渲染的区别,真正意义上明白spa的优缺点,优化SEO使用ssr);偶尔看些官网源代码,增加自己审美和知识,比如我看到怀孕官网的主页动效是插入mp4链接来实现的,链接也是部署在cdn服务器上,前端性能优化一种。然后又重新复习回免费的cdn网址https://www.bootcdn.cn/

认证和授权 : jwt (重点学会)、【 SSO(Single Sign-On,单点登录系统)、

CAS(Central Authentication Service,中央式认证服务)、OAUTH2.0(是一种授权机制,主要用来颁发令牌(token))】

设计模式:看了san中用router搭建的源码,就用到了外观模式来构建。把组件汇成路由组建,在用路由入口组件触发。

博客:之前看过vuepress搭建但是需要服务器,最近学到 github上的 个人博客 【但还没搭起来】

面经(查漏补缺,看别人开发的项目技术栈)

1.在问技术或语言上区别,回答问题要从层面上解释,会清晰。

2.name属性在vue中必须写|浏览器的缓存机制|

3.请求头 如微信code要带个header | 强缓存 cache-control的作用:可以让请求从缓存里面去读取

约球软件

目前通过所学 完成了前后端的token身份验证的微信小程序授权登陆;基本界面ui设计,表的设计。

  • 使用了uniapp 组件为uView 后台express来进行开发。在uview还要对包进行配置

  • jwt生成token加密,1.sign 2.token过期时间,3.jwtsecret; 【当token过期自动跳转到重新授权】

  • node 连接数据库 mongoose+mongodb ,sequelize+mysql 操作数据库。

  • 最近看了本书里面也有连接redis;redis 缓存技术,主要处理并发技术,单点登录

  • 系统的学习node.js为之后的后端开发做准备,同时强化对http协议、服务器的认识。

  • 搭建了个vue2+vant移动端,下插件进行px转换,顺便复习些适配的方案 vm和媒体查询

  • node配套的插件资源https://mp.weixin.qq.com/s/1DIDUvGoQcckRq757R9Ohw

读书

《typescript实战》——汪明

  • jest 测试 检查值是否符合条件等等 (没有太深入)
  • 基础的知识点

《vue.js设计与实现》

  • 渲染函数(h函数),它既是AST的产物,也是vnode(虚拟节点)的起源。h函数里面是不含指令的。
  • 抽象语法树 不是直接生成虚拟节点的

three.js (对webgl的封装)

认识了五大元素:渲染器,场景,照相机,光源,物体

进度:看懂了些demo代码;搭建了比较简易可旋转的矩形场景,浏览了许多作品,如codepen上有个打出3d立体字、推特的3d照片。

重构todolist vue3+ts+element-plus

进度:基本学完了ts和vue3

遇到问题:1.在element-p 引入图标不显示,要return 2.在语法糖混用上,ts里面defineComponent,defineEmit 3.reactive有时候会遗漏掉.value

ts的学习:1.使用接口约束对象;2.定义变量 3.枚举的强大

vue3:语法糖,按需引入, props传值接收 依赖注入,toRefs解构 重新变成响应式

与vue2的区别:

1、生命周期的改变

2、Tree-shaking 更友好

心得与体会

本月敲代码比较少,输出较少,没有理清楚vue3时候就直接加入到了ts,导致有些语法糖实现错误;巩固了自己很多的基础知识,完善了自己的知识体系。但学的过于的广泛,太表层,并没有纵向的抓住重点研究。下个月会着重在搭博客上,同时在梳理自己的笔记,归整好放入博客里。

计划:

  1. 学习完express,学下koa2 【次】

  2. three.js 学习,实现通过输入或进步条操作物体的大小【次】

  3. 巩固js基础 【主】

  4. 搭博客(vercel + supabase),写博客【次】

  5. websocket 即时通信【次】