夕水

web前端开发

喜欢代码，读书，文学

4关注

27关注者

赞

22

更多

文章

1月前

2021年，让我们手写一个mini版本的vue2.x和vue3.x框架

mini版本的vue.js2.X版本框架模板代码首先我们看一下我们要实现的模板代码: 逻辑代码然后就是我们要编写的javascript代码。运行效果我们来看一下实际运行效果如下所示: 思考一

145
3
1

2021年，让我们手写一个mini版本的vue2.x和vue3.x框架

3月前

记录一次蚂蚁金服的前端面试

坐标成都，大专，4年前端，分享一次自己在蚂蚁金服的面试经历。一面 1.自我介绍答：我是XXX,经历。。。。 2.vue data响应式的实现答:啪啦啪啦说了一大堆，感觉我很兴奋。 3.vue c

109
2
评论

3月前

深入JavaScript中的this对象

this关键字是函数当中最重要的一个知识点。它在JavaScript中的表现也会有一些细微的不同，在严格和非严格模式之下也会有一些差别。绝大多数情况下，this的指向由函数的调用方式决定。它不能被赋值，并且每次函数调用，它也有可能会不同。ES5引入了bind方法来设置函数的t…

79
3
1

4月前

一个灵活高度自定义的JavaScript颜色选择器

这是一个用javascript编写的灵活的，高度自定义的颜色选择器。这个颜色选择器适用于中小型项目，例如主题的切换。不同于组件库中的颜色选择器组件，它的配置自主化，根据用户的需求来自定义。 html5的原生颜色选择器样式不好看，而组件库的颜色选择器不够灵活多变，这样一来，就有…

212
4
1

6月前

2天用vue3.0实现《掘金 - 2020年度人气创作者榜单》网站

初看到掘金 - 2020年度人气创作者榜单这个网站，感觉整体界面效果给我一种清爽的感觉，于是花了点时间琢磨如何实现。目前实现的功能有:列表展示，搜索，无限加载(与原网站有些区别，加了loading效果)，活动介绍，tab切换。通过这些，我对vue3.0的composition …

1746
21
18

10月前

从零开始编写一个时间线组件

在编写代码时，我们需要用到es6的语法，因此我们还需要安装@babel/core @babel/cli @babel/preset-env babel-loader依赖来处理es6兼容语法。继续执行如下命令: 这只是一个默认的配置，也可以自行根据需求来进行配置，更多信息详见ba…

867
13
4

1年前

20个无库无框架的小型web项目(中文版)

前一阵子看到了大火的github项目vanillawebprojects，对其中的实现有些好奇，于是研究了写法，但是对英文有些不太熟悉的我，无法忍受这样的纯英文项目，于是花了二周时间，潜心研究了项目的实现思路，然后自己实现了这20个web项目的中文版。虽然思路来源于原项目，但是…

1812
25
2

1年前

用JavaScript无canvas来完成一个柱状图表

提起数据可视化技术，都不免会让人想到echarts,而最简单的入门图表就是柱状图了。它是基于canvas来实现的,而我在想，如果不用canvas，我是否能不用canvas实现柱状图，经过我的探索，终于实现了一款柱状图表。首先，我们需要确定柱状图表有哪些部分，第一右上角头部有l…

261
5
评论

1年前

从零开始实现一个消息提示框

消息提示框在实际应用场景当中比较常见，最常用的就是element ui的消息提示框，我们通常都是直接使用它们,但是我们有没有尝试过去探究其实现原理，并自己动手实现呢？为了提升我们的个人能力和竞争力，我们可以尝试来实现这样一个消息提示框。这样一来，准备工作就完成了，接下来就是我…

976
7
评论

1年前

100多行代码实现js或者jquery版的类似juejin的预览图片功能

预览图片是一个很常用的业务功能，比如掘金的预览图片功能，下面我们就来模拟实现一个类似掘金的简单预览图片功能（PS:最终实现动画效果不如掘金，可自行扩展，还有就是嵌套的元素与掘金的方式也有区别）。首先新建一个js文件，命名为viewer.js,然后在这个js文件中，我们来创建一…

492
8
评论

个人成就

文章被点赞141

文章被阅读13,789

加入于

2018-10-24