eveningwater

7

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

• 夕水   4月22日发布
• 2 收藏

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

6

深入JavaScript中的this对象

• 夕水   4月1日发布
• 5 收藏

绝大多数情况下，this的指向由函数的调用方式决定。它不能被赋值，并且每次函数调用，它也有可能会不同。ES5引入了bind方法来设置函数的this值，而不需要考虑函数的调用方式，ES6的箭头函数不提供自身的this绑定...

23

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

• 夕水   3月19日发布
• 10 收藏

ew-color-picker这是一个用javascript编写的灵活的，高度自定义的颜色选择器。使用场景这个颜色选择器适用于中小型项目，例如主题的切换。不同于组件库中的颜色选择器组件，它的配置自主化，根据用户的需求来自定...

1

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

• 夕水   1月30日发布
• 1 收藏

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

5

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

• 夕水   2020-09-06 发布
• 4 收藏

在编写代码时，我们需要用到es6的语法，因此我们还需要安装@babel/core @babel/cli @babel/preset-env babel-loader依赖来处理es6兼容语法。继续执行如下命令:

10

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

• 夕水   2020-05-10 发布
• 8 收藏

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

7

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

• 夕水   2020-03-25 发布
• 6 收藏

预览图片是一个很常用的业务功能，比如掘金的预览图片功能，下面我们就来模拟实现一个类似掘金的简单预览图片功能（PS:最终实现动画效果不如掘金，可自行扩展，还有就是嵌套的元素与掘金的方式也有区别）。

3

2019,我的个人总结

• 夕水   2020-03-09 发布
• 3 收藏

2019年是我变化最大的一年，不仅仅是技术，沟通交流与能力等各方面更让我清晰的认识到了自己的不足之处，学习的路还有很长很长，我有必要写出一篇文章来总结自己的这一年，以怀念我的2019。

0

gitbook踩坑记以及（源文件名大于系统长度）删除限制的小技巧删除分享

• 夕水   2020-02-24 发布
• 收藏

当从github上clone下来gitbook搭建的项目,并且gitbook -V查看gitbook已经安装好,然后gitbook init(其它命令同理)运行报如下图错:

3

假如女朋友要求帮她挑选衣服，怎么办？

• 夕水   2019-10-16 发布
• 2 收藏

假如你的女朋友发给你一堆衣服的图片，然后问你哪件好看，只能选一件最好看的，你会如何做？为什么不交给程序来进行抉择呢？本文的主题就是开发一个选择程序来解决你的女朋友的选择问题。

17

pixi.js学习总结

• 夕水   2019-10-15 发布
• 13 收藏

pixi.js是一个非常快速的2D精灵渲染引擎。它可以帮助我们显示，动画和管理交互式图形。如此一来，我们可以使用javascript和其它HTML5技术来轻松实现一个应用程序或者完成一款游戏。它有一个语义化的、简洁的API，...

10

一个奇葩问题引发的"吐血"

• 夕水   2019-05-14 发布
• 2 收藏

某天，和某同事交流技术，他提到了一个问题：在js中，如果一个变量赋值给另一个变量，那么他们一定相等吗？为什么？。然后，我脱口而出，是相等，这无毛病。变量赋值本身就只是一个定义好的变量的副本，他们相等...

26

装逼的最高境界---一行js代码完成一个简易版的贪吃蛇游戏

• 夕水   2019-05-10 发布
• 14 收藏

有些奇淫技巧玩好的话，就能提升自己的逼格，这不，一行js代码实现一个贪吃蛇小游戏就成了装逼到了最高境界嘛！代码如下: {代码...} ps:我不是来装逼的。！ 好了，让我们来运行一下这行代码，看一下效果: 看动图...

1

js验证身份证号码记录

• 夕水   2019-04-26 发布
• 1 收藏

在一些需要填写身份证的表单网页中，需要对身份证的输入做一个验证，于是，我记录下了自己写的验证。在写验证之前，我们需要理解身份证的一些常识规则。中华人民共和国居民身份证验证规则如下:

11

vue.js实现一个会动的简历(包含底部导航功能，编辑功能,添加了用户自定义写字速度功能)

• 夕水   2019-04-07 发布
• 6 收藏

首先要分析打字的原理实现，假设我们定义一个字符串str,它等于一长串注释加CSS代码，并且我们看到，当css代码写完一个分号的时候，它写的样式就会生效。我们知道要想让一段CSS代码在页面生效，只需要将其放在一对...

0

es6块级作用域

• 夕水   2019-03-24 发布
• 收藏

在JavaScript中使用var定义一个变量，无论是定义在全局作用域函数函数的局部作用域中，都会被提升到其作用域的顶部，这也是JavaScript定义变量的一个令人困惑的地方。由于es5没有像其它类C语言一样的块级作用域,...

7

使用es6实现iview的选项卡切换

• 夕水   2019-03-03 发布
• 4 收藏

代码如下: {代码...} 你可以狠狠点击此处具体示例查看效果。这里还可以进行优化。 鄙人创建了一个QQ群，供大家学习交流，希望和大家合作愉快，互相帮助，交流学习，以下为群二维码：

4

浅谈JavaScript位操作符

• 夕水   2019-02-21 发布
• 2 收藏

位操作符作用于最基本的层次上,因为数值按位存储,所以位操作符的作用也就是操作数值的位.不过位操作符并不能操作64位的值.所以位操作符会先将64位的值转换成32位的值,然后执行操作,最后再将结果转换成64位的值.

22

算法入门

• 夕水   2019-02-21 发布
• 15 收藏

任何代码片段都可以被称作是算法,这也就是说算法其实就是完成一组任务的指令.算法的优点在于要么速度很快,要么解决一些很有趣的问题,要么兼而有之.并且算法可以应用于任何编程语言中.

0

写了一个可以通过调后台接口实现模糊查询的下拉框（因为layui.js不满足需求）。

• 夕水   2018-12-14 发布
• 收藏

今天遇到一个问题，就是layui.js的下拉框模糊查询功能并不能满足我的需求，因此我动手自己写了一个下拉框。 实现思路其实就是，模仿layui.js的下拉框样式，然后监听input的输入事件，一旦输入，就调接口，让后台...