晴天Smile

原创 什么是VUE？为什么用VUE？

Vue.js新手入门指南最近在逛各大网站，论坛，以及像SegmentFault等编程问答社区，发现Vue.js异常火爆，重复性的提问和内容也很多，楼主自己也趁着这个大前端的热潮，着手学习了一段时间的Vue.js，目前用它正在做自己的结业项目。在做的过程中也对Vue.js的官方文档以及其各种特性有了许多认识。作为一个之前以PHP+模版引擎为主的开发，从一个从未接触过除HTML+CSS

原创 下拉框

排序 时间 销量 库存

原创 函数

形参和实参的区别                                      this函数即对象

原创 对象的一些模糊

原创 逻辑表达式

逻辑与&&左边为假&&右边为真或为假则整个都为假，因此&&简单返回左操作数的指false，不会对右操作；如果左边为真&&真或假则返回 后面的数；&&称为短路逻辑逻辑或||

原创 运算符

其他的一般都是从左到右；i++in运算instanceof运算符：

原创 Flex布局，常用的几个属性值；

任何东西都可以Flex布局；包括行内元素：display:inline-flex;.box{ flex-wrap: nowrap | wrap | wrap-reverse;}它可能取三个值。（1）nowrap（默认）：不换行。（2）wrap：换行，第一行在上方。（3）wrap-reverse：换行，第一行在下方。3.4 justify-content属性ju

原创 继续之前

继续之前Marcus 将详细介绍变量访问（也被称为作用域（scoping））在 JavaScript 中的工作原理。但他的讲解是建立在一定的先修知识上的。如果你不了解这些知识，也不用担心。先修知识自上而下浏览此列表。如果你不熟悉其中列出的任何主题（或者你想复习），请遵循说明。先修知识 1 - JavaScript 基础主题：语法、变量、注释、运算符、

原创 对象

代码中的对象提示：需要注意的是，虽然我们可以将现实中的对象表示为 JavaScript 对象，但是并非始终可以这么做。一开始这么理解，有助于你思考对象的结构和作用，但是作为开发者，随着经验的不断增长，就会发现 JavaScript 对象可能与实际的物体有很大的区别。注意：typeof 是个运算符，可以返回后面的数据类型的名称：typeof "hell

原创 数组

数组数组很有用，因为它可以将多个值存储到一个有条理的数据结构中。定义新数组的方法是列出各个值，并用逗号分隔，然后放在方括号 [] 里。// creates a `donuts` array with three stringsvar donuts = ["glazed", "powdered", "jelly"];但是字符串并不是唯一可以存储在数组中的数据类型。你还可以存储

原创 函数

声明函数如何声明函数函数使你能够将一段代码封装起来，并在程序中使用（经常会重复利用）。有时候，函数具有参数，例如这节课开头部分的 pizza 按钮。reheatPizza() 具有一个参数：披萨块数。function reheatPizza(numSlices) { // code that figures out reheat settings

转载 While 循环的各个部分

While 循环的各个部分While 循环的各个部分循环有各种类型，但是它们本质上都实现相同的操作：重复一定次数地执行特定操作。任何循环都具有以下三大部分：何时开始：设置循环的代码 — 例如定义某个变量的起始值。何时停止：测试循环是否继续的逻辑条件。如何转到下一项： 递增或递减步骤 — 例如，x = x * 3 或 x = x - 1

原创 条件语句

If...else 语句If...else 语句使你能够根据是否满足一定的条件而执行特定的代码。if (/* this expression is true */) { // run this code} else { // run this code}这非常有用，因为你可以根据表达式的结果选择要执行的代码。例如：var a = 1;var b = 2;

原创 v-if实现导航切换

v-if实现导航切换：v-if 应该只是 一个状态机if 里的数值是true 的话就输出节点，false 的话就不输出节点

原创 width:calc()的自适应用法

在知道包围元素的width的情况下，另外元素的自适应；          如：我想让左边的元素自适应，因为我不知道左边元素的宽度大小，而只知道右边图像的大小，这个时候我就要给左边元素一个： width: calc(100% - .26rem);

原创 display:flex;巧用技巧

.btn-collection{    padding:.01rem .05rem;    border-left:1px solid #ccc;   display: flex;    align-items:center;  }display:flex;巧用技巧； 不一定用在多个div中如果不用display:flex;则

原创 display: -webkit-box; 盒模型

p {        width: 100%;        overflow: hidden;        text-overflow: ellipsis; 文本溢出隐藏        display: -webkit-box; /* 定义为盒子显示 */        -webkit-box-orient: vertical;  /* 定义为竖向编排显示 */    

原创 V-FOR用法

注意它在数组里的写法

原创 flex 处理商品条单

原创 两行文字排序也可以用flex

两行文字排序也可以用flex;

原创 检测属性

判断某个属性是否存在于某个对象中，可以通过in运算符，hasOwnPreperty()和propertyIsEnumerable().var o={x:1}"x"in o;"y"in o;"soString"in o;

原创 对象的含义

在现实中，汽车和房子都是对象，在计算机编程中，现实世界中的每个物理物件都可以表示为一个对象，而且每个对象都有：属性，事件，方法。属性指的是特性,如汽车都汽车的颜色，而且每个属性都有一个名称和指。事件指的是 程序员可以在一种特定的事件发生时选择响应哪些事件，事件可以触发一段特定的代码， 方法指的是表示人们通过对象需要做的事情，方法可以获取和更新对象的属性值；做这些方法的指令方法的代码

原创 网站地址

http://v1-cn.vuejs.org/ https://www.zhihu.com/question/27018083http://www.divcss5.com/rumen/r654.shtml   http://www.lampbrother.net/php/html/PHPvideo/php_html5/http://www.51zxw.net/list.aspx?cid