# blogs **Repository Path**: mirrors_dashnowords/blogs ## Basic Information - **Project Name**: blogs - **Description**: 个人博客，讲述野生前端码农的内功修炼和自我修养。 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 2 - **Forks**: 1 - **Created**: 2022-01-11 - **Last Updated**: 2026-01-25 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 个人博客 -《大史住在大前端》 > 🐳 野生前端码农的内功修炼和自我修养笔记，喜欢请点Star~ **博客园主页地址：**[http://www.cnblogs.com/dashnowords](http://www.cnblogs.com/dashnowords) **掘金主页地址：**[https://juejin.cn/user/2946346892662136](https://juejin.cn/user/2946346892662136) ### :notebook: 【最新】 - [《前端跨界开发指南》重磅来袭~](https://mp.weixin.qq.com/s/Ccv7_YLQGnuLkxWHHp7g_g) - [写作那些事儿](https://github.com/dashnowords/imfe/blob/main/appendix/%E9%99%84%E5%BD%95A_%E5%86%99%E4%BD%9C%E9%82%A3%E4%BA%9B%E4%BA%8B.md) - [学习那些事儿](https://github.com/dashnowords/imfe/blob/main/appendix/%E9%99%84%E5%BD%95B_%E5%AD%A6%E4%B9%A0%E9%82%A3%E4%BA%9B%E4%BA%8B.md) - [职场那些事儿](https://github.com/dashnowords/imfe/blob/main/appendix/%E9%99%84%E5%BD%95C_%E8%81%8C%E5%9C%BA%E9%82%A3%E4%BA%9B%E4%BA%8B.md) - [面试那些事儿](https://github.com/dashnowords/imfe/blob/main/appendix/%E9%99%84%E5%BD%95D_%E9%9D%A2%E8%AF%95%E9%82%A3%E4%BA%9B%E4%BA%8B.md) ### :apple: 【活动】 **近期活动PPT**：[GDG西安DevFest2019-闪电演讲-假如我是一个浏览器PPT](https://github.com/dashnowords/blogs/tree/master/Demo/DevFest2019) **B站视频地址**: [假如我是一个浏览器](https://www.bilibili.com/video/av77716614?from=search&seid=7599585474375530789) **GDGXi'anDevFest讲师简介**：[仰望星空的人，不应该被嘲笑--DevFest闪电演讲嘉宾--史文强](https://mp.weixin.qq.com/s/7Eb-JfGvQ2x5woI4Z5HYMw) ### :flags: 【Web高性能动画及渲染原理】系列 ___ > 了解浏览器渲染流程及动画原理，为性能优化提供论据 [Web高性能动画及渲染原理（1）CSS动画和JS动画 2019-10-10](https://www.cnblogs.com/dashnowords/p/11680067.html) [Web高性能动画和渲染原理（2）渲染管线和CPU渲染 2019-10-20](https://www.cnblogs.com/dashnowords/p/11706774.html) [Web高性能动画和渲染原理（3）transform和opacity为什么高性能 2019-10-26](https://www.cnblogs.com/dashnowords/p/11741892.html) [Web高性能动画和渲染原理（4）“Compositor-Pipeline演讲PPT”学习摘要 2019-11-14](https://www.cnblogs.com/dashnowords/p/11862814.html) [Web高性能动画和渲染原理（5）合成层的生成条件和陷阱 2019-11-18](https://www.cnblogs.com/dashnowords/p/11885045.html) ### :pencil:【随笔】 ___ - [秋招提前批已来，万字长文教你如何增加面试大厂的成功率🔥](https://github.com/dashnowords/blogs/blob/master/blog/2021-7-13%20%E4%B8%87%E5%AD%97%E9%95%BF%E6%96%87%E5%A4%A7%E5%8E%82%E9%82%A3%E4%BA%9B%E4%BA%8B.md) 2021-7-10 - [字节半年，我的认知升级 2021-2-17](https://github.com/dashnowords/blogs/blob/master/blog/2021-2-17%20%E5%AD%97%E8%8A%82%E5%8D%8A%E5%B9%B4%EF%BC%8C%E6%88%91%E7%9A%84%E8%AE%A4%E7%9F%A5%E5%8D%87%E7%BA%A7.md) - [从嵌套结构中取值时如何编写兜底逻辑 2020-10-30](https://www.cnblogs.com/dashnowords/p/13905413.html) - [10000小时后，我从外包走进了字节跳动 2020-9-3]( https://github.com/dashnowords/blogs/blob/master/blog/2020-9-3-reviewpast3.md ) - [2019年12月前端面经及总结(西安,杭州) 2020-2-20](https://www.cnblogs.com/dashnowords/p/12335717.html) - [高频Linux命令小结（新手向） 2019-11-7](https://www.cnblogs.com/dashnowords/p/11815662.html) - [Stanford公开课《编译原理》学习笔记（2）递归下降法 2019-10-4 ](https://www.cnblogs.com/dashnowords/p/11632103.html) - [Stanford公开课《编译原理》学习笔记（1）词法分析 2019-9-19](https://www.cnblogs.com/dashnowords/p/11552517.html) - [Vue源码中compiler部分逻辑梳理（内有彩蛋） 2019-9-10](https://www.cnblogs.com/dashnowords/p/11502736.html) - [Vue+ElementUI项目使用webpack输出MPA 2019-9-1](https://www.cnblogs.com/dashnowords/p/11415211.html) - [Vue-Router中History模式](https://www.cnblogs.com/dashnowords/p/11379815.html) - [Vue中拆分视图层代码的5点建议](https://www.cnblogs.com/dashnowords/p/11354469.html) - [如何查看jsplumb.js的API文档(YUIdoc的基本使用)](https://www.cnblogs.com/dashnowords/p/11166725.html) - [笔耕不辍，无问西东——2018年终小结](https://www.cnblogs.com/dashnowords/p/10199126.html) - [React组件方法中为什么要绑定this](https://www.cnblogs.com/dashnowords/p/9343383.html) - [2018年8月中级前端开发推荐书籍](https://www.cnblogs.com/dashnowords/p/9373806.html) - [推荐两个漂亮的编程字体](https://www.cnblogs.com/dashnowords/p/9460695.html) - [【书摘】一种基于Git的版本管理方案](https://www.cnblogs.com/dashnowords/p/9537300.html) - [【Recorder.js+百度语音识别】全栈方案技术细节](https://www.cnblogs.com/dashnowords/p/9557355.html) - [【基于React-Native0.55.4的语音识别】项目全栈方案](https://www.cnblogs.com/dashnowords/p/9841068.html) - [js中如何在不影响既有事件监听的前提下新增监听器](https://www.cnblogs.com/dashnowords/p/9593946.html) ### :telescope:【nodejs原理&源码赏析】系列 ___ > 从nodejs源码欣赏编程之美 - [nodejs原理&源码赏析（1）express中间件系统的基本实现](https://www.cnblogs.com/dashnowords/p/9683361.html) - [nodejs原理&源码赏析（2）KOA中间件的基本运作原理](https://www.cnblogs.com/dashnowords/p/10439605.html) - [nodejs原理&源码赏析（3）欣赏手术级的原型链加工艺术](https://www.cnblogs.com/dashnowords/p/10920388.html) - [nodejs原理&源码赏析（4）深度剖析cluster模块源码与node.js多进程（上）](https://www.cnblogs.com/dashnowords/p/10958457.html) - [nodejs原理&源码赏析（5）net模块与通讯的实现](https://www.cnblogs.com/dashnowords/p/10976552.html) - [nodejs原理&源码赏析（6）深度剖析cluster模块源码与node.js多进程（下）](https://www.cnblogs.com/dashnowords/p/11019089.html) - [nodejs原理&源码赏析（7）【译】Node.js中的事件循环，定时器和process.nextTick](https://www.cnblogs.com/dashnowords/p/11042623.html) - [nodejs原理&源码杂记（8）Timer模块与基于二叉堆的定时器](https://www.cnblogs.com/dashnowords/p/11078891.html) - [nodejs原理&源码赏析（9）用node-ssh实现轻量级自动化部署](https://www.cnblogs.com/dashnowords/p/11293667.html) ### :angel:【带着canvas去流浪】系列 ___ > 用原生CanvasAPI实现Echarts图表 - [带着canvas去流浪（1）绘制柱状图](https://www.cnblogs.com/dashnowords/p/10506921.html) - [带着canvas去流浪（2）绘制折线图](https://www.cnblogs.com/dashnowords/p/10554552.html) - [带着canvas去流浪（3）绘制饼图](https://www.cnblogs.com/dashnowords/p/10574646.html) - [带着canvas去流浪（4）绘制散点图](https://www.cnblogs.com/dashnowords/p/10590032.html) - [带着canvas去流浪（5）绘制K线图](https://www.cnblogs.com/dashnowords/p/10645679.html) - [带着canvas去流浪（6）绘制雷达图](https://www.cnblogs.com/dashnowords/p/10656750.html) - [带着canvas去流浪（7）绘制水球图](https://www.cnblogs.com/dashnowords/p/10692243.html) - [带着canvas去流浪（8）碰撞](https://www.cnblogs.com/dashnowords/p/10753005.html) - [带着canvas去流浪（9）粒子动画](https://www.cnblogs.com/dashnowords/p/10827576.html) - [带着canvas去流浪（10）文字烟花](https://www.cnblogs.com/dashnowords/p/10878409.html) - [带着canvas去流浪（11）Three.js入门学习笔记](https://www.cnblogs.com/dashnowords/p/11182474.html) - [带着canvas去流浪（12）用Three.js制作简易的MARVEL片头动画（上）](https://www.cnblogs.com/dashnowords/p/11216540.html) - [带着canvas去流浪（13）用Three.js制作简易的MARVEL片头动画（下）](https://www.cnblogs.com/dashnowords/p/11234360.html) - [带着canvas去流浪（14）Three.js中凹浮雕模型的生成方式](https://www.cnblogs.com/dashnowords/p/11581812.html) - [带着canvas去流浪（15）threejs fundamentals翻译系列1-scene graph 【2020-5-10】]( https://www.cnblogs.com/dashnowords/p/12863562.html ) ### :whale:【一统江湖的大前端】系列 ___ > 探索前端技术在网页之外的花花世界 - [一统江湖的大前端（1）PPT制作库impress.js](https://www.cnblogs.com/dashnowords/p/9609301.html) - [一统江湖的大前端（2）Mock.js + Node.js 如何与后端潇洒分手](https://www.cnblogs.com/dashnowords/p/9632492.html) - [一统江湖的大前端（3） DOClever——你的postman有点low](https://www.cnblogs.com/dashnowords/p/9609307.html) - [一统江湖的大前端（4）shell.js——穿上马甲我照样认识你](https://www.cnblogs.com/dashnowords/p/9632493.html) - [一统江湖的大前端（5）editorconfig + eslint——你的代码里藏着你的优雅](https://www.cnblogs.com/dashnowords/p/9632494.html) - [一统江湖的大前端（6）commander.js + inquirer.js——懒，才是第一生产力](https://www.cnblogs.com/dashnowords/p/9632495.html) - [一统江湖的大前端（7）React.js-从开发者到工程师](https://www.cnblogs.com/dashnowords/p/9632496.html) - [一统江湖的大前端（8）matter.js 经典物理 2020-3-10](https://www.cnblogs.com/dashnowords/p/12458335.html) - [一统江湖的大前端（9）TensorFlow.js 开箱即用的深度学习工具 2020-4-18](https://www.cnblogs.com/dashnowords/p/12726956.html) - [一统江湖的大前端（10）inversify.js控制反转 2021-2-6](https://www.cnblogs.com/dashnowords/p/14380955.html) ### :books:【Javascript基础修炼】系列 ___ > javascript的基础知识学习笔记。 - [javascript基础修炼(1)—一道十面埋伏的原型链面试题](https://www.cnblogs.com/dashnowords/p/9404237.html) - [javascript基础修炼(2)—What's this(上)](https://www.cnblogs.com/dashnowords/p/9410495.html) - [javascript基础修炼(3)—What's this(下)](https://www.cnblogs.com/dashnowords/p/9410498.html) - [javascript基础修炼(4)—UMD规范的代码推演](https://www.cnblogs.com/dashnowords/p/9537315.html) - [javascript基础修炼(5)—Event Loop（Node.js）](https://www.cnblogs.com/dashnowords/p/9649829.html) - [javascript基础修炼(6)—前端路由的基本原理](https://www.cnblogs.com/dashnowords/p/9671213.html) - [javascript基础修炼(7)—Promise，异步，可靠性](https://www.cnblogs.com/dashnowords/p/9709477.html) - [javascript基础修炼(8)—指向FP世界的箭头函数](https://www.cnblogs.com/dashnowords/p/9807398.html) - [javascript基础修炼(9)——MVVM中双向数据绑定的基本原理](https://www.cnblogs.com/dashnowords/p/9955460.html) - [javascript基础修炼(10)——VirtualDOM和基本DFS](https://www.cnblogs.com/dashnowords/p/10030036.html) - [javascript基础修炼(11)——DOM-DIFF的实现](https://www.cnblogs.com/dashnowords/p/10098152.html) - [javascript基础修炼(12)——手把手教你造一个简易的require.js](https://www.cnblogs.com/dashnowords/p/10816039.html) - [javascript基础修炼(13)——记一道有趣的JS脑洞练习题](https://www.cnblogs.com/dashnowords/p/11663454.html) - [JavaScript基础修炼(14)——WebRTC在浏览器中如何获得指定格式的PCM数据](https://www.cnblogs.com/dashnowords/p/11795251.html) ### :art:【Webpack4.0中级教程】系列 ___ > 详解webpack4.0，但不仅仅是关于`webpack`。 - [史上最走心webpack4.0中级教程——配置之外你应该知道的事](https://www.cnblogs.com/dashnowords/p/9572755.html) - [webpack4.0各个击破（1）—— html部分](https://www.cnblogs.com/dashnowords/p/9478777.html) - [webpack4.0各个击破（2）—— CSS篇](https://www.cnblogs.com/dashnowords/p/9520414.html) - [webpack4.0各个击破（3）—— Assets篇](https://www.cnblogs.com/dashnowords/p/9545476.html) - [webpack4.0各个击破（4）—— Javascript & splitChunk](https://www.cnblogs.com/dashnowords/p/9545482.html) - [webpack4.0各个击破（5）—— Module篇](https://www.cnblogs.com/dashnowords/p/9557366.html) - [webpack4.0各个击破（6）—— Loader篇](https://www.cnblogs.com/dashnowords/p/9557372.html) - [webpack4.0各个击破（7）—— plugin篇](https://www.cnblogs.com/dashnowords/p/9572749.html) - [webpack4.0各个击破（8）—— tapable篇](https://www.cnblogs.com/dashnowords/p/9572750.html) - [webpack4.0各个击破（9）—— karma篇](https://www.cnblogs.com/dashnowords/p/9572753.html) - [webpack4.0各个击破（10）—— Integration篇](https://www.cnblogs.com/dashnowords/p/9572754.html) ### :violin:【大前端的自动化工厂】系列 ___ > 前端工程化及前端自动化相关技术。 - [大前端的自动化工厂（1）——Yeoman](https://www.cnblogs.com/dashnowords/p/9460705.html) - [大前端的自动化工厂（2）—— SB Family](https://www.cnblogs.com/dashnowords/p/9460722.html) - [大前端的自动化工厂（3）—— babel](https://www.cnblogs.com/dashnowords/p/9537311.html) - [大前端的自动化工厂（5）—— 基于Karma+Mocha+Chai的单元测试和接口测试](https://www.cnblogs.com/dashnowords/p/9736491.html) ### :soccer:【野生前端的数据结构和算法基础练习】系列 ___ > 用javascript语言学习和练习数据结构和基础算法知识。 - [【随笔】野生在左 科班在右——数据结构学习誓师贴](https://www.cnblogs.com/dashnowords/p/9736499.html) - [野生前端的数据结构基础练习（1）——栈](https://www.cnblogs.com/dashnowords/p/9737665.html) - [野生前端的数据结构基础练习（2）——队列](https://www.cnblogs.com/dashnowords/p/9739481.html) - [野生前端的数据结构基础练习（3）——链表](https://www.cnblogs.com/dashnowords/p/9747051.html) - [野生前端的数据结构基础练习（4）——字典](https://www.cnblogs.com/dashnowords/p/9880013.html) - [野生前端的数据结构基础练习（5）——散列](https://www.cnblogs.com/dashnowords/p/9893996.html) - [野生前端的数据结构基础练习（6）——集合](https://www.cnblogs.com/dashnowords/p/9926072.html) - [野生前端的数据结构基础练习（7）——二叉树](https://www.cnblogs.com/dashnowords/p/9955479.html) - [野生前端的数据结构基础练习（8）——图](https://www.cnblogs.com/dashnowords/p/10030035.html) - [野生前端的数据结构练习（9）冒泡排序，选择排序，插入排序](https://www.cnblogs.com/dashnowords/p/10030038.html) - [野生前端的数据结构练习（10）希尔排序，归并排序，快速排序](https://www.cnblogs.com/dashnowords/p/10041401.html) - [野生前端的数据结构练习（11）动态规划算法](https://www.cnblogs.com/dashnowords/p/10073292.html) - [野生前端的数据结构练习（12）贪心算法](https://www.cnblogs.com/dashnowords/p/10073306.html) ### :a:【Angularjs1.X进阶笔记】系列 ___ > `Angularjs1.X`基本用法以外你应该知道的事情。 - [Angularjs1.X进阶笔记（1）两种不同的双向数据绑定](https://www.cnblogs.com/dashnowords/p/9325775.html) - [Angularjs1.X进阶笔记（2）自定义指令中的数据绑定](https://www.cnblogs.com/dashnowords/p/9332548.html) - [Angularjs1.X进阶笔记（3）如何重构controller](https://www.cnblogs.com/dashnowords/p/10125707.html) ### :a:【Angular专题】系列 ___ > `Angular`全家桶学习笔记，推荐，翻译优质博文。 - [【Angular专题】——（1）Angular，孤傲的变革者](https://www.cnblogs.com/dashnowords/p/10087041.html) - [【Angular专题】——（2）【译】Angular中的ForwardRef](https://www.cnblogs.com/dashnowords/p/10123696.html) - [【Angular专题】（3）装饰器decorator，一块语法糖](https://www.cnblogs.com/dashnowords/p/10158537.html) ### :basketball:【响应式编程的思维艺术】系列 ___ > 探索函数式编程和响应式编程的有趣世界，剖析rxjs的使用方法。 - [【响应式编程的思维艺术】 （1）Rxjs专题学习计划](https://www.cnblogs.com/dashnowords/p/10133782.html) - [【响应式编程的思维艺术】 （2）响应式Vs面向对象](https://www.cnblogs.com/dashnowords/p/10163367.html) - [【响应式编程的思维艺术】 （3）flatMap背后的代数理论Monad](https://www.cnblogs.com/dashnowords/p/10176213.html) - [【响应式编程的思维艺术】 （4）从打飞机游戏理解并发与流的融合](https://www.cnblogs.com/dashnowords/p/10193087.html) - [【响应式编程的思维艺术】 （5）Angular中Rxjs的应用示例](https://www.cnblogs.com/dashnowords/p/10409224.html)