- 博客(95)
- 收藏
- 关注
RSS订阅原创 聊聊WEB COMPONENT（劳动节特别更新）
缘起由于疫情，小区封了好久，小编也很忙，一直没时间更新技术文章，趁着五一假期更新一波。先来聊聊为啥选择分享这个专题，WEB COMPONENT可以看作前端组件化的鼻祖，比react和vue更早，一直以来是google系为了推动技术发展，做出的一系列创新，即Web Components API。相比于vue和react，Web Components不需要额外的三方包，更快，更轻，更加直接，如果你有vue或者react开发经验，这个上手起来很快。同时，Web Components可以兼容大部分前端框架，毕
2022-05-01 16:52:52
579
原创 聊聊前端如何玩node
缘起记得以前有人说过，node的地位很尴尬，只能拿来写写小项目！我一直在想真的是这样嘛？因为每一门语言的出现，必然有其独特性和适用场景，多年来我一直在思考和寻找答案！直到最近，我听了一群大佬们的分享，结合自己的经验，终于明白了前端应该如何正确的玩node！node的前世今生我们通过时间线来简单梳理下node的发展历程：2009年node诞生2010年Express出现，第一个比较好用的node框架，能让开发不在关注node底层，只需要按照Express写代码即可，具有里程碑意义！2013年
2021-12-29 20:12:52
1043
原创 聊聊如何让浏览器能运行webpack
缘起一直在纠结要不要发这个文章，因为现在这个方案除了少数需要线上IDE的公司能用到，大部分公司其实不值得花费大量人力物力去搞这个，因为我一直认为技术是更好的为公司业务做服务的，发的文章最好是大家能用的上的！为啥我最后还是决定发这个文章呢，因为小编每次写文章前都会进行摇号，最终摇上了这个文章，所以按照规则发一发吧！题目解析我们知道webpack其实很大程度上利用了node的能力，那么这个标题其实可以转化为如何让浏览器拥有node的能力。去年的时候，因为公司业务的关系，我做过类似测试，发现node的
2021-11-27 17:20:11
1093
原创 聊聊算法中的二叉树
缘起不出意外的话，算法篇暂时告一段落！算法更多的是传递一种思想，远没有大家想的这么难！算法的思想是共同的，知难行易，只有去学，才能进步！大家后面想看哪类专题，可以私聊，小编按照大家喜好不定期更新公众号！别人的文章写的再好，也只是辅助，重要的是自己要去尝试！二叉树概述二叉树（Binary tree）是树形结构的一个重要类型。许多实际问题抽象出来的数据结构往往是二叉树形式，即使是一般的树也能简单地转换为二叉树，而且二叉树的存储结构及其算法都较为简单，因此二叉树显得特别重要。二叉树特点是每个结点最多只能
2021-11-14 16:31:26
744
原创 简单聊聊算法中的排序
缘起最近有童鞋和我反应，算法中的排序种类太多，有点眼花缭乱，希望我能发个文章处理下！本文主要是简单聊聊排序，聊完后大家会对排序有个大概的分类，本文的目的也就达到了！排序种类盘点排序种类大家可以去百度，这里小编随便为大家列举10个插入排序希尔排序选择排序堆排序冒泡排序快速排序归并排序计数排序桶排序基数排序具体大家可以去百度，这里着重科普下冒泡排序，快速排序，桶排序，因为这三个考的最多！冒泡排序冒泡排序其实2个for循环，如果是从小到大，先找到最大的，放于数组末尾，然后
2021-11-07 15:32:16
100
原创 来聊聊背包问题思路
缘起有童鞋反映背包问题太难了，看不懂，不理解精髓，希望小编能做个分享！郑重声明，具体的解法大家可以网上去看，本文主要讲解思路！背包问题定义和种类先来看看官方定义：背包问题(Knapsack problem)是一种组合优化的NP完全问题。问题可以描述为：给定一组物品，每种物品都有自己的重量和价格，在限定的总重量内，我们如何选择，才能使得物品的总价格最高。问题的名称来源于如何选择最合适的物品放置于给定背包中。相似问题经常出现在商业、组合数学，计算复杂性理论、密码学和应用数学等领域中。也可以将背包问题描
2021-10-31 18:33:45
339
原创 聊聊typescript中的生冷知识
缘起最近有童鞋和我反馈，typescript大致能学会，但是有一部分生冷的知识理解不透彻，我按照童鞋的反馈，大致的写个文章。namespace和declare这个其实蛮好区分的，namespace代表命名空间，可以对接口，类等进行分类管理，相当于一个集合的代表，通过< reference path=‘xxx.ts’/>引入。declare代表全局，有了这个声明，不再需要引入，可以直接使用，declare namespace就是全局命名空间。declare主要用于.d.ts文件，也可以
2021-09-19 15:27:50
1128
原创 qiankun揭秘（看完这篇你能够自己写个qiankun）
缘起最近一直有童鞋问我，qiankun的原理是啥，能不能给个文章，小编想了想，微前端的概念也不算旧，那就发个文章吧！入手万事开头难，我们就从文档入手吧，哈哈哈哈！我们可以看看api页面，其实我们用的registerMicroApps，start和initGlobalState这三个api，那么我们来一个个看它们是如何工作的吧！registerMicroApps顾名思义，官网给出的这个api是注册微应用的，具体用法大家可以自行观看，这里贴个示例图。接下来我们分析源码，前方高能，大家注意啊！
2021-09-12 18:17:36
429
原创 聊聊前端安全和用户体验
缘起今天听了一群大大们分享，结合自己的见解，给各位童鞋发下这块内容吧。这块内容小编主要是想在两方面分享，第一个是安全，第二个是给用户好的体验。安全问题这个问题其实没啥好多做分享的，内容还是老生常谈的内容，比如XSS，CSRF等等！小编从以下几个方面来聊聊吧。源码的保护写代码时的防范如何防范攻击源码的保护先来说说源码的保护，这个要从攻击者获取源码说起，一旦攻击者获取了源码，那么可以做一些不可思议的事，从而达到攻击的效果。CSP，这个主要用来防御远程资源加载，防止攻击者可以注入一段
2021-09-11 18:27:26
167
原创 聊聊elementUI中的el-tree和el-table源码
缘起小编其实不是很想写这个，因为源码有啥好些的，但是架不住粉丝的热情，所以就有了今天这篇。今天只有几段关键性的代码，带大家走走思路，剩下的就看大家自己玩了！el-tree先说个大菜el-tree，很多人可能觉得el-table才是大菜，但是小编这里想说，两者其实差不了多少，都是自己建个store，把相关数据存store，类似vuex，尤其el-table更明显。我们直接拿官方文档上的下面这段代码来说话：<div class="custom-tree-container"> &l
2021-08-26 19:30:42
1892
原创 鬼节聊聊手写proxy思路
缘起今天是鬼节，小编心血来潮，觉得应该更新文章了！于是应广大童鞋们要求，今天来聊聊proxy手写思路。看了这篇文章后，你会思如泉涌，会迫不及待的想试一试！本篇文章只是思路和少量代码，具体实践，有兴趣的童鞋可以去试试！篇末尾再给大家一个火影的彩蛋（bug），哈哈哈，进入正题！如何入手大家按照proxy定义，可能最多只是认为，proxy是一个代理，一个对象，剩下的无从下手是吗！本文通过以下几个方面来解析：proxy主题proxy内部方法和函数等proxy主体我们先来看proxy语法co
2021-08-22 18:58:11
293
原创 七夕聊聊BFF
缘起今天听了一群大佬们分享BFF，结合小编自己的理解和积累，分享给各位童鞋!何为BFFBFF其实是Backend For Frontend，就是服务于前端的后端，直白点就是中间件，中转站，前端做一部分后端的活，抢后端的饭碗，让后端事情更少，哈哈哈！BFF的价值很多童鞋问了，BFF增加了前端的工作量，好像后端工作量也没少多少，那么价值在哪里！我们知道任何技术的更新和发展，必然是因为其价值，下面我们先来谈谈BFF的价值！应用场景：假如公司现在有很多业务，用户们可以通过手机端，PC端，Pad
2021-08-14 18:44:16
348
原创 proxy与Reflect吃透
缘起最近看好多童鞋私下问我这方面的问题，正好有点时间，小编写了篇文章科普下！proxy与Reflect关系相通点： api相通，经常混合使用不同点：proxy可以看做是代理，中间件，Reflect是操作对象提供的api，可以看做是Object的升级版，增加兼容性，对浏览器和用户友好！proxy中较难的点proxy具体大家可以看文档，较难的点其实就是如何代理函数，下面大家花点时间认真阅读。这里我们看2个APIapplyconstructapply是调用拦截，简单来说就是调用的时候
2021-07-28 21:06:31
525
原创 javascript小知识
缘起一直以来，我都想写点偏的，但是能应用在实践中的js知识，今天终于有点时间造福大家了，请耐心阅读！知识点总结~|parseInt‘2,3’ == [2, 3]~~这个也叫做补位符号，也就是把二进制进行补位的，大家知道计算机底层是二进制的吧，说白了就是十进制和二进制按照一定规则互相转换罢了：第 1 步：把运算数转换为 32 位的二进制整数。第 2 步：逐位进行取反操作。第 3 步：把二进制反码转换为十进制浮点数。上面的方法可能有点复杂，说白了就是十进制取反减一，看看实例
2021-07-06 21:04:51
139
原创 event loop(Node版本)
缘起小编最近比较忙，一直没时间更新node event loop，今天终于有时间更新了，此版为小编的封神版，看完这篇，相信各位童鞋一定会更加强大！node宏认为和微任务1.node也分宏任务和微任务2.node宏认为阶段timers （定时器：本阶段执行已经被 setTimeout() 和 setInterval() 的调度回调函数）pending callbacks（待定回调：执行延迟到下一个循环迭代的 I/O 回调）idle, prepare （仅系统内部使用）poll （检索
2021-05-27 20:12:04
171
原创 前端向算法进击
缘起近日，听了一群大大们的分享，感觉前端虽然年轻，却是万能，偷笑中，小编忍不住了，哈哈哈哈！前端能做CI/CD，能写后端（node），能搞搞ui（审美），能搞搞产品逻辑（pm）,还能做app，小程序，现在还能搞算法，大家告诉我，还有啥是前端不能做的，前端无敌，哈哈哈哈！关于算法一个概念的兴起，到发展，必然伴随着使用面的推广，也就是说任何技术和新兴理念的兴起，其实都是会促进和推动某方面的发展，同时某方面的发展又反哺了新兴的技术和理念，相辅相成，互相促进。那么算法的思想，解决了啥问题，小编帮大家分析
2021-04-25 10:05:57
243
原创 Event Loop（浏览器和Node合集）
缘起最近看到好多人遇到event loop问题，下面小编来给大家弄个完全版本，这篇全是干货，心脏不好，3年以下开发量力阅读！浏览器题目没时间解释了，上代码，简单代码没意思，直接上难的，各位看官大大，默写出你认为可以的答案，节奏，我们看答案了！console.log('1');new Promise(function(resolve) { console.log('10'); resolve();}).then(function() { console.log('11');});
2021-04-21 20:56:48
84
原创 前端搞CI/CD（抢运维童鞋的饭碗，哈哈哈）
缘起今天听了一群大大们分享，我万能的前端，终于可以抢运维饭碗了，走别人的路，让别人无路可走，哈哈哈。上述纯属开玩笑，讲正经的，更好的理解是前端通过自动化平台的搭建，打通和运维的墙，让前端能处理更多的事，重前端轻运维，总的来说，我前端还是万能的，哈哈哈！CI/CD首先大家要明白一点，何为CI/CD，简单理解就是持续集成和持续交付，而技术的发展是为了提升效率，那么前端角度看，有两种方面就是开发层面的提效和发布部署层面的提效。开发层面的提效这个不是重点，一笔带过吧，无非就是开发流程的规范，借助三方
2021-04-10 18:41:19
414
2
原创 前端面经（2021上半年版本）——千呼万唤始出来
缘起小编生活所迫，今年不得已换工作，一遍上班，一遍远程面试，我太难了。现在给大家附上面试经验，取天地之精华，侵日月之玄机，大家看后功力一定会暴涨！面试类型面试类型主要有三种，小编重点介绍前两种。技术题项目经验型直接问经验（好多都是白嫖，不是真的招人）技术题大家看前端图谱就好了，囊括各个方面，但是小编想着给大家总结一点高频问题，答案大家自己找吧。http和https的区别，可以延伸出xss等攻击，毕竟前端领域的相通的。ajax请求时，请求方法系列，难度上升可以延伸出不同方法的区
2021-03-30 09:59:04
187
原创 关于低代码平台搭建的思考
缘起低代码平台，按照小编的总结就是用尽可能少的代码，最好是不用代码，搭建出你想要的页面。其实比可视化页面，拖拽创建页面更加高级。虽然使用者的使用起来简单了，但是对底层开发的要求就高了。设计一个低代码平台的思路低代码平台必须是有个界面可以通过拖拽等方式，获得你想要的页面。那么首先你得设计个拖拽生成页面的思路。通过一些底层的组件设计，拖拽事件触发，获得对应的json，然后把用户选择的json存储起来，然后渲染。如果用户编辑组件的某些属性，比如样式，要同步更新json。上面的是最基础的方案，但是会
2021-02-27 17:37:13
1184
原创 前端是魔法师？（附等级排名）
缘起今天是大年初五，小编开启牛年第一篇文章，希望大家都能更加富裕，都能发财，毕竟初五迎财神嘛。为啥今天的主题不是技术分享呢，其实小编想写这个主题很久了，因为好多人做这行只是看钱多门槛不高，但是钱真的多嘛，或者薪水真的高嘛，小编只能说，拿时间换钱，你对比金融行业，做生意，干这行赚的钱其实很少，时间付出缺不少。至于门槛嘛，我们对比其他的行业，可高可低，比代码门槛高的行业不少，低的行业也不少，所以可高可低。对比后端等语言，前端门槛确实略低，但是与后端等语言相比，天花板也低。今天的分享给大家讲述小编理解下的
2021-02-16 16:32:03
361
1
原创 创业公司如何发展
缘起今天听了一群大佬分享（吹牛），主题是如何搞管理，于是小编把这个课题扩大了，我们跳出技术栈，来个高层次的问题，假如你有个项目，融资了300万启动资金，后续没有融资了，你如何让你的公司运转，尽可能的存活。注意，300万不能挪作私用，项目必须启动，必须去逐步把项目做大。攻略套用一位大佬的话，刚开始一穷二白，只有启动资金，还不能随便花。其实这就是一个战略生存类游戏，我们的目标是如何在保证自己存活的情况下，努力发展。可以从以下方面入手：人支出收入发展人一个公司要运转，避免不了招人，节省
2021-01-23 19:29:31
133
原创 大屏制作的探索
缘起最近刷技术文档的时候刷到了大屏制作，正好公司也有相关业务，于是通过查阅文档，总结后找到了两种还算靠谱的方法，分享给大家。难点难度其实主要有两点，第一点如何高质量的还原ui图，第二点如何宽高自适应。高质量的还原ui图这个问题对一个成熟的开发来说其实不大，唯一的问题可能是不同尺寸的设备上的显示问题，比如我们在手机端自适应的时候，有1px边框问题，大屏也会遇到类似的问题，重点排查解决就好了。宽高自适应宽度自适应，这个很容易，我们对比移动端，有rem，em，百分比等等，高度自适应呢，移动端
2021-01-21 10:31:08
134
原创 git同时管理多个项目
缘起大家在开发的过程中，可能会遇到多个项目同时开发，合并代码的事情。通常的做法是，一个项目建立一个本地链接，也就是说如果有10个项目，我们本地需要10个文件夹来对应，不仅麻烦，而且混乱。同事给了个可视化工具的解决方案，小编呕心沥血搞个命令行的吧。现在，给大家个福利吧，且看下文。git本地关联多个远程一个本地文件夹，关联远程多个项目，可以让你在本地自由切换不同的项目，不多说了，上代码。git remote add local1 git地址git remote add local2 git地址
2021-01-20 16:25:57
4534
原创 前端如何延缓中年危机（投资篇）
缘起今天听了一群大佬吹牛，发现大佬们的聊的话题都有一点，如何避开中年危机，如何延长职业寿命，然后大佬们说的比较多的就是如何投资，来个大家分析一波。显性投资渠道相信看过我以前有关中年危机的几篇文章的人都明白，所谓中年危机，无非就是钱的问题，随着年龄的增加，被雇佣的概率就会降低，到最后，就是程序员没法赚取原先这么多收入，又没有其他渠道获取收入的问题，也就是说避免中年问题的关键是钱的问题。下面是大佬列举的投资渠道股票基金比特币创业（？）股票这个建议大家不要轻易尝试，因为股票不是一般人能
2021-01-10 18:09:36
381
2
原创 d2部分干货
源起D2是前端互联网盛会，由最初的邀请抽奖变成了现在的付费观看，小编唯一想吐槽的是没有录播，那周小编正好加班，只看了周日下午几场，现在小编加上个人的理解，把诸位大佬的干货给屡屡，因为小编看的场次很少，所以可能不全，各位见谅下！上干货看过小编文章的都知道，小编喜欢直接上代码，上干货，所以这次小编也不废话。跨端webassemblyes2021nodenode_moudles瘦身主要分享这5块吧，再次感谢大佬们的记录和分享，思想的碰撞带来了技术的进步。跨端这个其实主要是一套代码兼
2021-01-01 19:14:18
188
原创 前端性能浅谈（精华帖）
源起小编一直想做这类课题，但是由于时间等原因，一直没能付诸实施，最近，听了一群大佬分享，小编决定趁着这个机会分享一波。性能方面如果真的要仔细写，单独拆出来，小编可以写10篇以上文章，因为小编时间有限，所以一篇文章来概括下。影响性能的因素其实这个和很多有关，比如客户的手机电脑性能，比如服务端的带宽，比如数据的多少，比如代码的质量。作为一名优秀的开发，我们没法去要求客户的电脑性能拔群，也没法去要求服务端的带宽，网络等情况，所以，我们能做的就是在自己的职责范围内，把性能调到最优！优化性能的办法套
2020-12-27 16:26:28
252
原创 前端框架杂谈
声明今天听完一群大佬吹牛，因为吹牛内容好多，不知道从哪里入手，但是不更新文章又不是我的风格，所以简单聊几句吧。想聊的内容游戏制作，淘宝的粑粑农场等跨端开发（框架）react和vue对比等，以及引申概念游戏制作，淘宝的粑粑农场等这个其实主要是canvas或者三方框架，但是大佬们又提供了编辑器处理，导出完美的降低了前端的工作量，大家网上可以去找找能导出成h5的编辑器，能实现类似效果，其实ps也有类似功能。可能大家觉得这个没啥，但是这里有很重要的一点，大家记着，当代码实现有困难的时候，用
2020-11-21 21:26:57
140
原创 程序员如何找对象（安利个对象插件）
源起这几天小编发现了一个好东西，程序员对象插件，只要有vscode，就能获得对象哦，让我们看看如何使用吧。使用Rainbow Fart首先下载Rainbow Fart，在vscode的应用商店，具体不需要小编说了吧，相信大家都会！操作按下ctrl + shift + p，出现下图刚开始如果没有下载客服端的应用，可能只有Enable Rainbow Fart这个命令，右下角会出现以下提示，点击open即可按照小编的截图操作即可这里可以设置语音包等等。继续 Ctrl + Sh
2020-11-06 10:54:53
626
1
原创 浅谈qiankun.js（single-spa.js）实现原理
源起qiankun.js是基于single-spa实现的，所以我们谈这个，其实就是解析single-spa。代码啥的大家可以自行阅读源码，今天带大家从思路上解析。问题暴露框架如何监听加载子应用子应用之间如何不互相影响主要是上面2个问题，大家看，第一个问题，涉及到流程，第二个问题涉及数据隔离，下面让小编为大家一一道来！框架如何监听加载子应用1.路由监听，大家是不是还记得hashChnage，pushState等事件吧，通过这个监听路由改变2.每次路由改变，都会除非框架对路由的排查，加
2020-08-29 16:52:53
5789
原创 mobx使用总结（识货的来）
源起最近测试了下mobx，对比了redux，只能说灵活性高，但是貌似没有采用immutable，始终对一份数据进行修改，但是更新vue！只能说这两者设计理念不同，至于使用哪个，见仁见智了！api总结聪明的你可能看到了，我们这里还有个api，mobx-react，那是为了契合react组件开发的。至于为啥使用图片，小编有点懒，不想再撸码排版了，大家凑合着看吧！具体项目会放在git上，地址会在文章末尾附上！开始体验api小编也是按照git上的项目讲的，为了方便，小编直接用了dva，dva虽然
2020-08-10 12:01:59
2288
原创 再谈中年危机（解决办法）
源起关注我的朋友一定看过我前几个月写的中年危机吧，那篇文章提供了很多解决方案，但是小编还是想再写一次，因为又感悟了一点新的东西，所以写出来分享给大家！这次是最终的解决方案，绝对靠谱，下面进入正题！为何害怕中年危机就像小编以前文章写的，中年危机是因为家庭等开支日益增大，收入的减少导致的，简单的说就是入不敷出，生活艰难，所以问题又回到如何赚钱上面了！赚钱分两块，第一块赚钱的能力，第二块资产，二者只要有一个满足，就不会有中年危机！解决之道有人说找家好的公司混成管理层，就能解决中年危机，但是小编不这
2020-08-07 17:58:52
325
原创 qiankun.js主子应用样式互相影响解决方案
源起最近遇到个主子框架样式影响问题，和朋友们交流后，确定了解决方案，大家可以按照需求获取！开始因为小编主应用使用了dva + ant design，所以处理这类问题，费了点周折，这里不得不吐槽一句，用开源的框架省力是省力，但是如果需要修改很多东西，可能需要阅读源码，然后再修改，这样看来，可能还是自己搭建省力。解决方案沙箱？约定（君子协议）沙箱我们先来说说沙箱，qiankun.js本身自带沙箱，如果开启strictStyleIsolation，会为每个微应用的容器包裹上一个 sha
2020-08-07 17:24:49
8948
1
原创 兼容大部分框架的换肤方案
源起换肤方案网上很多，比较著名的有elementui提供的方案，还有less动态编译（在module下编译不灵，需要import ‘x.less’,不能是import style from ‘x.less’），今天给大家提供的方案是百试百灵，操作难度也不大！场景假设假设有一个场景，用户切换指定主题，页面样式发生变化，主题的个数是固定的，我们最简单的方案是加id，不同的id对应不同的主题，用户切换的时候，只需要修改id即可。但是这个方案有两个问题，第一个问题，代码你需要写多套，冗余性，第二个问题一次
2020-07-29 18:45:10
113
原创 前端可视化初探
源起最近研究了下可视化，有点心得，分享给大家！这个方向目前国内只有少数公司做的出色，大家可以花10分钟读完这篇文章！可视化何为可视化，小编的理解就是把数据用各种方便用户理解的方式展示出来，比如报表，图表，图案，文字等等！如何收集数据和转换收集数据的方式有很多，比如无人机、卫星、乃至用户上传等等！转换其实就是通过一些列语言，最终在终端产出，方便用户使用！前端转换上面提到的转换，包括后端，硬件支持，大数据，前端等等，我们现在只聊下前端这块!前端转换无法无非就是把后端提供的数据，按照一定的
2020-07-26 16:02:44
449
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人