Giter VIP home page Giter VIP logo

lh632861400 / front-end-learning-to-organize-notes Goto Github PK

View Code? Open in Web Editor NEW

This project forked from chocolate1999/front-end-learning-to-organize-notes

0.0 0.0 0.0 7.99 MB

☀小狮子前端の学习☁整理笔记❤ Front-end-learning-to-organize-notes 帮你整理好前端知识体系、更高效地吸收经验成果;另附小狮子前端进阶小册食用指北,敬请关注!

Home Page: https://yangchaoyi.vip/

License: MIT License

HTML 28.41% JavaScript 71.17% CSS 0.42%

front-end-learning-to-organize-notes's Introduction

☀️Front-end-learning-to-organize-notes

HitCount License GitHub forks GitHub stars

🌱仓库地址

传送门:https://github.com/Chocolate1999/Front-end-learning-to-organize-notes/

📢公告

感谢访问本站,若喜欢请收藏,star支持一下 ✿✿ヽ(°▽°)ノ✿

⛄笔记网站(更新)

https://yangchaoyi.vip/ (基于hexo-butterfly主题搭建的博客,整理面试记录)

https://yangchaoyi.vip/iBook/ (基于vuepress搭建的前端学习笔记,目前还在建设当中)

为了让您更好的阅读本仓库笔记,考虑还是建了个人网站,本仓库内容陆续都会更新到网站上,你可以根据分类找到你想阅读的文章,隆重感谢给本仓库点 Star 的小伙伴!

☀️小狮子前端Vue进阶小册 食堂开饭啦

秋招投递清单传送门

🐇仓库内容

HTML 总结 CSS 总结 JS 总结 面试经历 LeetCode刷题 Vue及源码 面试技巧 工具总结 前端全家桶

🌱前端下饭厨师长の自我介绍

大家好,我是 Chocolate,计算机领域的 ycy,CSDN博客专家,平常习惯就是写博客,总结所学知识,因为我觉得计算机领域知识特别多,并且更新速度很快,今天才学的东西明天就更新换代都是可能的,并且知识如果不长期巩固是容易遗忘的,写博客总结就是一个很好的输入输出过程。

考虑了许久之后,还是申请了这个专栏。与其说是专栏,我还是更喜欢叫它小册,因为我更想让它成为一本书籍。那么你食用这本小册能够学到什么?

小狮子前端Vue进阶小册 开通食用指北

📌小册介绍

本小册用于学习知识整理,并不是只关于前端知识,涉及面很广:

  • 1、Vue源码分析
  • 2、手把手教 保姆级 撸代码
  • 3、无惧面试,学以致用,继承创新
  • 4、谈谈前端发展与学习心得
  • 5、手写源码技术栈,附上详细注释
  • 6、从源码中学习设计模式,一举两得
  • 7、编程**的提升及代码质量的提高
  • 8、通过分析源码学习架构,看看优秀的框架
  • 9、项目实战开发
  • 10、面试准备,完善个人简历
  • 11、经典面试题整理
  • 12、算法刷题题库思路整理
  • 13、面试经历分享
  • 14、好书推荐,日常生活记录
  • 15、未完待续...

📢适宜人群

  • 希望入门前端、寻找学习资料的小白
  • 具备基本的 JavaScript、HTML 等前端技能,希望进一步提升自己的开发者
  • 技术栈主要为 Vue 的程序员们
  • 希望寻找一个更好工作机会的开发者
  • 希望了解前端的大致知识框架的开发者
  • 希望了解大厂常考知识点的开发者
  • 为面试实习找工作做准备的求职者
  • 需要灵感的面试官
  • 愿意为博主打赏,请博主冰阔落的 dalao 们

🎈 购买须知

本小册每篇博文几乎是上万字,预计会发布50篇左右原创文章。 全部文章预计 2021年6月23日之后不再更新; 购买用户可享有小册永久的阅读权限; 本小册为虚拟内容服务,一经购买成功概不退款; 小册版权归作者所有,任何机构、媒体、网站或个人未经本网协议授权不得转载、链接、转贴或以其他方式复制发布/发表,违者将依法追究责任; 在小册阅读过程中,如有任何问题,可以私信博主。

🎉项目经历

项目名称 时间 项目地址
J2EE项目-OnlineSchool(前后端分离的IT教育网站) 2019.07-2019.12 传送门
Vue全家桶开发电商管理系统(Element-UI) 2019.12-2020.01 传送门
Vue-family-bucket-SSR-Koa2-full-stack-development-from-Meituan(高仿美团) 2020.03-2020.04 传送门
hexo-blog-lionkk(基于hexo-butterfly:butterfly:主题魔改博客源码开放) 2020.04-2020.07 传送门
vue-shop( 🐱 Vue全家桶开发电商管理系统(Element-UI 重制上线版)) 2020.06-2020.07 传送门
Vue-MVVM(:star:剖析vue实现原理,动手实现一个简单版的mvvm:+1:) 2020.07 传送门

💡前言

前端还是一个年轻的行业,新的行业标准, 框架, 库都不断在更新和新增,正如赫门在2015深JS大会上的《前端服务化之路》主题演讲中说的一句话:“每18至24个月,前端都会难一倍”,这些变化使前端的能力更加丰富、创造的应用也会更加完美。所以关注各种前端技术,跟上快速变化的节奏,也是身为一个前端程序员必备的技能之一。

读者根据自己需要选择性阅读,面试题是对理论知识的总结,让自己学会应该如何表达。

整理的仓库笔记目前还不全面,可能也会出现一些瑕疵问题,欢迎Star和提交issues。

⌛面试注意点

面试有几点需注意:(来源寒冬winter 老师,github:@wintercn)

  1. 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。

  2. 题目类型: 理论知识、算法、项目细节、技术视野、开放性题、工作案例。

  3. 细节追问:可以确保问到你开始不懂或面试官开始不懂为止,这样可以大大延展题目的区分度和深度,知道你的实际能力。因为这种知识关联是长时期的学习,临时抱佛脚绝对是记不住的。

  4. 回答问题再棒,面试官(可能是你面试职位的直接领导),会考虑我要不要这个人做我的同事?所以态度很重要、除了能做事,还要会做人。(感觉更像是相亲( •̣̣̣̣̣̥́௰•̣̣̣̣̣̥̀ ))

  5. 资深的前端开发能把absolute和relative弄混,这样的人不要也罢,因为团队需要的是:你这个人具有可以依靠的才能(靠谱)。

📌仓库介绍

文章内容多为学习记录而来,参考了部分优秀文章,文章排版以及内容都是本人整理的,希望对您有所帮助。

欢迎对改善本仓库提出好的意见,也欢迎Contributor,谢谢!

座右铭: 学如逆水行舟,不进则退

博客地址:https://chocolate.blog.csdn.net/

🍧前端开发所需掌握知识点概要

  • HTML&CSS:

    对Web标准的理解(结构、表现、行为)、浏览器内核、渲染原理、依赖管理、兼容性、CSS语法、层次关系,常用属性、布局、选择器、权重、盒模型、Hack、CSS预处理器、 CSS3、Flexbox、CSS Modules、Document flow、BFC、HTML5(离线 & 存储、Histoy,多媒体、WebGL\SVG\Canvas)

  • JavaScript:

    数据类型、运算、对象、Function、继承、闭包、作用域、事件、Prototype、RegExp、JSON、Ajax、DOM、BOM、 内存泄漏、跨域、异步请求、模板引擎、模块化、Flux、同构、算法、ECMAScript6、Nodejs、HTTP

  • 其他:

    主流MVVM框架(React\Vue\Angular)、Hybrid App\React Native\Weex、TypeScript、RESTFul、WEB安全、前端工程化、依赖管理、性能优化、 重构、团队协作、可维护、易用性、SEO、UED、前端技术选型、快速学习能力等

🎄前端学习网站推荐

(以下排名不分先后)

网站名称 网站地址 简要介绍
OSCHINA https://www.oschina.net/ 中文开源技术交流社区
九章算法 https://www.jiuzhang.com/ 硅谷顶尖IT人员教授面试技巧
LeetCode https://leetcode-cn.com/problemset/all/ 面试找工作必刷
CSDN https://chocolate.blog.csdn.net/ 优秀的博客
掘金 https://juejin.im/ 帮助开发者成长的社区
开源社区_深度开源 https://www.open-open.com/ 一切开源
慕课网 http://www.imooc.com/ 程序员的梦工厂
div.io http://div.io 高质量前端资源汇聚
推酷 https://www.tuicool.com/ IT人专属个性阅读社区
Hacker News https://news.ycombinator.com/news 新闻
InfoQ https://www.infoq.cn/ 软件开发及领域知识传播-中文版
w3cplus http://www.w3cplus.com/ 国内前端行业的技术博客
Stack Overflow http://stackoverflow.com/ 为开发人员提供支持
w3school http://www.w3school.com.cn/ 领先的 Web 技术教程 - 全部免费
MDN https://developer.mozilla.org/zh-CN/docs/Web/ Web 开发技术分享

🎑官方文档推荐

💝贡献

将会持续分享关于前端面试真题,从零到拿到满意的Offer!觉得不错,来个Star!

同时,也欢迎你对本仓库的贡献,欢迎您的面试经验分享,如需贡献,公众号留言即可。

🌻版权申明

博客中的每篇文章都是我一字一句敲出来的,如需转载,请附上原文链接,表示对原作者的尊重。谢谢合作!

📃排版

笔记内容按照 中文文案排版指北进行排版。

🏆结尾

欢迎关注微信公众号:小狮子前端Vue

谢谢您的支持!✿✿ヽ(°▽°)ノ✿

注:本仓库不参与商业行为,也请各位读者周知。(This warehouse is not involved in commercial activities.)

转载使用请注明出处,谢谢!

License

MIT

front-end-learning-to-organize-notes's People

Contributors

chocolate1999 avatar choi185 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.