自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

徐磊

Web前端 - 笔记

  • 博客(61)
  • 收藏
  • 关注

原创 服用5年份筑基丹 - React篇

React,作为前端领域的一股强大势力,以其组件化、声明式的编程范式赢得了众多修仙者的青睐。然而,要想真正掌握 React 的精髓,却需要深入骨髓的修炼与理解。这五年的筑基丹,正是我修炼 React 的得力助手。服下此丹,我仿佛置身于一个由React构建的奇妙世界。、、、 等核心概念逐一展现在我眼前。我开始深入研究 React 的源码,探寻其内部运行机制,逐渐掌握 React 的高级特性与用法。然而,修仙之路从来都不是一帆风顺的。在修炼 React 的过程中,我也遇到了诸多挑战与困惑。有时,我会在复杂的组件

2024-04-24 17:20:55 629

原创 服用5年份筑基丹 - Vue篇

修仙之道,千回百转,每一步都充满了玄妙与机遇。在这条充满奇幻的修仙之路上,有一物至关重要,那便是筑基丹。此丹,凝聚了修仙者多年的心血与智慧,是修炼道路上的重要助力。今日,我有幸得此五年份的筑基丹——Vue篇。此丹与寻常筑基丹不同,它专门针对Vue这一前端框架的修炼,蕴含着Vue的精髓与奥秘。服下此丹,将助我在Vue的修仙之路上更进一步,掌握更多高级技巧与深层次知识。服下此丹,我仿佛进入了一个全新的世界。Vue的响应式系统、组件化开发、指令与过滤器等核心概念逐一浮现在我的脑海中。

2024-04-24 17:20:01 701

原创 服用5年份筑基丹 - JS篇

在 JS 的世界里,筑基丹便是那扎实的基础知识,是深入理解语言特性的关键。五年的时间,足以让我们从入门到精通,从浅薄到深厚。这五年,我们将一同探索 JS 的奥秘,领略其无尽的魅力。服下筑基丹,我们首先会感受到一股暖流涌入心田,那是知识的力量在滋润我们的心灵。我们将从基础语法开始,逐步深入,理解变量、函数、作用域等核心概念。随着修炼的深入,我们将接触到更高级的特性,如闭包原型链异步编程等,这些将是我们构筑JS世界的重要基石。所以来,道友,随我服下这 5年份 的筑基丹,共同领略晋升的魅力~

2024-04-24 17:18:39 819 1

原创 React复习全攻略:浅尝Redux的全局滋味

在 React 的复习全攻略中,Redux 无疑是一个不可忽视的篇章。浅尝 Redux 的全局滋味,我们不仅能领略到其集中式状态管理的魅力,更能感受到它如何助力 React 应用实现数据流的`清晰`与`可控`。

2024-04-11 18:08:55 989

原创 React复习全攻略:顶级理解Hooks君王秘术

好家伙,在重温 React,了解其的历史版本迭代的过程中,发现了一个令人震惊的事情。就是以前函数组件那般默默无闻,说是类组件的陪衬品也不为过,而如今,ta 的威名已然盖过了类组件。这期间的转变历程,任由脑海遨游畅想,越发觉得在上演一场宫心大计,想想都觉得恐怖\~

2024-04-11 18:07:59 874

原创 领悟页面加载原理,成为恋爱高手:一篇不可错过的对线指南

我们都羡慕😮那些工作爱情双丰收的家伙,岂可修,事业好就算了,还有狗粮满满的爱情,😭让我们这些修狗有何颜面存活下去。为此,有没有想过,人的精力是有限的,他们又是如何修炼的🤔。既然如此,那么有没有一种可能,?让我们早日,事业蒸蒸日上,并收获完美的爱情🥰我的回答,👉🏻接下来我们尝试以寻缘的角度,分析页面加载的原理~

2024-04-08 18:29:15 638

原创 React复习全攻略:重温旧知,收获新知

温故而知新,可以为师矣~ 重温React,不仅是对知识的回顾,更是对技术的敬畏和热爱。感谢React带给我们的每一次成长与收获,期待在未来的开发中,我们能与React一起创造更多的奇迹。

2024-04-08 18:27:35 801

原创 前端缓存揭秘:5年前端技术的必备知识点

前端缓存,是性能优化的一个大头,是区分一个优秀前端开发的重要指标。世间万物万变不离宗,获取知识如缓存一般,与前端缓存的作用遥相对应。加快技术层面的理解力,提升知识广度与深度,缓解无知/未掌控的压力写博客,这或许是我缓解压力,以及提升技术的最佳合理摸鱼方式了。

2024-04-02 12:02:10 645

原创 小页,你说你慢热,来让我调教一下(页面性能优化)

不知道大家有没有这样的烦恼经历。打开一个网页,加载了半天也没有出来,你问页面小页,ta说ta慢热,要稍微等一等😅。你眉头紧皱,认为ta故作矜持,一气之下说给我gun😡,最后气的直接关闭了整个页面。

2024-03-29 16:25:01 534

原创 还记得PostCSS吗,看这一篇文章就够了!!!

由于项目中的使用,又想深入了解,想着写一篇博客,以此监督自我学习 ~那么首先,让我们带着几个问题来了解一下,PostCSS。

2024-03-29 11:51:56 1066

原创 2023 Annual summary 迈向成熟 ~

去年,是技术层面(规范化,模块化等等),工作方面(新人奖+晋升),提升最大的一年。 今年,算是心态上(忧郁=>乐观),甚至性格上(内向=>自信)进行大改变~

2023-12-27 11:25:07 442

原创 10分钟带你初步了解 Service Worker

在日常迭代项目中,遇到了浏览器缓存的问题,深入研究并发现了sw。因此本篇文章,仅对于个人对于sw的尝试与学习,初步理解其运用。

2023-09-18 10:57:42 154

原创 JustFE团队前端代码规范,降本增效,敏感肌可用

不知不觉,入行前端,已经有4年半了从当初一只小菜鸡,慢慢成长(当然现在还是小菜鸡😄)看着一直以来的职业道路,道虽曲折,但也有收获晋升成功后,经历疫情的最后裁员风波,忙于pad端的医疗开发,实在是抽不出时间更新。看着还是上半年更新的博客,熟悉如往常,我又双叒叕来打破僵局了💪再提一嘴,copilot是真的好用😍。

2023-05-10 11:15:07 541

原创 【蓝牙依赖】微信小程序 + uni通用,自用蓝牙依赖文件总结

今年相较去年相比,做的比较多的是,蓝牙方面的对接工作。因此,我整理了大半年来,对接蓝牙的经验,编写了蓝牙依赖文件。这样可以有效的我的,以及合理增加我快乐的摸鱼时间 ~

2022-12-22 14:02:34 487

原创 顾往前行,我的前端之路系列(三)

我深知这份实习工作,来之不易。尽管路途遥远,车程近4个小时,转正后996,(现在看来,我也不知道当时怎么坚持下来的)

2022-09-19 17:04:28 351

原创 顾往前行,我的前端之路系列(二)

大学期间最后一门实践课完毕后,没过两周,我们就为了各自的梦想,暂时告别了校园生活。接着又在家待了1个星期,准备面试,投递了数不尽的希望。也是这个时间段,我开始了编写博客,养成了习惯,一直到现在。为了面试,还特意买了西装,拍了职业头像。然后怀揣着10份简历,来到了这个梦开启的地方,我的祖源,杭州。我还清晰的记得那天,18年11月26日,追逐梦想的第一天。没想到,这一天,现实给了我一个大惊喜,我碰壁了。第一次面试,我就发现,我准备的不够充分,自己的表达能力有所欠佳。面试官直接最后问

2022-08-23 17:07:57 241 2

原创 顾往前行,我的前端之路系列(一)

从正式接触到前端到现在,已经有4年之久了。在这段历程中,有欢声笑语,也有悲欢离合。为此,回忆过后,我想记载下,当初的种种味道,每一种味道,都值得让我铭记一生,因为这就是我的人生,也是我的路,我的前端之路。

2022-08-22 15:51:35 1612 1

原创 2022/07/29 入职健海JustFE团队,我学到了高效开发(年中总结)

这一年来,总的来说,来到新公司,眼界与技术都提升了不少。个人的学习方法,各种法则也得到了进一步提升。接触到了智能,可视化,低代码领域。工作上,收获了领导们的一致认可,晋升顺利~华哥的到来与离去,为我们埋下种子,任其生根发芽,茁壮成长!接下来,我们会成立前端委员会(轮值委员),引领团队。我将会在剩下的半年内,完成前端智能领域的初步研究,可视化three的初步探索,以及移动端业务组件的建设。最后来个修仙式结尾,别打我😝httpshttps。...

2022-07-29 11:50:52 601

原创 技术博客,经验分享宝典

分享目标:推广博客,怎样编写博客?平台选择CSDN:初学者文章类型很多,重基础,经历经验比较吃香,百度引擎支撑文章技术浅,审核容易,转载盗版泛滥简书:均衡者内容均衡,介于CSDN与掘金之间,最大的优点就是平均初心不是专门给程序员用,传播较差掘金:大佬专注于技术文章,文章硬核,技术深,用户体系庞大写的不好容易被喷,百度搜索靠后(给钱少了?)为什么要编写博客?(写博客有什么用?)一、为何编写1.1 优秀的学习方法对于我来说,分享技术文章,和开展分享会,是学习

2022-05-27 14:25:44 202

原创 10分钟带你0基础入门小程序云开发,从理论到实践,从前端到全栈

一、前端发展在开始讲解小程序云开发之前,我们先来看一下前端的发展图。那么接下来前端3.0,又是什么时代?目前有两种声音:前后端包揽的“大前端”,也就是全栈,关键性技术是Node.js;以React-Native、Flutter、uniapp为突破点的“泛前端”,即全端。但是以目前来看,不管以RN,还是Flutter来看,都未必是成熟,全端任重而道远。相对来说,前端下一步发展为全栈的可能性更高。基于这个前提下,serverless便是成就此道的革命性技术。二、核心 Serverl

2022-05-12 16:59:47 443

原创 2022/04/29 第一次晋升答辩总结

晋升答辩总结1、背景经过这两个星期的答辩准备,我参与了人生的第一次晋升答辩。整个过程,只有自己亲身参与,才能明白自己有什么优点,有什么缺点。答辩过后,我也明白,这次答辩并不完美,但我也尽力了,至少整个过程,PPT内容制作获得前辈们的肯定,我的努力也没有白费。事后,结合自身经历,参考他人经验,来分析一下我答辩的过程,罗列好与不好的地方。2、好的地方 2.1、PPT制作ppt制作,确实我耗费了比较大的心血,也要感谢华哥的辅导,我的PPT制作流程思路,还是值得肯定的。我的PPT制作流程,主要有

2022-04-29 16:10:57 1556

原创 TensorFlowJS 基础 -前端人工智能入门必看系列

TensorFlowJS 基础1、什么是tfjsTensorFlow.js 是一个 JavaScript 库,用于在浏览器和 Node.js 训练和部署机器学习模型。了解开始的更多方式,请参阅下面的部分。2、学习大纲3、数据张量(Tensor)和变量(Variable)是 TensorFlow.js 中数据的主要表现形式。3.1、张量(Tensor)定义: 一组数值形成一个或多个维度的数组。 张量实例具有定义数组形状的形状属性。张量是 TensorFlow.js 中数据的中心单位,也是 T

2022-03-09 10:55:07 4509 2

原创 什么是AI?一位3年多前端自我学习的分享

AI 基础什么是AI人工智能(Artificial Intelligence),英文缩写为AI。它是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门新的技术科学。(百度百科)AI发展畅想图四要素1. 数据(信息)如今这个时代,无时无刻不在产生大数据。移动设备、廉价的照相机、无处不在的传感器等等积累的数据。这些数据形式多样化,大部分都是非结构化数据。如果需要为人工智能算法所用,就需要进行大量的预处理过程。数据是信息的载体2. 算法(模型)主流的算法主要分为传统的机器学

2022-03-09 10:23:35 4348

原创 git submodule 子模块的使用和说明

git submodule 子模块的使用和说明一、前景就在2021/12/29日,我将bc小程序movePackages分包,加入了子模块当中。因为我不想copy了,每次修改一个地方,就得把整个相关的包copy过来,十分的麻烦,要是以后项目多了,copy起来也费劲,维护起来也费劲。出于这样的考虑,我在git上面寻找相应的解决方案,最终选择了子模块(submodule)。二、简介git子模块可以用于项目包含另一个项目的情况,也许是第三方库或被多个项目引用的基础框架通俗点来说,就是一个git项

2021-12-30 11:00:32 541

原创 2021/12/02 初次做动作识别项目经历和总结(二)

1.前言上节,我们说到反编译了别人的小程序,拿到了核心技术,poseNet,TensorFlowJS的姿态识别模型,正因为发现了这个模型,证实了能在小程序客户端识别姿态,因此,接下来,就是用这一门技术,TensorFlowJS2. 小程序阶段TensorFlowJS,这个名字,在我脑海里一直留存着,并且这也是我的微信名称。说起来也是有缘,正好,三年前刚工作的我,当时看着前辈们,花里胡哨的微信名称(各种技术名称),我和我的小伙伴们,都纷纷去网上找,符合自己又向往的技术。在网络上各种技术专词当中,

2021-12-07 20:47:36 1170 2

原创 2021/11/26 初次做动作识别项目经历和总结(一)

第一次了解到这个动作识别的时候,是在今年5月份。那时候,我还在志坚哥领导下面,管理着健海灵魂项目——济事大脑。初来乍到的我,哪见过如此大场面,望着先辈们留下一望无际的粪山,感受着四周被先辈们包围的气息,逐渐地陷入了这片深渊当中。就这样挑粪挑了两个礼拜,直到第三个星期,志坚哥找到了我,并说了缘由,原来是施淇老师活太多,忙不过来,现在需要我去配合,做一个高科技产品。这番消息,就犹如一道万丈光芒,突破云霄,在粪堆中显得格外耀眼,我似乎看到了希望,想要抓住这个机会,毕竟这是可以摆脱这个深渊的唯一办法,并且还

2021-11-26 15:12:56 4555 2

原创 3年前端入职健海科技(数疗领域方向),试用期总结

健海科技,让关怀成为一剂良方,以数字疗法为主体,给予各大医疗机构的服务,这就是我们公司的主旨和目的在今年5月份,我有幸成为健海科技里主打数字疗法的数疗事业部的一名开发人员,这也将成为我从业以来的第二任,也将会在我的职业生涯中刻上永不磨灭的黄金烙印。首先讲述下,我为何选择了健海科技。那就得从,我之前的公司说起,我的前任,也就是初恋,电商型公司,致力于电商平台的开发,给予众多微商平台技术支持,公众号,小程序,app,pc管理台都有涉及。因此,奠定了我前端开发四大领域的基础。直到去年6月份,我一如往常地重

2021-08-26 14:28:46 1986 1

原创 小程序动作识别 - 使用谷歌推出最新动作检测模型Movenet,开发小程序

背景谷歌刚刚推出了一款能够检测人体姿态的 MoveNet 模型,并且提供了相应的 TensorFlow.js 应用程序接口(API)。官方宣称 MoveNet 能够非常快速、准确地检测人体的 17 个关键节点,此外通过与 InclueHealth 的合作,该公司还将确定 MoveNet 是否能够为患者的远程护理提供帮助。全文地址(国内):谷歌研究院推出MoveNet动作检测工具和TensorFlow.js API全文地址(国外):谷歌研究院推出MoveNet动作检测工具和TensorFlow.js A

2021-06-21 12:02:52 6327 26

原创 万薪前端开发 三年来学习经验总结

逻辑思维很重要(整体)当你拿到一个需求的时候,不要慌张。先整理一下,该需求所需要的一些技术和方法,还有估算用这些技术方法的时间。而工作经验,就是对这些技术方法的深度和广度,这就是为什么公司都喜欢工作经验丰富的职员。我们在公司里工作,运用这些技术方法处理公司的需求,自然而然地增加了工作经验。就算是初学者,面对一个需求,也不会毫无头绪,毫无办法。就算资深前端开发,遇上一个奇葩的需求,也会思维短路,拖延工期。所以解决问题的能力很重要。(能力)前端基础由html+css+js三部分组成,简单地说,就

2021-05-13 16:49:43 547 2

原创 vue列表通用模板解析(上拉更多下拉刷新)

ps: 对于前端来说,列表是最常见的,不管哪个项目,都离不开列表,所以当项目做多了的时候,会有自己的一套模式,下面我就把我的模式放上来,给你们看看。技术:vue + vant(vue的ui框架)<template> <div class="wrapper"> <van-pull-refresh v-model="isLoading" @refresh="getData(1)"> <van-list v-model="lo

2020-08-18 16:25:30 632 1

原创 2020/08/18 日常闲聊,有点迷茫

大家都想知道,我消失的这两个月,都干了什么吗?不用想了,和大部分人一样,有项目的时候,做项目,没项目的时候,刷知乎和贴吧(摸鱼)大家都知道,程序员忙起来很忙,闲起来很闲。所以,最近都处于一个很闲的状态下。以至于我上博客,都没什么内容可写,还拖到了现在,还水了那么多字。。。这几个月来,在公司基本上没有学到东西,怎么说呢,被我学完了?我不确定,但公司需求的技术我基本都会,还有一方面,则是公司为了节约成本和时间,总是套用之前做过的模板,所以基本上都是在此基础上改。一来二去,总是做着重复性的工作,尤

2020-08-18 16:03:21 317 1

原创 四舍五入两年前端取经归来(html+css常用基础篇)

题外话:今天稍微整理了下工作中经常用的html+css,算是一个技术总结吧消失了两个月,终于有小伙伴加了我qq,小伙子,你催更狠独特呀待会儿,过两三个小时,还会有经历文章,如果没有,说明我偷懒了,等明天吧,哈哈html篇1.万能div(常用指数★★★★★)讲道理,有一说一,div天下第一。大家不会反驳吧小徐,这里写个文案,好<div style=" font-size:16px; font-weight:500; line-height:1.5; color:#3

2020-08-17 17:01:48 598 3

原创 2020/06/22 初识云开发的机遇和感受

上一周,我哥知道我做前端这一块的,拜托我帮他弄个模拟摇号的小程序,他还说要是成本太大了,就不做了。我想也没想,就对我哥说,我先试试看,然后就按照他的要求先用html页面写了个大概,完成基本的功能,由于是html页面,可以直接发给他看。他看了,觉得还不错,说这一套移到小程序上面,会不会很麻烦。我二话不说,自己申请了个小程序,花了半天时间,将小程序完善,提交体验版,添加体验成员,一气呵成,然后发了个二维码给我哥。他看了挺满意的,就问我审核通过要多久,我说快的话大概几小时,慢的话几天。由于成本低,是静态

2020-06-22 10:11:23 302

原创 使用JQ编写的抖音罗盘时钟

一个小时内用jQuery写出来的,效果看上去还不错。这里先放个效果图整个HTML页面注运动速度找transition,我设置的是1s显隐颜色找activeColor noActiveColor圆间距找dPx以上三点都可以自定义,其他的要自定义自己改<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content

2020-06-17 16:12:34 586

原创 2020/06/15 项目做得多,要学会偷懒

由于公司定位主要为电商做软件,所以只要我们自己做一个像样的app,公众号,小程序,再根据客户所需求,在这基础上改,一个客户所需的软件就完成了。因此,你便会碰到各式各样的需求,有人要求专场自建,有人要求特殊的专场,还有人要求颜色主题自定义,轮播图背景和底色跟着变。按道理来说,不可能我给你做一套,他另做一套,既然客户那么多,又想自定义,又想都通用,然后就牵扯到了云商城。菜单自定义,专场自定义,首页排版自定义,颜色主题自定义等等一系列的自定义,都要变量,小至参数,大至组件甚至整个网页(网页也算个组件吧)。

2020-06-15 10:04:30 1246

原创 2020/05/25 项目有新鲜玩意儿,和看了某种小说感想

眨眼间,又到了周一,开始码文的日子。虽说程序员的生活过得平淡,没有什么值得留念的地方。但理了理上周所发生的事情,我发现还是有几件让我感兴趣的事。先说说工作上面有趣的地方吧。我们有个报名系统的项目,需要填写相关信息,手写签名确认并录入人脸。这就需要监听触屏和canvas画图,还有**face++**的人脸识别接入了,这两种其实我都没怎么接触过,所以感觉都很新奇。当我把手写签名的功能做出来,自己测试了一遍又一遍,根本停不下来,感觉很好玩,我很喜欢这种玩自己做出的东西。不过那后面face++那种,

2020-05-25 11:59:29 362

原创 全栈初始构建指令vue+express

依赖express框架的node后端1.安装生成器$ npm install express-generator -g2.创建名称为APP的应用:$ express app3.安装依赖包$ cd app 进入app目录$ npm run install 安装依赖包生成 package.json 文件4、启动应用$ npm start5、在浏览器中使用 localhost:3000访问默认的端口就是3000更改端口:路径:app/bin/wwwvar port =

2020-05-22 16:27:51 245

原创 给一个培训还是自学的理由

在博客上,发现有不少道友开始学习前端,其中不乏在考虑培训,还是自学的道友,听我一言。既然你考虑到了培训,却又拿不定主意,说明你大致有着这些担忧,让我来为你一一疏解一番。1.培训太花钱,怕白花钱2.自学没方向,希望有人带3.同学朋友都去培训了,自己要不要去4.不想换环境,不想再过高中生活除了以上4个问题,道友们可以在下面留言,我会一一回应,希望能帮到你们。好,我们先说说1的这种情况,怕白花钱,如果你出现了2的这种无头脑的情况,我建议你自己自问一下,一个合格的前端工程师,所需要哪些技能。一般初学

2020-05-20 09:32:42 1671 1

原创 2020/05/18 入职一年半工作经历,心态转变总结

题外话,由于最近项目不多,又有大把的业余时间。我打开了尘封了整整一年的博客,看了看别人写的总结,与自己的实习周记。我发现看的人还挺多的。想来如果接着出个续集就好了,你们也是这样期待的吧。所以我又回来了,先写个年记 总结先,周记什么的再说了,每周一更新,看看我能写多久。18年年底,面试狂潮,杭州的几个区几乎走遍,我如愿以偿拿到了前端实习岗位,也结识了不少志同道合的朋友,学习到了不少有用的知识。实习了6个月了,毕业了也转正了,公司搬迁换名,就像换了个面貌…我还记得那时的HR,魏姐,与我畅聊的一下

2020-05-18 16:57:32 2957 13

转载 十大经典排序算法 - JavaScript算法(二)

**转载文章 十大经典排序算法的JS版**输入:随机输入n个数:5,7,8,6,1,1,2,5,4,9输出:n个数的排列(从小到大):1,1,2,4,5,5,6,7,8,9排序对比:排序分类:冒泡排序(Bubble Sort)冒泡排序是一种简单的排序算法,它重复的走访要排序的数列,一次比较两个元素,如果它们的顺序错误就把它们交换过来,走访数列的工作是重复的进行直到没有再需要...

2019-05-31 11:40:47 315

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除