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

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

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

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

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

pixi.js是一个非常快速的2D精灵渲染引擎。它可以帮助我们显示，动画和管理交互式图形。如此一来，我们可以使用javascript和其它HTML5技术来轻松实现一个应用程序或者完成一款游戏。它有一个语义化的、简洁的API，包含了许多有用的功能。比如说支持纹理地图集，也提供一个通过动画精灵（交互式图像）所构建的精简的系统。...

某天，和某同事交流技术，他提到了一个问题：在js中，如果一个变量赋值给另一个变量，那么他们一定相等吗？为什么？。然后，我脱口而出，是相等，这无毛病。变量赋值本身就只是一个定义好的变量的副本，他们相等是没问题的，即便是引用类型的数据对象，在赋值的时候保持着内存的同一引用，它们当然也相等啊。当然注意这...

有些奇淫技巧玩好的话，就能提升自己的逼格，这不，一行js代码实现一个贪吃蛇小游戏就成了装逼到了最高境界嘛！代码如下: {代码...} ps:我不是来装逼的。！ 好了，让我们来运行一下这行代码，看一下效果: 看动图看着不过瘾？，好，你自己去线上看看demo可以撒，具体示例。 装逼完成，。 好了，言归正传，我怎么可能是来...

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

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

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

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

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

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

今天遇到一个问题，就是layui.js的下拉框模糊查询功能并不能满足我的需求，因此我动手自己写了一个下拉框。实现思路其实就是，模仿layui.js的下拉框样式，然后监听input的输入事件，一旦输入，就调接口，让后台返给我查到的数据。还是上代码吧:html: {代码...} css: {代码...} js: {代码...} 其实整体思路也不算太难，无...

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

目前还未完成的功能有:textarea高度自适应,移动端与pc端都写了。效果如图:html: {代码...} 引入md5.js,pc样式: {代码...} 移动端样式: {代码...} js代码: {代码...}

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

代码如下: {代码...} 原生调用: {代码...} vue.js调用: {代码...}

最近遇到这样一个问题，在HTML5手机页面中，直接给<img>标签设置宽高，即便图片路径正常，在IOS真机下也是无法显示的，而在安卓以及浏览器的模拟真机上都是正常显示的，这是为什么呢？

今天遇到一个需求，看起来也比较简单，就是实现一个打印功能。页面中有一个表单，将表单里的数据对应添加到表格中，然后点击打印按钮，实现预览打印，这里我用的是iview框架，如下图所示: