Flex 布局教程：实例篇
你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局骰子的一面，最多可以放置9个点。下面，就来看看Flex如何实现，从1个点到9…
Flex 布局教程：语法篇
网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种…
实用的表单验证插件--jquery Validation
前言Validation作为表单验证中最常用的插件，为我在开发过程中提供了很多便利的地方。虽然说我很常用，但是我真的不敢说我会用Validation。每次使用都是在菜鸟教程上粘贴代码，修改rule就这么用了。所以自己决定还是从头撸一遍文档，但是没找到中文文档。这就有了翻译这个文档…
ECMAScript 5学习总结
ECMAScript 5.1 (或仅 ES5) 是ECMAScript(基于JavaScript的规范)标准最新修正。 与HTML5规范进程本质类似，ES5通过对现有JavaScript方法添加语句和原生ECMAScript对象做合并实现标准化。浏览器支持一般来说，除了针对个别特性的特殊说明，各大主流浏览器都支持es5，包括Chro…
vue2 + axios http请求封装
此版本封装主要是对请求封装，拦截什么的没做处理。主要是处理了请求的方式是post还是get请求做了处理，新建一个http.js,代码如下：import Qs from qsimport axios from "axios"axios.defaults.timeout = 15000;axios.defaults.transformResponse = [function (data…
Vue.js组件中的slot 内容分发详解
1、Slot分发内容是干什么的？简单来说，假如父组件需要在子组件内放一些DOM，那么这些DOM是显示、不显示、在哪个地方显示、如何显示，就是Slot分发负责的活。2、Slot分发小实例？如下代码：<div id="app"> <my-component> <span>这个…
vm.$attrs 【Vue 2.4.0新增inheritAttrs，attrs详解】
1、vm.$attrs简介首先我们来看下vue官方对vm.$attrs的介绍：包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class 和 style 除外)，并且可以通过 v-bind="$attrs"…
vue.js计算属性computed【getter和setter的一些思考】
前言：本文主要是针对vue.js计算属性computed中的getter和setter的一些理解。简单介绍在 Vue 中，computed 的属性可以被视为是 data 一样，可以读取和设值，因此在 computed 中可以分成 getter（读取） 和 setter（设值），一般情况下是没有 setter 的，computed 预设只有 get…