2017年12月_喵大嗷

原创浅谈BFC—CSS的低调大佬

说起bfc，第一印象就是这哥们不是清浮动用的么？浮动使用不当可能会造成页面的塌陷，如果触发了BFC就不会造成页面的塌陷，具体原理？不太清楚。。。。。某日在一论坛网站看到了一些关于BFC的介绍，“当你在修改样式的时候，就会在不知不觉的时候触发了神奇的BFC，用了却不知晓。”突然觉得这哥们真的太低调了，以前从来没有认真的去探讨过他。先来说说什么是BFC（Block Formatting Context）

2017-12-12 13:11:57 625 1

原创 vue-router的编程式路由

什么是编程式路由？路由这里就不多说了，先说说怎么去在有路由功能的应用中去（点击）切换路由，可以使用<router-link> 组件，<router-link> 组件通过 to 属性指定目标地址，默认渲染成带有正确链接的 <a> 标签；如果不想渲染成<a> 标签，可以使用 tag 属性来指定要渲染的元素；如下面代码：//跳转到home路由，渲染成li<router-link to="home" ta

2017-12-27 19:42:51 2888 1

转载 2017阿里技术年度精选集下载地址

2017阿里技术年度精选集干货下载：《2017阿里技术年度精选集上》下载链接： http://techforum-img.cn-hangzhou.oss-pub.aliyun-inc.com/2017%20Alitech%20Archive_1.pdf《2017阿里技术年度精选集下》下载链接： http://techforum-img.cn-hangzhou.oss-pub.aliyun-inc

2017-12-25 08:28:07 1018 2

原创 vuex的辅助函数mapState前面的那三个点--对象展开运算符

关于mapState，官方文档的说法：当一个组件需要获取多个状态时候，将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题，我们可以使用 mapState 辅助函数帮助我们生成计算属性，让你少按几次键： mapState 函数返回的是一个对象。我们如何将它与局部计算属性混合使用呢？通常，我们需要使用一个工具函数将多个对象合并为一个，以使我们可以将最终对象传给 computed 属

2017-12-22 16:34:01 10987 3

原创 css3简单实现页面中出现雪花飘落效果

快要到圣诞节了，浏览了常去看的学习网站，发现那个网站多了一层雪花飘落的遮罩层，感觉挺有假日气氛的。就自己尝试写了个简单的雪花飘落的遮罩层，大致效果如下：雪花是透明背景的图片，通过css动画来调整雪花图片位置，来实现雪花飘落的动效。为了突出雪花，body的背景色设置成了黑色。。。其实雪花就只是一个遮罩层，下面的背景应该是原来的网页，自己模拟的就只写雪花效果话不多说了，上代码<style>

2017-12-22 14:09:31 16543 5

原创小笔记--JS字符串方法

字符串方法总的可归类为：查、删、改先说说字符串查找方法：1.给定下标去找对应的位置的字符–charAt(index)```strObj.charAt(index) 说明： index想得到的字符的基于零的索引。有效值是0与字符串长度减一之间的值。例如： var str = "ABC"; str.charAt(1); 结果：B ```2.给定一个字符串，查找这个字符串在原字符串中出

2017-12-20 16:43:28 158 2

原创 jquery的click()事件如何传参

说起jquery的事件如何传参，那么就要先回归到一个问题：jquery绑定事件的时候可以传几个参数呢？官方文档给的答案是： 1.如果是通过on绑定的话，可以传入四个参数: jQueryon(events,[selector],[data],fn) 2.如果是直接通过事件绑定的，例如click(),可以传入2个 jQueryclick([[data],

2017-12-07 17:03:08 8780 1

转载 css常用效果总结

1.快速设置滤镜2.div可输入 3.textara禁止拖动

2017-12-04 16:48:16 269 1

原创 Promise 对象的使用方法

Promise对象的意义：说一个浅显的例子，在日常的开发中，在一次异步请求成功之后，拿到请求到的参数，再进行往下的n个操作，有的时候或许还能用到异步请求之后再接下来一个异步请求，下面代码是最直接无脑的写法：$.ajax({//注意：这是第一个ajax请求 url: '......', success: function (data) { $.ajax({//这是第二个

2017-12-04 15:28:49 5808 1

原创 BOM核心对象window常用方法与子对象

前言 BOM：浏览器对象模型，主要处理浏览器窗口和框架

2017-12-04 13:14:13 1336 1

原创解锁css3新姿势之transform3D各属性及transform兼容之矩阵写法

闲来无事，整理一下可以打造炫酷网站的一些transform的属性 1. 矩阵transform:matrix() 这个矩阵哥们是有些厉害的，不得不多说两句，这哥们可以同时写上缩放，旋转，拉伸，位移等变形；详细内容见下面 2.transform-style:preserve-3d;创造3D空间 3.transform:rotate;2D旋转； 4.trans

2017-12-03 19:12:58 3388 2

原创 vue踩坑之全局使用axios

前言： Vue 原本有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，尤雨溪宣布停止更新vue-resource，并推荐大家使用axios之后，越来越多的 Vue 项目，都选择 axios 来完成 ajax 请求，而大型项目会使用 Vuex 来管理数据之前一直使用的是 vue-resource插件，在主入口文件引入import VueRes

2017-12-03 18:50:02 32951 7

原创正则表达式基本语法之思维导图

正则的基本语法正则提供的方法正则的修饰符与量词字符串使用正则的方法正则表达式之子项重定向思维导图

2017-12-01 13:20:49 1222 1

喵大嗷的博客