melodyWxy/fm-chat-wx 开源聊天室原生小程序
二次封装了 element-ui 库中的 table，通过配置文件的方式即可生成 table 表格, 实现更高的自由度，旨在减少重复的操作，让开发变得更简单 基于 RageFrame2 的一款免费开源的基础商城销售功能的开源微商城
基于vue 2.x『原生』仿iOS省市区三级联动、日期联动、时间联动、多级联动、自定义联动、vue联动组件
Shopro分销商城 uniapp前端开源代码，一款落地生产的 基于uni-app的多端商城
一个包含Javascript插件、Vue3组件、Vue3指令的工具库
兄弟们，重磅消息，最近我在研究 element-ui 的组件源码，github 仓库如下：
electron将vue项目打包成桌面应用（.dmg/.exe）
nklayman/vue-cli-plugin-electron-builder
nklayman/vue-cli-plugin-electron-builder
nuochong/ant-design-pro-vue-electron
前端入门到进阶图文教程，超详细的Web前端学习笔记。
从零开始学前端，做一名精致优雅的前端工程师。
公众号「人生代码」作者。
最近小编在公司没事琢磨出来一个小黄站的想法，打算一整套网站
- 搜索美女图片功能
- 确认用户是否是选择男还是女的
- 图片预览功能
- 详情
- 用户点赞，评论，收藏
- 可以订阅别人的相册
- 可以创建相册
- 首页，用户中心，创建相册
小程序构建工具 ♂ 重新实现小程序标准 ♀ 小程序 => web
前端面试 前端知识点 面试题大全 vue react node git element 支付 微信公众平台 每日持续更新
《Node.js区块链开发》，注：新版代码已开源！请star支持哦-^-：
自己做了一个IT技术类的公众号，我应该怎么吸引更多的人关注呢？
打造自己的JavaScript代码库，片段，函数，以备将来之用，代码持续添加中
- 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
- 两种盒模型分别说一下。如何垂直居中？
- 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动画效果？
- 圣杯布局，双飞翼布局了解吗
- 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
- 斐波那契实现与优化
- 讲一讲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 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
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent