Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/pubdreamcc/web-study

本仓库是自己总结的前端开发一些基础知识，包括html5，css3， canvas， jQuery， less ，ES6， webpack，Vue等，也包含了一些算法和数据结构方面的练习，同时也记录了自己工作中的踩坑总结，适合想要学习前端开发的伙伴，你可以clone项目到本地，然后一步一步跟着我的demo敲，希望大家都能全栈。
https://github.com/pubdreamcc/web-study

bootstrap3 canvas css html javascript jquery less react video vue webpack4

Last synced: about 3 hours ago
JSON representation

Host: GitHub
URL: https://github.com/pubdreamcc/web-study
Owner: pubdreamcc
Created: 2019-04-14T09:05:19.000Z (over 5 years ago)
Default Branch: master
Last Pushed: 2022-12-09T19:28:18.000Z (almost 2 years ago)
Last Synced: 2024-09-23T11:02:03.316Z (1 day ago)
Topics: bootstrap3, canvas, css, html, javascript, jquery, less, react, video, vue, webpack4
Language: JavaScript
Homepage:
Size: 85.4 MB
Stars: 264
Watchers: 5
Forks: 78
Open Issues: 70
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # 写在前面

本仓库是本人自己总结的 `web前端开发` 相关的知识点和技术，同时也是自己平时工作中的总结，因为项目创建的时间较早，可能有些 `demo` 中用到的技术存在一些 `bug`，如果有同学发现可以`issue` 或者提交  `pr`，方便服务到后面的伙伴。

因为时间原因，有些项目没有给相应注释和知识点解析，后续会慢慢完善项目，如果喜欢的朋友可以 `star` 哟~~~，你们的点赞是我持续更新的动力，哈哈！

## About me

2017年毕业武汉，现在修炼中，立志做一名合格的前端切图仔。本人偶尔也会写写博客，如果有喜欢玩博客的朋友也可以一起分享交流，分享也是一种学习！

博客园

掘金

## 踩坑总结

* [日常踩坑](https://github.com/pubdreamcc/web-study/tree/master/%E5%B9%B3%E6%97%B6%E8%B8%A9%E5%9D%91%E6%80%BB%E7%BB%93)

## 知识导航

你可以根据下面的链接快速定位到对应的知识点解析。排列顺序是按照由浅到深的原则，循序渐进。

* [HTML，css，js基础](https://github.com/pubdreamcc/web-study/tree/master/js%E5%92%8Ccss%E5%9F%BA%E7%A1%80%E7%BB%83%E4%B9%A0)

* [一些css小技巧](https://github.com/pubdreamcc/web-study/tree/master/js%E5%92%8Ccss%E5%9F%BA%E7%A1%80%E7%BB%83%E4%B9%A0/css%E5%AD%A6%E4%B9%A0%E4%BA%A4%E6%B5%81%E6%96%87%E6%A1%A3)

* [炫酷css3](https://github.com/pubdreamcc/web-study/tree/master/css3)

* [flex弹性盒子](https://github.com/pubdreamcc/web-study/tree/master/css3/flex%E5%B8%83%E5%B1%80)

* [html5新看点](https://github.com/pubdreamcc/web-study/tree/master/html5)

* [简单图片翻页](https://github.com/pubdreamcc/web-study/tree/master/js%E5%9B%BE%E7%89%87%E8%BD%AE%E6%92%AD%E7%BB%83%E4%B9%A0)

* [mac 停靠栏](https://github.com/pubdreamcc/web-study/blob/master/H5%E5%AE%9E%E6%88%98/mac%E5%81%9C%E9%9D%A0%E6%A0%8F.html)

* [自制手风琴](https://github.com/pubdreamcc/web-study/blob/master/%E4%BA%8C%E7%BA%A7%E8%8F%9C%E5%8D%95%E7%BB%83%E4%B9%A0/%E4%BA%8C%E7%BA%A7%E8%8F%9C%E5%8D%95.html)

* [小米闪购项目案例](https://github.com/pubdreamcc/web-study/tree/master/%E5%B0%8F%E7%B1%B3%E5%95%86%E5%9F%8E%E7%B4%A0%E6%9D%90)

* [写个简单百度](https://github.com/pubdreamcc/web-study/tree/master/%E7%99%BE%E5%BA%A6%E9%A6%96%E9%A1%B5%E9%A1%B9%E7%9B%AE%E6%A1%88%E4%BE%8B)

* [来个京东商城](https://github.com/pubdreamcc/web-study/tree/master/project-JD)

* [网页画布canvas](https://github.com/pubdreamcc/web-study/tree/master/html5/canvas)

* [h5-video&audio](https://github.com/pubdreamcc/web-study/tree/master/html5/audio%26video)

* [自制h5视频播放器](https://github.com/pubdreamcc/web-study/blob/master/html5/audio%26video/player.html)

* [锋利的jQuery](https://github.com/pubdreamcc/web-study/tree/master/jQuery)

* [3D 炫酷门户网站](https://github.com/pubdreamcc/web-study/tree/master/PC%E7%AB%AF%E8%90%A5%E9%94%80%E9%97%A8%E6%88%B7%E7%BD%91%E7%AB%99%E9%A1%B9%E7%9B%AE)

* [Ajax](https://github.com/pubdreamcc/web-study/tree/master/ajax)

* [less预处理](https://github.com/pubdreamcc/web-study/tree/master/less)

* [bootstrap](https://github.com/pubdreamcc/web-study/tree/master/bootstrap)

* [bootstrap来个项目](https://github.com/pubdreamcc/web-study/tree/master/bootstrap/college-pro)

* [下一代js标准 ES6](https://github.com/pubdreamcc/web-study/tree/master/ES6)

* [js模块化](https://github.com/pubdreamcc/web-study/tree/master/%E6%A8%A1%E5%9D%97%E5%8C%96)

* [webpack 打包工具](https://github.com/pubdreamcc/web-study/tree/master/webpack%E6%89%93%E5%8C%85%E5%B7%A5%E5%85%B7)

* [了不起的Vue](https://github.com/pubdreamcc/web-study/tree/master/Vue)

* [Vue 发表评论案例](https://github.com/pubdreamcc/web-study/tree/master/Vue%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98/vueproject)

* [Vue mock假数据](https://github.com/pubdreamcc/web-study/tree/master/Vue/demo)

* [微信小程序](https://github.com/pubdreamcc/web-study/tree/master/Wechat-miniProgram)

* [js常见设计模式](https://github.com/pubdreamcc/web-study/blob/master/js%E5%B8%B8%E8%A7%81%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/js%E5%B8%B8%E8%A7%81%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F.md)

* [js设计模式各个击破](https://github.com/MuYunyun/blog/tree/master/BasicSkill/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F)

## React专题

* [React基础知识点](https://github.com/pubdreamcc/web-study/tree/master/React%E4%B8%93%E9%A2%98/React%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86)

* [React发表评论案例](https://github.com/pubdreamcc/comment-demo)

* [React全栈项目-后台管理系统](https://github.com/pubdreamcc/react-admin)

## typescript

* [typescript基础知识](https://github.com/pubdreamcc/web-study/blob/master/typescript/typescript%E5%9F%BA%E7%A1%80.md)

## [JS算法与数据结构](https://github.com/pubdreamcc/web-study/tree/master/JS%E7%AE%97%E6%B3%95%E4%B8%8E%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84)

## [极客时间浏览器工作原理及实践](https://github.com/pubdreamcc/web-study/tree/master/%E6%B5%8F%E8%A7%88%E5%99%A8%E5%B7%A5%E4%BD%9C%E5%8E%9F%E7%90%86%E5%8F%8A%E5%AE%9E%E8%B7%B5)