{"id":14972213,"url":"https://github.com/pubdreamcc/web-study","last_synced_at":"2025-04-09T12:05:08.994Z","repository":{"id":35588745,"uuid":"181284078","full_name":"pubdreamcc/web-study","owner":"pubdreamcc","description":"本仓库是自己总结的前端开发一些基础知识，包括html5，css3， canvas， jQuery， less ，ES6， webpack，Vue等，也包含了一些算法和数据结构方面的练习，同时也记录了自己工作中的踩坑总结，适合想要学习前端开发的伙伴，你可以clone项目到本地，然后一步一步跟着我的demo敲，希望大家都能全栈。","archived":false,"fork":false,"pushed_at":"2022-12-09T19:28:18.000Z","size":89507,"stargazers_count":272,"open_issues_count":70,"forks_count":78,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-04-02T09:08:57.117Z","etag":null,"topics":["bootstrap3","canvas","css","html","javascript","jquery","less","react","video","vue","webpack4"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pubdreamcc.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-04-14T09:05:19.000Z","updated_at":"2025-03-31T09:12:34.000Z","dependencies_parsed_at":"2023-01-16T00:31:18.297Z","dependency_job_id":null,"html_url":"https://github.com/pubdreamcc/web-study","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pubdreamcc%2Fweb-study","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pubdreamcc%2Fweb-study/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pubdreamcc%2Fweb-study/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pubdreamcc%2Fweb-study/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pubdreamcc","download_url":"https://codeload.github.com/pubdreamcc/web-study/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248036063,"owners_count":21037092,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap3","canvas","css","html","javascript","jquery","less","react","video","vue","webpack4"],"created_at":"2024-09-24T13:46:33.946Z","updated_at":"2025-04-09T12:05:08.950Z","avatar_url":"https://github.com/pubdreamcc.png","language":"JavaScript","readme":"# 写在前面\n\n本仓库是本人自己总结的 `web前端开发` 相关的知识点和技术，同时也是自己平时工作中的总结，因为项目创建的时间较早，可能有些 `demo` 中用到的技术存在一些 `bug`，如果有同学发现可以`issue` 或者提交  `pr`，方便服务到后面的伙伴。\n\n因为时间原因，有些项目没有给相应注释和知识点解析，后续会慢慢完善项目，如果喜欢的朋友可以 `star` 哟~~~，你们的点赞是我持续更新的动力，哈哈！\n\n## About me\n\n2017年毕业武汉，现在修炼中，立志做一名合格的前端切图仔。本人偶尔也会写写博客，如果有喜欢玩博客的朋友也可以一起分享交流，分享也是一种学习！\n\n\u003ca href=\"https://www.cnblogs.com/dreamcc/\"\u003e博客园\u003c/a\u003e\n\n\u003ca href=\"https://juejin.im/user/5ca1d53451882543f252db97\"\u003e掘金\u003c/a\u003e\n\n## 踩坑总结\n\n* [日常踩坑](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)\n\n## 知识导航\n\n你可以根据下面的链接快速定位到对应的知识点解析。排列顺序是按照由浅到深的原则，循序渐进。\n\n* [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)\n\n* [一些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)\n\n* [炫酷css3](https://github.com/pubdreamcc/web-study/tree/master/css3)\n\n* [flex弹性盒子](https://github.com/pubdreamcc/web-study/tree/master/css3/flex%E5%B8%83%E5%B1%80)\n\n* [html5新看点](https://github.com/pubdreamcc/web-study/tree/master/html5)\n\n* [简单图片翻页](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)\n\n* [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)\n\n* [自制手风琴](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)\n\n* [小米闪购项目案例](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)\n\n* [写个简单百度](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)\n\n* [来个京东商城](https://github.com/pubdreamcc/web-study/tree/master/project-JD)\n\n* [网页画布canvas](https://github.com/pubdreamcc/web-study/tree/master/html5/canvas)\n\n* [h5-video\u0026audio](https://github.com/pubdreamcc/web-study/tree/master/html5/audio%26video)\n\n* [自制h5视频播放器](https://github.com/pubdreamcc/web-study/blob/master/html5/audio%26video/player.html)\n\n* [锋利的jQuery](https://github.com/pubdreamcc/web-study/tree/master/jQuery)\n\n* [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)\n\n* [Ajax](https://github.com/pubdreamcc/web-study/tree/master/ajax)\n\n* [less预处理](https://github.com/pubdreamcc/web-study/tree/master/less)\n\n* [bootstrap](https://github.com/pubdreamcc/web-study/tree/master/bootstrap)\n\n* [bootstrap来个项目](https://github.com/pubdreamcc/web-study/tree/master/bootstrap/college-pro)\n\n* [下一代js标准 ES6](https://github.com/pubdreamcc/web-study/tree/master/ES6)\n\n* [js模块化](https://github.com/pubdreamcc/web-study/tree/master/%E6%A8%A1%E5%9D%97%E5%8C%96)\n\n* [webpack 打包工具](https://github.com/pubdreamcc/web-study/tree/master/webpack%E6%89%93%E5%8C%85%E5%B7%A5%E5%85%B7)\n\n* [了不起的Vue](https://github.com/pubdreamcc/web-study/tree/master/Vue)\n\n* [Vue 发表评论案例](https://github.com/pubdreamcc/web-study/tree/master/Vue%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98/vueproject)\n\n* [Vue mock假数据](https://github.com/pubdreamcc/web-study/tree/master/Vue/demo)\n\n* [微信小程序](https://github.com/pubdreamcc/web-study/tree/master/Wechat-miniProgram)\n\n* [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)\n\n* [js设计模式各个击破](https://github.com/MuYunyun/blog/tree/master/BasicSkill/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F)\n\n## React专题\n\n* [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)\n\n* [React发表评论案例](https://github.com/pubdreamcc/comment-demo)\n\n* [React全栈项目-后台管理系统](https://github.com/pubdreamcc/react-admin)\n\n## typescript\n\n* [typescript基础知识](https://github.com/pubdreamcc/web-study/blob/master/typescript/typescript%E5%9F%BA%E7%A1%80.md)\n\n## [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)\n\n## [极客时间浏览器工作原理及实践](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)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpubdreamcc%2Fweb-study","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpubdreamcc%2Fweb-study","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpubdreamcc%2Fweb-study/lists"}