StephenTian

StephenTian 查看完整档案

珠海编辑东华理工大学  |  软件工程(国际) 编辑WPS  |  程序开发工程师 编辑 github.com/stephentian 编辑
编辑

NO BB,show me the code

个人动态

StephenTian 发布了文章 · 1月1日

2021 前端开发手册

简介

这是一份 2021 年前端开发手册,列举前端开发相关技术,提供相关技术的学习资源。下面的项目不用全部学习,可以选其中一些学习。

欢迎补充!项目地址:2021-frontend-handbook


目录

  1. HTML
  2. CSS
  3. JavaScript
  4. 前端框架
  5. 前端工程化
  6. 服务端渲染 SSR
  7. 静态站点生成器 SSG
  8. TypeScript
  9. 用 JS 去做服务器端
  10. 桌面应用程序 Electron
  11. 移动端混合开发
  12. 前端架构 JAMStack
  13. WebAssembly

1. HTML

  • DOCTYPE
  • HTML, XHTML, XML 差异性
  • HTML5 新特性 及 语义化标签
  • meta, img, script 等标签及其标签属性
  • 有兴趣可以了解 W3C 和 WHATWG HTML5 差异

文章

视频

返回目录


2. CSS

  • CSS 基础
  • CSS 布局
  • CSS 动画
  • CSS 预处理器(sass, less, stylus)

文章

视频

返回目录


3. JavaScript

  • JavaScript 基础
  • ES6
  • 面向对象编程 和 函数式编程

文章

视频

返回目录


4. 前端框架

  • Vue

    • 路由(Vue-Router)
    • 状态管理(Vuex)
  • React

    • JSX
    • Class Component, Hooks
    • 路由(React-Router, React-Router-Dom)
    • 状态管理(Redux, Mobx, Context API)
  • Angular

    • 状态管理(Service, NgRx, RxJS)
  • Svelte

    • 路由(svelte-spa-router)
    • 状态管理(Context API)

文章

视频

返回目录


5. 前端工程化

  • 包管理工具(npm, yarn)
  • JavaScript 编译器(babel)
  • 代码检测工具(ESlint)
  • 自动化打包工具(webpack, rollup, parcel, gulp)

文章

视频

返回目录


6. 服务端渲染 SSR

  • Nuxt(Vue)
  • Next(React)
  • Sapper(Svelte)

文章

视频

返回目录


7. 静态站点生成器 SSG

  • Gridsome(Vue)
  • Gatsby(React)

文章

返回目录


8. TypeScript

  • 和 JavaScript 的差异
  • 基础类型
  • OOP(模块,类,接口,继承,泛型等)

文章

视频

返回目录


9. 用 JS 去做服务器端

  • Node.js

    • 单线程、事件驱动、非阻塞I/O
    • 框架(Express, Koa,Nest)
  • Deno

文章

视频

返回目录


10. 桌面应用程序 Electron

Electron.js是可以通过HTML,CSS,JavaScript开发跨平台的桌面应用程序。

  • 基础语法,API
  • 编译
  • 性能优化
  • 调试
  • 部署

文章

视频

返回目录


11. 移动端开发

  • React Native
  • Flutter
  • Ionic

文章

视频

返回目录


12. 前端架构 JAMStack

JAMStack(JAM 代表 JavaScript,API 和 Markup)

是一种使用 Static Site Generators (SSG) 技术、不依赖 Web Server 的前端架构。

文章

视频

返回目录


13. WebAssembly

WebAssembly 是一种新的编码方式,可以在现代的网络浏览器中运行底层字节码。

文章

视频

返回目录


查看原文

赞 49 收藏 45 评论 2

StephenTian 回答了问题 · 2020-07-20

解决小程序回退按钮跳转指定页面会先显示上一级页面再跳转到指定页面

设置 history.pushState

关注 2 回答 2

StephenTian 回答了问题 · 2020-07-20

vant IndexBar 头部被遮挡

设置个 z-index 或者 检测搜索栏出现时, 添加 top 值。

关注 2 回答 1

StephenTian 回答了问题 · 2020-07-20

mongoose 有这个参数 ,就不能save() 了? 为什么?

打印下这个参数的类型,可能类型错误

关注 3 回答 1

StephenTian 回答了问题 · 2020-07-20

vue-cookie和vue-cookies的区别?

都是对操作 cookie 进行封装。
https://www.npmjs.com/search?...
image.png

关注 2 回答 1

StephenTian 回答了问题 · 2020-07-20

redis的客户端到哪下再载?

关注 2 回答 1

StephenTian 回答了问题 · 2020-07-15

关于webpack打包问题

建议 build 可以去配置另一份文件,然后启动;或者用不同的环境变量。
关于打包好后自动关闭进程的话,webpack有提供 api: compiler-hooks - done

plugins: [{
    ...
    apply: (compiler) => {
        if (compiler.hooks) {
            compiler.hooks.done.tap('xxx(yourPlugin)', (stats) => {
                setTimeout(() => {
                    process.exit(0)
                })
            });
        } else {
            compiler.plugin('done', (stats) => {
                setTimeout(() => {
                    process.exit(0)
                })
            })
        }
     ...
    }]

关注 5 回答 3

StephenTian 回答了问题 · 2020-07-15

react 使用mobx取值取不到

constructor(ProductLists) {
    this.ProductLists = ProductLists;
}
@computed get GetProductList() {
        return this.ProductLists
    }

关注 3 回答 2

StephenTian 回答了问题 · 2020-07-14

Vue里面的关于组件监听的问题?

是的; 并且前面在某一刻改变了,后面也不会自动执行

原因官网写了:访问子组件实例或子元素
image.png

看到 vue 里经常报 this.$refs.xxx undefined 的错。
就是获取 dom, 可能它还未渲染完,此时去访问的话就报错了。而且 this.$refs 又不是响应式的,所以即使渲染好了,也不会触发。

解决方案:
1.

this.$nextTick(() => {
    this.$refs.scroll&&this.$refs.scroll.scroll.refresh()
})

2.加个延时器 setTimeout

3.watch 里监听数据变化, 再调用

关注 3 回答 2

StephenTian 回答了问题 · 2020-07-14

解决vscode中,vue文件里面没有router-link语法提示?

vetur 其他提示有吗?
可以试试 vue 2 snippets 插件

关注 2 回答 1

认证与成就

  • 获得 407 次点赞
  • 获得 20 枚徽章 获得 1 枚金徽章, 获得 4 枚银徽章, 获得 15 枚铜徽章

擅长技能
编辑

开源项目 & 著作
编辑

注册于 2016-06-26
个人主页被 6.6k 人浏览