wx5af05f1645ef2的博客

面试官：Vue3响应式系统都不会写，还敢说精通？

Vue3已经面世很久了，你还不了解其内部实现？响应式系统、computed、watch到底是如何实现的？和胖头鱼一起来一次Vue3源码分析之旅...一定会看到不一样的风景哦

前端

Vue.js

面试

fish

响应式

原创 2022-04-29 14:57:45 61 阅读

那些不起眼的小工具？

今天想写一篇关于下划线这个库中一些小工具函数的故事，我们都听过一句话，一个成功的男人背后一定有一个了不起的女人 (????，其实也不一定，也许还有男人呢)，那么一个经久不衰，为程序猿们所称道的库，框架的背后自然也有不少看起来不起眼，甚至你都懒得正眼瞧他的 "小工具" 存在。正是这些背后的无名英雄为类库和框架的形成，贡献了不可磨灭的力量。

JavaScript

ECMAScript 6

HTML

CSS

Underscore.js

转载 2022-04-29 14:28:08 123 阅读

(void 0) 与 undefined 之间的小九九

这是 underscore.js 源码分析的第一篇文章，为什么选择写这篇文章呢？

Underscore.js

ECMAScript 6

HTML

JavaScript

作用域

转载 2022-04-29 14:27:48 945 阅读

用原生 js 写一个

最近在知乎上看到 @方应杭用 vue 写了一个会动的简历，觉得挺好玩的，研究一下其实现思路，决定试试用原生 js 来实现。

HTML

JavaScript

ECMAScript 6

Webpack

html

原创 2022-04-29 14:27:23 269 阅读

Zepto中数据缓存原理与实现

看一下上面那张图。简单地理解就是对于DOM自定义数据的增删改查就是在对数字索引对应的对象进行操作。基本用法大家肯定很熟悉，需要注意的地方是，我们也可以直接获取定义在html标签上以data-为前缀的属性。接下来我们就直接看源码实现啦通过上面的例子我们知道，设置数据的时候可…

Zepto.js

前端

Node.js

源码

数据

转载 2022-04-29 14:20:55 52 阅读

如何实现swipe、tap、longTap等自定义事件

Zepto.js

前端

JavaScript

jQuery

长按事件

转载 2022-04-29 14:20:34 502 阅读

向Zepto学习关于

offset、position两个api内部的实现都依赖offsetParent方法,我们先看一下它是怎么一回事。我们都知道css属性position用于指定一个元素在文档中的方式，其初始值是static, css3中甚至还增加了sticky等属性，不过目前貌似浏览器几乎…

Zepto.js

前端

API

CSS

css

转载 2022-04-29 14:20:07 111 阅读

Zepto这样操作元素属性

已经知道了如何使用attr方法，在开始分析attr实现源码之前，我们先了解一下这几个函数。它的主要作用就是设置或者删除node节点的属性。当value为null或者undefined的时候，调用removeAttribute方法移除name属性，否则调用setAttribut…

Zepto.js

源码

前端

HTML

html

转载 2022-04-28 16:03:11 99 阅读

Zepto核心模块之工具方法拾遗

前言平时开发过程中经常会用类似each、map、forEach之类的方法，Zepto本身也把这些方法挂载到$函数身上，作为静态方法存在，既可以给Zepto的实例使用，也能给普通的js对象使用。今天我们主要针对其提供的这些api做一些源码实现分析。源码仓库原文链接具体各个a…

HTML

JavaScript

Underscore.js

jQuery

Zepto.js

转载 2022-04-28 16:02:52 57 阅读

【中高级前端】必备，30+高频手写实现及详细答案(万字长文)，你值得拥有噢

Promise及其周边方法、快排、冒泡、选择、插入排序算法、发布订阅、数组去重、数组拍平等30+高频手写实现及其详细答案解析，助你在日常工作中披荆斩棘，勇往无前。

JavaScript

Vue.js

前端

json

数组

原创 2022-04-28 15:58:40 153 阅读

你可能会用到的一个路由适配器

你是不是在想，这需求俺根本不用koa、koa-router，原生的node模块就可以搞定。需要我们自己去解析路径。路径的解析和逻辑的书写耦合在一块。如果未来有更多更复杂的需求需要实现，那就gg了。通过上面的处理，路径的解析倒是给koa-router处理了，但是整体的写法还…

koa

前端

Node.js

React.js

路由配置

转载 2022-04-28 15:54:03 35 阅读

一个前端小白的

怎么办？一张张图片右键保存吗？不不不，效率低，鼠标按多了“右手”还疼????。差点忘了，我特么是个程序员啊！程序员啊！程序员啊！这种事难道不应该交给程序去干嘛。在验证这个想法之前，我们先不去看这个请求的具体响应内容。我们先点击一下页面上的查看全部 948 个回答按钮，如果猜的对，…

爬虫

前端

服务器

JavaScript

原创 2022-04-28 15:53:18 54 阅读

就因为这三个知识点，我彻底学废了”正则表达式“

你是否也对正则表达式有许多困扰，不会写，不会用？甚至有点小小的恐惧，不敢深入去接触他？不用担心，和胖头鱼一起通过这三个知识点，14个案例彻底学废他。

前端

正则表达式

JavaScript

正则

html

原创 2022-04-28 15:50:17 38 阅读

工作四年，舍弃广州30K的offer，我该后悔吗？

既往不恋，纵情向前，2021年终总结，我收获了什么，失去了什么？未来的路该如何走？是时候这个了结了。

前端

JavaScript

Vue.js

正则表达式

公众号

原创 2022-04-28 15:50:15 72 阅读

excel还能这么操作？看掘力星爬虫就够了，你可能即将中奖噢！！！

你知道如何用nodejs灵活操纵excel吗？你想了解目前掘力星计划有多少人参加活动吗？你想知道自己中奖是否稳了吗？来吧！和胖头鱼一起探究吧！！！

前端

JavaScript

Vue.js

数据

json

原创 2022-04-28 15:50:13 22 阅读

你知道 koa 中间件执行原理吗?

前言原文地址最近几天花了比较长的时间在 koa(1) 的源码分析上面，初次看的时候，被中间件执行那段整的晕乎乎的，完全不知道所以，再次看，好像明白了些什么，再反复看，我去，简直神了，简直泪流满面，简直丧心病狂啊！！！ koa 用在前面下面的例子会在控制台中打印出一些信息 (…

koa

JavaScript

ECMAScript 6

HTML

服务器

原创 2022-04-27 13:39:43 385 阅读

你要看看这些有趣的函数方法吗？

前言这是 underscore.js 源码分析的第六篇，如果你对这个系列感兴趣，欢迎点击 underscore-analysis/ watch 一下，随时可以看到动态更新。下划线中有非常多很有趣的方法，可以用比较巧妙的方式解决我们日常生活中遇到的问题，比如_.after,_.be…

Underscore.js

源码

JavaScript

HTML

ECMAScript 6

原创 2022-04-27 11:49:32 98 阅读

如何写一个实用的 bind?

前言这是 underscore.js 源码分析的第五篇，如果你对这个系列感兴趣，欢迎点击 underscore-analysis/ watch 一下，随时可以看到动态更新。事情要从 js 中的 this 开始说起，你是不是也经常有种无法掌控和知晓它的感觉，对于初学者来说，this 简直如同…

Underscore.js

JavaScript

ECMAScript 6

HTML

源码

原创 2022-04-27 11:48:46 144 阅读

mouseenter与mouseover为何这般纠缠不清？

前言原文地址项目地址不知道大家在面试或者工作过程中有没有被mouseover和mouseenter(对应的是mouseout和mouseleave)事件所困扰。自己之前在面试的时候就有被问到诸如mouseover和mouseenter事件的异同之类的问题？当时没有答出来，…

HTML

CSS

DOM

JavaScript

ECMAScript 6

原创 2022-04-27 11:48:32 166 阅读

谁说你只是

前言套用上篇文章向 zepto.js 学习如何手动触发 DOM 事件的开头???????????? 前端在最近几年实在火爆异常，vue、react、angular 各路框架层出不穷，咱们要是不知道个双向数据绑定，不晓得啥是虚拟 DOM，也许就被鄙视了。火热的背后往往也是无尽的浮躁，学习这些先进流…

Zepto.js

jQuery

源码

HTML

CSS

原创 2022-04-27 11:47:55 147 阅读

看Zepto如何实现增删改查DOM

遍历当前集合中的元素，当该元素的父节点存在的时候，使用removeChild删除该元素。可以看到就是在$的原型上添加了一个指向remove函数的方法detach。遍历当前集合中的元素，然后将元素的innerHTML属性设置为空。也就达到了清除DOM内容的目的。以上是app…

HTML

JavaScript

前端

jQuery

源码

原创 2022-04-27 11:41:14 127 阅读

Zepto源码分析之form模块

对表单字段的名称和值进行URL编码，使用&分隔。不发送禁用的表单字段。(也就是属性disabled为true的) 在单击提交按钮表单的情况下，也会发送提交按钮的value值，否则不发送提交按钮。 select元素的值，就是选中的option元素的value属性的值，如果opt…

HTML

JavaScript

jQuery

Zepto.js

表单

原创 2022-04-27 11:40:41 136 阅读

这些Zepto中实用的方法集

前言时间过得可真快，转眼间2017年已去大半有余，你就说吓不吓人，这一年你成长了多少，是否荒度了很多时光，亦或者天天向上，收获满满。今天主要写一些看Zepto基础模块时，比较实用的部分内部方法，在我们日常工作或者学习中也会用的到。源码仓库原文链接 1. 将数组铺平(flat…

HTML

CSS

JavaScript

jQuery

Zepto.js

原创 2022-04-27 11:39:11 94 阅读

【建议收藏】25+正则面试题详尽解析，让你轻松通过正则面试，让你少写2000行代码

数字千分位分割、手机号3-3-4格式拼接、trim函数实现、HTML转义、获取url query参数...你是不是也经常在面试和工作中遇到呢？让我们一起看看，如何用正则将他们一网打尽吧！！！

面试

JavaScript

正则表达式

正则

字符串

原创 2022-04-27 11:34:03 308 阅读

如何优雅地嗅探”对象“是否存在”环“？

循环引用，我们熟悉的不能再陌生的知识点，今天用三分钟时间了解JS中的循环引用，然后再用一分钟写出识别循环引用的通用方法，你的深拷贝，你的JSON.stringify从此不再有”缺陷“。

JavaScript

Vue.js

前端

循环引用

数据类型

原创 2022-04-26 14:50:33 407 阅读

我是如何用这3个小工具，助力小姐姐提升100%开发效率的

前言简单的知识点搭配合适的业务场景，往往能起到意想不到的效果。这篇文章会用三个最基础人人都知道的前端知识来说明如何助力运营小姐姐、公司48+前端开发同学的日常工作，让他们的工作效率得到极大地提升。

前端

面试

Vue.js

json

chrome

原创 2022-04-26 14:05:30 68 阅读

原来3D感空间行星轨迹是这样画的

我正在参加中秋创意投稿大赛，详情请看：中秋创意投稿大赛背景点击查看太阳、地球、月亮3D旋转点击查看太阳、地球、月亮3D旋转源码中秋佳节即将到来，远在他乡的孩子们马上可以回家和父母一起吃月饼，看

CSS

Vue.js

HTML

3d

d3

原创 2022-04-26 14:05:21 644 阅读

四行代码实现302重定向绕过该死的安全限制，让小姐姐开发效率直接飙升

用3分钟时间，学会一个技能，用最没技术含量的四行代码，解决最实际的问题，提升100%开发效率，当然最重要的是小姐姐给你一个棒棒哒。

面试

Vue.js

JavaScript

重定向

安全检查

原创 2022-04-26 14:01:50 1837 阅读

【建议收藏】徒手实现24+数组方法，谁说你只是“会用”数组？

数组是我们熟悉的小伙伴，33+个数组方法帮助我们解决了很多疑难问题，聪明如你，是否愿意和我们一起来探究他们的内部实现原理呢？相信我，你一定会收获属于自己不一定的风景噢！

JavaScript

前端

Vue.js

数组

代码实现

原创 2022-04-26 14:01:27 989 阅读

42+JavaScript高频手写实现及详细答案，胖头鱼喊你一起学源码啦！

菲波那切数列、防抖、节流、bind等12+高频手写题及其详细答案解析，助你在日常工作和学习中披荆斩棘，勇往无前

JavaScript

Vue.js

前端

json

缓存

原创 2022-04-26 14:00:32 162 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx5af05f1645ef2的博客