1.Expanding Cards效果如图所示:源码在线示例[ ] 知识点总结:CSS:弹性盒子布局中的flex属性:让所有弹性盒模型对象的子元素都有相同的长度，且忽略它们内部的内容。JavaScript:利用[].filter.call()方法可快速实现简单的选项卡切换。如上述示例源码: {代码...} 2.Progress Steps效果如图所示:源码在线示例[ ] 知识点总结:...

mini版本的vue.js2.X版本框架模板代码首先我们看一下我们要实现的模板代码: {代码...} 逻辑代码然后就是我们要编写的javascript代码。 {代码...} 运行效果我们来看一下实际运行效果如下所示:思考一下，我们要实现如上的功能应该怎么做呢?你也可以单独打开以上示例:点击此处。源码实现-2.xminiVue类首先，不管三七二十一...

第一次加入思否还是因为问题而进入的，不得不说思否的问答做的很棒，有很多热心的大佬解决问题，所以我被思否深深的吸引了，也加入了回答问题的大军，我的想法很简单，能把我所理解到的解答出来，对我来说即是一种提升。

坐标成都，大专，4年前端，分享一次自己在蚂蚁金服的面试经历。一面1.自我介绍答：我是XXX,经历。。。。2.vue data响应式的实现答:啪啦啪啦说了一大堆，感觉我很兴奋。3.vue computed的实现答:好吧到这里我就卡住了，因为我当时比较紧张了，尽管我内心不停的劝告自己，然后脑海一片空白。4.你在css方面的擅长?答:我擅长...

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

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

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

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

消息提示框在实际应用场景当中比较常见，最常用的就是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框架，如下图所示: