Skip to content

前端入门到进阶图文教程,超详细的Web前端学习笔记。从零开始学前端,做一名精致优雅的前端工程师。公众号「人生代码」作者。

Notifications You must be signed in to change notification settings

KenNaNa/big-frontend-knowlage

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Nuxt配置Element-UI按需引入方法

levy9527/nuxt-element-dashboard

vue3学习的各种实验代码

melodyWxy/fm-chat-wx 开源聊天室原生小程序

二次封装了 element-ui 库中的 table,通过配置文件的方式即可生成 table 表格, 实现更高的自由度,旨在减少重复的操作,让开发变得更简单 基于 RageFrame2 的一款免费开源的基础商城销售功能的开源微商城

自定义表单控件,可拖拽排序,自定义属性

基于vue 2.x『原生』仿iOS省市区三级联动、日期联动、时间联动、多级联动、自定义联动、vue联动组件

Shopro分销商城 uniapp前端开源代码,一款落地生产的 基于uni-app的多端商城

一个包含Javascript插件、Vue3组件、Vue3指令的工具库

兄弟们,重磅消息,最近我在研究 element-ui 的组件源码,github 仓库如下:

从零开始研究 elementui 源码

https://microsoft.github.io/PowerBI-JavaScript/modules/node_modules_typedoc_node_modules_typescript_lib_lib_es2015_reflect_d.reflect.html#apply

前端 + 后端:前端 + 后端:vue + vuex + vue-router + axios + webpack + sass + postCss + node.js + express + mongodb + mongoose + ant-design-vue,含有axios的封装、路由懒加载、分离公共代码、css懒加载、cdn引入、框架组件的按需加载,用antd写的注册和登录页面,结合了mongodb,后端代码分类清晰易懂

electron将vue项目打包成桌面应用(.dmg/.exe)

ant-design-vue-pro

将现有vue项目基于electron打包成桌面应用程序

将现有vue项目基于electron打包成桌面应用程序

nklayman/vue-cli-plugin-electron-builder

nklayman/vue-cli-plugin-electron-builder

微信小程序 蓝牙实现

基于Vue-Cli和H5+集成的蓝牙连接

nuochong/ant-design-pro-vue-electron

chaozh/awesome-blockchain-cn

About vue.js uni-app 跨平台app框架 蓝牙连接打印机 demo , ESC TSPL 协议与打印机交互, 鉴于网上资料太少,深知踩坑之痛苦,以此开源分享,如果对你有帮助 请点个Satrt,谢谢。开源万岁

uni-app 蓝牙打印功能

电商商品数据库的设计和功能界面的处理

Internet开发课程设计——购物系统

H5 Page Maker, H5 Editor. Make H5 as easy as building blocks. | 让H5制作像搭积木一样简单, 轻松搭建H5页面, H5网站, PC端网站, 可视化设计.

vue3+ElementPlus+Typescript+Vite搭建一套通用的后台管理模板;并基于常见业务场景,抽象出常见功能组件;包括动态菜单,菜单权限、登录、个人中心、表单页、列表页、复制文本、二维码分享等等

前端入门到进阶图文教程,超详细的Web前端学习笔记。

从零开始学前端,做一名精致优雅的前端工程师。

公众号「人生代码」作者。

最近小编在公司没事琢磨出来一个小黄站的想法,打算一整套网站

小黄站规划路线

  1. 搜索美女图片功能
  2. 确认用户是否是选择男还是女的
  3. 图片预览功能
  4. 详情
  5. 用户点赞,评论,收藏
  6. 可以订阅别人的相册
  7. 可以创建相册
  8. 首页,用户中心,创建相册

《Koa2进阶学习笔记》已完结

Koa.js 设计模式-学习笔记

七天学会 node

Deno 资源全图谱 · 专注中文版

用Vue3+Ts+Vite2写一个小黄站

用 taro+ts+vue3 写一个小黄站

taro 文档

小程序构建工具 ♂ 重新实现小程序标准 ♀ 小程序 => web

带你从0到1系统构建web全栈完整的知识体系!

前端面试每日 3+1,以面试题来驱动学习,提倡每日学习与思考,每天进步一点!每天早上5点纯手工发布面试题(死磕自己,愉悦大家),4000+道前端面试题全面覆盖,HTML/CSS/JavaScript/Vue/React/Nodejs/TypeScript/ECMAScritpt/Webpack/Jquery/小程序/软技能

Vue.js 技术揭秘

前端面试 前端知识点 面试题大全 vue react node git element 支付 微信公众平台 每日持续更新

《Node.js区块链开发》,注:新版代码已开源!请star支持哦-^-:

lgg33/shop_manage

坚持写技术博客一年能有多少收获!

自己做了一个IT技术类的公众号,我应该怎么吸引更多的人关注呢?

js 代码段

打造自己的JavaScript代码库,片段,函数,以备将来之用,代码持续添加中

HTML相关

  • DTD的作用是什么?
  • 什么是怪异模式?
  • 什么是标准模式?二者有什么差别(举例)?产生的历史原因是什么?使用时需要注意什么?
  • HTML5是什么?有哪些新特性?新增了哪些语义化标签?新增了哪些表单元素?和h5有啥关系?
  • 你是如何理解 HTML 语义化的?
  • meta viewport 是做什么用的,怎么写?
  • HTML 和 XHTML 有什么区别?
  • 使用 data-* 属性有什么用?
  • <script>、<script async> 和 <script defer> 的区别。
  • 白屏和FOUC是什么?
  • 为什么通常推荐将 CSS <link> 放置在 <head></head> 之间,而将 JS <script> 放置在 </body> 之前?有没有例外的情况?
  • 浏览器渲染机制?
  • 什么是回流(reflow)、
  • 重绘(repaint)?
  • 什么属性能让浏览器直接使用ES6 Module

CSS 相关

  • 两种盒模型分别说一下。如何垂直居中?
  • Flex 怎么用,常用属性有哪些?
  • Grid布局用过吗?
  • 必考:BFC 是什么?
  • CSS 选择器优先级CSS 中 class 和 ID 的区别
  • CSS reset 和 CSS normalize是什么?
  • 浮动 (Floats)元素有哪些特性?清除浮动说一下
  • z-index和叠加上下文是如何形成的?在同一个层叠上下文中才能比较z-index的大小。
  • CSS sprites是什么
  • 字体图标和svg图标用过吗
  • 你日常工作是如何处理浏览器兼容的?
  • 如何为有功能限制的浏览器提供网页?
  • 渐进增强,优雅降级是什么?
  • 有哪些的隐藏内容的方法?
  • 栅格系统是什么
  • 你用过媒体查询吗?
  • 如何优化网页的打印样式?
  • 如果设计中使用了非标准的字体,你该如何去实现?
  • 浏览器是如何判断元素是否匹配某个 CSS 选择器?
  • 伪元素 (pseudo-elements) 有什么用?
  • 列出你所知道的 display 属性的全部值
  • inline 和 inline-block 的区别
  • relative、fixed、absolute 和 static 元素的区别?
  • 响应式设计 (responsive design) 和自适应设计 (adaptive design) 不同?
  • 为什么提倡使用 translate() 而非 不是 absolute?
  • 如果实现一个高性能的CSS动画效果?
  • 圣杯布局,双飞翼布局了解吗

javascript

  • JS有哪几种数据类型变量声明提升?
  • let、var、const的区别?
  • ES 6 语法你平常能用到哪些?
  • undefined和null有什么区别?
  • Promise、Promise.all、Promise.race 分别怎么用?
  • 这段代码里的 this 是什么?
  • 箭头函数和普通函数有什么区别?
  • 如果把箭头函数转换为不用箭头函数的形式,如何转换
  • 闭包是什么?
  • 什么是跨域?
  • 有哪些方法?
  • 图片懒加载的原理动画有几种实现方式,性能对比
  • 聊一聊DOM事件流、冒泡、捕获事件委托是什么
  • EventLoop是什么
  • 宏任务微任务是什么

手写代码

  • 手写一个Promise
  • 手写函数防抖和函数节流
  • 手写AJAX
  • 如何实现深拷贝?
  • 封装一个jsonp?
  • 如何用正则实现 trim()?
  • 不用 class 如何实现继承?
  • 用 class 又如何实现?
  • 如何实现数组去重?
  • 手写函数柯里化
  • 实现一个new
  • 实现bind、call、apply
  • 数组拍平
  • 手写发布订阅
  • 手写Promise
  • 斐波那契实现与优化

HTTP

  • 讲一讲TCP协议的三次握手和四次挥手流程
  • 为什么TCP建立连接协议是三次握手,而关闭连接却是四次握手呢?
  • 为什么不能用两次握手进行连接?OSI有哪七层模型?
  • TCP/IP是哪四层模型传输层有哪些协议应用层有哪些协议,常用端口常见Http方法有哪些?
  • 使用场景分别是什么?
  • GET与POST有什么区别?
  • 在HTML的form 标签里,method支持哪些类型?
  • 状态码 200、301、302、304、403、404、500、503分别代表什么?
  • Web安全中有哪些常见的攻击方式?
  • 一次完整的Http请求所经历哪些步骤?
  • URI和URL的区别?
  • HTTP请求报文与响应报文的格式?
  • Http首部包含哪些字段?
  • 举例说明Websockt是什么?
  • 和HTTP有什么区别?常见的鉴权方式有哪些谈谈Session/Cookie机制,如何实现会话跟踪谈谈JWT鉴权原理谈谈Auth2鉴权原理浏览器是如何控制缓存的什么是非持久连接,什么是持久连接?
  • 服务端推送有哪些技术谈谈Comet(长轮询)的原理HTTPS的原理是什么?
  • Keep-Alive: timeout=5, max=100是什么意思?
  • HTTP1.0,HTTP1.1,HTTP2.0,HTTP3区别(HTTP1.1版本新特性?HTTP2快在哪里?HTTP3变了什么?)

打包工具

  • 除了Webpack外你还用过哪些构建工具?
  • Webpack与Grunt、Gulp有什么区别?
  • Webpack的构建流程是什么有哪些常见的Loader?
  • 他们是解决什么问题的?
  • 有哪些常见的Plugin?
  • 他们是解决什么问题的?
  • Loader 和 Plugin 有什么差别有没有写过Loader有没有写过Plugincompiler与complilation有什么区别?
  • 有哪些代码分离的方法
  • 什么是 Tree Shaking
  • 如何利用Webpack来优化前端性能
  • 如何提高Webpack的构建速度
  • 打包文件大怎么解决

Vue 相关的

  • Vue watch、computed、methods区别是什么
  • v-show与v-if区别是什么
  • 列表遍历时key作用?
  • Vue有哪些生命周期钩子函数?有什么用?
  • Vue父子组件生命周期调用顺序
  • Vue如何实现组件通信
  • data为什么是函数
  • Vue数据响应式原理
  • nextTick怎么用?原理是什么
  • 组件data为什么是函数
  • diff算法和时间复杂度
  • Vue中的keep-alive有什么用
  • Vuex怎么用
  • VueRouter怎么用
  • VueRouter中hash和history模式的原理
  • VueRouter如何做登录跳转
  • Vuex的原理,有哪些概念
  • Vue3用过吗,有哪些让你觉得好用的变化

移动端

  • px、em、rem、vw、百分比的区别
  • 物理像素、逻辑像素、CSS像素、PPI、设备像素比是什么
  • 移动端页面为什么要加
  • 图片高清怎么做如何实现0.5px边框/细边框
  • 移动端如何做适配有哪些方案
  • 聊聊viewport缩放方案
  • 聊聊动态REM方案
  • 聊聊vw适配方案
  • 300ms延时的原因和解决fastclick是什么原理

性能优化

  • 前端性能优化经验
  • 如何做首屏渲染优化
  • 白屏优化
  • 长列表优化方案
  • HTTP2如何提升性能
  • 懒加载、预加载、HTTP2的服务器推送都是什么

非技术问题

  • 做个自我介绍
  • 介绍最难的项目
  • 项目如何做优化
  • 如何做技术选型
  • 单元测试做不做
  • 有什么流程和规范
  • 读过源码吗
  • 有没有造过轮子
  • 平时不写博客吗
  • 你是怎么学前端的
  • 你的职业规划
  • 你有什么要问的

react 项目

react-elm React-Native学习指南

写这份初衷

我不想再只是看别人的知识总结了,实在是太多了,而且每个人的理解,成长方式不同,必须要按照自己的步骤来实现,不能被别人带着走,或许别人能够告诉你一些前沿的东西,更多的是自己勇敢的去探索,在这里立下誓言,写这份文档,拒绝抄袭,拒绝抄袭,拒绝抄袭,必须坚持原创,希望后面有更多的人参与进来

人生学会随缘,才能活得自在

越多事情你越想得到它,反而往往会远离你,正所谓凡事不要太过强求

在这个世界上,凡事不可能一帆风顺,事事如意,总会有烦恼和忧愁。当不顺心的事时常萦绕着我们的时候,我们该如何面对呢?“随缘自适,烦恼即去”。其实,随缘是一种进取,是智者的行为,愚者的借口。何为随?随不是跟随,是顺其自然,不怨恨,不躁进,不过度,不强求;随不是随便,是把握机缘,不悲观,不刻板,不慌乱,不忘形;随是一种达观,是一种洒脱,是一份人生的成熟,一份人情的练达。

人生学会随缘,才能活得自在何为缘?世间万事万物皆有相遇、相随、相乐的可能性。有可能即有缘,无可能即无缘。缘,无处不有,无时不在。你、我、他都在缘的网络之中。常言说,“有缘千里来相会,无缘对面不相识”。万里之外,异国他乡,陌生人对你哪怕是相视一笑,这便是缘。也有的虽心仪已久,却相会无期。缘,有聚有散,有始有终。有人悲叹:“天下没有不散的筵席。既然要散,又何必聚?”缘是一种存在,是一个过程。

“有缘即住无缘去,一任清风送白云。”人生有所求,求而得之,我之所喜;求而不得,我亦无忧。若如此,人生哪里还会有什么烦恼可言?苦乐随缘,得失随缘,以“人世”的态度去耕耘,以“出世”的态度去收获,这就是随缘人生的最高境界。

“随缘”,常常被一些人理解为不需要有所作为,听天由命,由此也成为逃避问题和困难的理由。殊不知,随缘不是放弃追求,而是让人以豁达的心态去面对生活;随缘是一种智慧,可以让人在狂热的环境中,依然拥有恬静的心态,冷静的头脑;随缘是一种修养,是饱经人世的沧桑,是阅尽人情的经验,是透支人生的顿悟。随缘不是没有原则、没有立场,更不是随便马虎。“缘”需要很多条件才能成立,若能随顺因缘而不违背真理,这才叫“随缘”。

生活中,常有人会有这样的感慨和迷惑:“为什么有的人不喜欢我?”“为什么有的人不理解我?”“为什么会是这样?”若从随缘的角度看,不喜欢不需要任何理由,喜欢也不需要任何理由;理解不需要任何理由,不理解也不需要任何理由。缘分就是缘分,不需要任何理由。

大千世界芸芸众生,可谓是有事必有缘,如喜缘,福缘,人缘,财缘,机缘,善缘,恶缘等。万事随缘,随顺自然,这不仅是禅者的态度,更是我们快乐人生所需要的一种精神。随缘是一种平和的生存态度,也是一种生存的禅境。“宠辱不惊,闲看庭前花开花落;去留无意,漫随天外云卷云舒。”放得下宠辱,那便是安详自在。吃饭时吃饭,睡觉时睡觉。凡事不妄求于前,不追念于后,从容平淡,自然达观,随心,随情,随理,便识得有事随缘皆有禅味。在这繁忙的名利场中,若能常得片刻清闲,放松身心,静心体悟,日久功深,你便会识得自己放下诸缘后的本来面目:活泼泼的,清静无染的菩提觉性。人们获得缘不是靠奋斗和创造,而是用本能的智慧去领悟去判断。

佛家多讲随缘,有“随缘不变,不变随缘”、“随缘,莫攀缘”等说法。“随缘”不是随便行事、因循苟且,而是随顺当前环境因缘,从善如流;“不变”不是墨守成规、冥顽不化,而是要择善固守。随缘不变,则是不模糊立场,不丧失原则。就在世间上做人,要通情达理、圆融做事,这样才能够达到事理相融。

随缘不变,则是不违背真理。庄子妻死,他知道生死如春夏秋冬四季的变化运行,既不能改变,也不可抗拒,所以他能“顺天安命,鼓盆而歌”;陆贾《新语》云:“不违天时,不夺物性。”明白宇宙人生都是因缘和合,缘聚则成,缘灭则散,才能在迁流变化的无常中,安身立命,随遇而安。生活中,如果能在原则下恪守不变,在小细节处随缘行道,自然能随心自在而不失正道。

随缘,是一种胸怀,是一种成熟,是对自我内心的一种自信和把握。读懂随缘的人,总能在风云变幻、艰难坎坷的生活中,收放自如、游刃有余;总能在逆境中,找寻到前行的方向,保持坦然愉快的心情。随缘,是对现实正确、清醒的认识,是对人生彻悟之后的精神自由,是“聚散离合本是缘”的达观,“得即高歌失即休”的超然,更是“一蓑烟雨任平生”的从容。拥有一份随缘之心,你就会发现,天空中无论是阴云密布,还是阳光灿烂;生活的道路上无论是坎坷还是畅达,心中总是会拥有一份平静和恬淡。

About

前端入门到进阶图文教程,超详细的Web前端学习笔记。从零开始学前端,做一名精致优雅的前端工程师。公众号「人生代码」作者。

Topics

Resources

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published