摘要：
slot-插槽，是Vue提供的一种HTML模版，由子组件提供的一种暴露给父组件的可以传入自定义内容的出口。 slot 有匿名插槽，具名插槽，作用域插槽三种。 // 一个元素里只能有一个匿名插槽 <div class="child1"> <!--匿名插槽--> <slot>匿名插槽按钮</slot> 阅读全文
摘要：
众所周知，在vue中可以利用watch来监听数据的变化，从而可以处理一些业务上需要处理的逻辑。一般我们都会监听一些简单数据类型： 比如： var data = { name: 'testname', age: 18, newName: '' } watch: { name(val) { this.n 阅读全文
摘要：
很早之前，计数器仅存在于ul，ol等元素中，如何想给其他元素增加计数，就只能通过list-style-image，或者background-image来实现。不过现在css3增加了counter属性，可以实现任何元素的计数作用。不过这个counter属性还需要配合其他css属性一起才能有效果。 首先 阅读全文
摘要：
终于又回来了，先来简单整理一波http请求的信息。对于前端来说，不管是在面试还是在实际项目中，都有必要去了解一些关于http的信息。 http请求包含三部分：请求行request line、请求头request head、请求体request body。 对应的http响应也包含三部分：响应行，响应 阅读全文
摘要：
遇到过两三次这种需求：做一个带有过渡效果的下拉列表，并且下拉列表的内容的高度不确定，不一致，有的甚至列表项的高度都不一致；如下图所示： 点击每个列表项时，下拉的内容会下滑出来。。。虽然网上有各种解决办法，但是有的试了不太好用，就自己想了一个有点麻烦但是一般情况下感觉挺好用的解决方法。。 采用如下代码 阅读全文
摘要：
好长时间没写博客了，时值五一，外面到处人山人海，本宝宝还是好好呆在家学习吧。好了，言归正传。在没有后台支持的情况下，如何实现从一个页面像另一个页面来传递数据呢？应该很多人遇到过这个问题吧。那我就来说说我在项目中遇到的时候是如何解决的。 比如说，有两个页面，page1.html，和page2.html 阅读全文
摘要：
弹性盒模型，即Flexbox，是css3中的新特性，其实弹性盒模型的原身是dispaly：box；这里，我们暂时不考虑旧的，我们只看新的。 为容器指定弹性盒子，只需在父元素（也就是容器）中设置：display：flex；（注意，webkit内核的需要加webkit前缀，行内元素设置弹性盒子的话，设置 阅读全文
摘要：
一直忽略了input和label的关系。一次在做自定义单选框的时候又重新捡起来这对“兄弟”。 label的for属性和input的id值一致的话，input和label就会组成一个组。例如： 点击label的区域同样会触发到input的选中效果。利用这一特性，然后结合伪元素可以自定义单选框和单选按钮 阅读全文
摘要：
attr，prop都是属性的意思，那他们有什么区别呢？我们先来看一下jquery的部分源码： attr部分： prop部分： 我们注意到，两个方法最主要的源码部分是：attr是通过setAtrribute和getAttribute来设置的，使用的是DOM属性节点，而prop是通过document.g 阅读全文
摘要：
text-fill-color是什么意思呢？单单从字面上来看就是“文本填充颜色”,不过它实际也是设置对象中文字的填充颜色，和color的效果很相似。如果同时设置text-fill-color和color两个属性，则text-fill-color会覆盖掉color的值。 由于text-fill-col 阅读全文