liujie2019 / Blog

💪Star是最大鼓励--平时学习中总结和demo，请多多指教。最新博客地址：

学习总结

目录

• js相关
• 算法与数据结构
• ES6
• HTML5和CSS3
• 移动端开发
• react全家桶
  • react
  • redux
  • react-router
  • Redux-Saga
  • dva
• Vue
• Webpack
  • webpack4实战
• TypeScript
• HTTP协议
• Web安全
• Git
• Node
  • Koa
    1. Koa学习总结
  • Express
• Go
• Nginx
• Docker
• Linux
• 数据库
  • Mysql
• 其他

相关学习笔记汇总如下：

js相关

• 1. 深入理解js对象
• 2. JS定时器学习总结
• 3. requestAnimationFrame学习总结
• 4. js深拷贝和浅拷贝
• 5. js之oop
• 6. Object属性
• 7. js闭包深入理解
• 8. 跨域资源共享(CORS)总结
• 9. ajax跨域完全讲解
• 10. JS函数去抖（debounce）和节流（throttle
• 11. JavaScript代码简洁之道

JS中的算法与数据结构

ES6

• 1. babel学习总结

HTML5和CSS3

移动端开发

react全家桶

react

1. React 组件间通讯

redux

• 1. redux-thunk源码分析
• 2. Redux源码分析

react-router

Webpack

1. webpack 4.x学习总结

webpack4实战(不断更新中)

• 1. webpack4实战总结

HTTP协议

• 1. OSI七层与TCP:IP五层网络架构

Web安全

Git

• 1. git撤销操作总结
• 2. git操作经验相关总结

Linux

• 1. Linux下tar命令总结

Node

• 1. 发布自己的npm包
• 2. Node命令行程序开发学习总结
• 3. node交互式命令行工具 Inquirer.js学习
• 4. Node命令行程序开发学习总结

Koa

• 1. Koa基础学习总结

Express

Nginx

Go

Docker

TypeScript

数据库

Mysql

• 1. Mysql基础学习总结(更新中)

其他

• 1. editorconfig和eslint配置

自己平时学习写的一些小demo，请大家多多指教

1.简易版贪吃蛇

js版简易贪吃蛇，采用js面向对象来实现 演示地址：https://liujie1990.github.io/myWork/retroSnake/index.html 项目源码地址：https://github.com/liujie1990/Blog/tree/master/Demo/retroSnake

2.2048小游戏

对于移动端也做了适当的兼容处理，实现了三个不同版本：

• 经典版：http://liujie1990.github.io/myWork/my_2048/my_2048/index.html
• 文字版：http://liujie1990.github.io/myWork/my_2048/my_2048_text/index.html
• 图片版：http://liujie1990.github.io/myWork/my_2048/my_2048_pic/index.html

项目源码地址：https://github.com/liujie1990/Blog/tree/master/Demo/2048

3.js版本猜拳小游戏

演示地址：http://liujie1990.github.io/myWork/Ding/index.html 项目源码地址：https://github.com/liujie1990/Blog/tree/master/Demo/Ding

4.基于js实现的瀑布流效果

演示地址：http://liujie1990.github.io/myWork/waterFall/index.html 项目源码地址：https://github.com/liujie1990/Blog/tree/master/Demo/waterFall

5.js全屏滚动效果实现

演示地址-> http://liujie1990.github.io/myWork/FullPage/index.html 项目源码地址：https://github.com/liujie1990/Blog/tree/master/Demo/FullPage

6.js仿京东轮播图

演示地址：https://liujie1990.github.io/myWork/luobotu/myindex.html 项目源码地址：https://github.com/liujie1990/Blog/tree/master/Demo/luobotu

7.基于canvas的炫酷倒计时效果和时钟效果

• 倒计时效果：http://liujie1990.github.io/myWork/Countdown/index.html
• 时钟效果：http://liujie1990.github.io/myWork/canvas_clock/index.html

项目源码地址：https://github.com/liujie1990/Blog/tree/master/Demo/Countdown

8.基于canvas的写字板效果

演示地址：http://liujie1990.github.io/myWork/canvas_handwriting/index.html 项目源码地址：https://github.com/liujie1990/Blog/tree/master/Demo/canvas_handwriting

9.基于HTML5+CSS3实现的春节贺卡

演示地址：http://liujie1990.github.io/myWork/Spring_card/index.html 项目源码地址：https://github.com/liujie1990/Blog/tree/master/Demo/Spring_card

10.基于CSS3实现的时钟

演示地址：http://liujie1990.github.io/myWork/CSS3_clock/index.html 项目源码地址：https://github.com/liujie1990/Blog/tree/master/Demo/H5_CSS3_Work/CSS3_clock

11.基于CSS3实现的照片墙效果

演示地址：http://liujie1990.github.io/myWork/CSS3_photo_wall/index.html 项目源码地址：https://github.com/liujie1990/Blog/tree/master/Demo/CSS3_photo_wall

12.图片画廊效果

演示地址：http://liujie1990.github.io/myWork/picture_gallery/index.html 项目源码地址：https://github.com/liujie1990/Blog/tree/master/Demo/picture_gallery

13.bing搜索框模拟实现

演示地址：http://liujie1990.github.io/myWork/bing_search_box/bing_search.html 项目源码地址：https://github.com/liujie1990/Blog/tree/master/Demo/bing_search_box