eveningwater

5

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

• 夕水   9月6日发布
• 4 收藏

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

10

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

• 夕水   5月10日发布
• 8 收藏

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

7

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

• 夕水   3月25日发布
• 6 收藏

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

3

2019,我的个人总结

• 夕水   3月9日发布
• 3 收藏

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

0

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

• 夕水   2月24日发布
• 收藏

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

3

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

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

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

15

pixi.js学习总结

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

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 收藏

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

0

原生js封装了一个插件集合(目前仅包含拖拽和创建自适应文本框插件，颜色选择器)

• 夕水   2019-04-14 发布
• 收藏

一个基于原生js而封装的插件集合，目前包含创建自适应的文本输入框，拖拽（支持移动端和PC端）的插件，颜色选择器插件,其它插件正在逐步添加中。

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的输入事件，一旦输入，就调接口，让后台...

5

从零开始学习vue

• 夕水   2018-11-22 发布
• 2 收藏

重要说明:本文会在我有空闲时间时持续更新，相当于是将官网的示例给完全呈现，是为了帮助初学者，也是为了巩固我自己的技术，我决定将官网给过滤一道消化，敬请期待。

1

调用百度API写了一个js翻译小工具

• 夕水   2018-11-20 发布
• 收藏

目前还未完成的功能有:textarea高度自适应,移动端与pc端都写了。效果如图: html: {代码...} 引入md5.js,pc样式: {代码...} 移动端样式: {代码...} js代码: {代码...} 鄙人创建了一个QQ群，供大家学习交流，希望和...

5

原生js实现手机端导航滑动效果

• 夕水   2018-11-20 发布
• 4 收藏

代码如下: {代码...} 效果如图所示: