1
2
3
4
5
6

超链接：
    [链接文字](链接地址);
图片：
    ![图片说明](图片地址);
~~~type（js,html,css）
 内容

~

组件系统

什么是组件？

组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素， Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。

使用组件

注册

之前还说过，我们可以通过一下方式创建一个Vue实例：

1
2
3
4

new Vue({
    el: '#some-element',
    // 选项
})

要注册一个全局组件，你可以使用 Vue.component(tagName, options)。 例如：

1
2
3

Vue.component('my-component', {
        // 选项
})

对于自定义标签名，Vue.js 不强制要求遵循 W3C规则 （小写，并且包含一个短杠），尽管遵循这个规则比较好。

Vue

介绍

Vue.js 是什么

一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。

简单起步

双向数据绑定，所有的元素都是响应式的。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

<style>
    [v-cloak]{
        visibility: hidden; 
    }
</style>
<div id="app">
    {{ message }}
    <span v-bind:title="message"></span>
    <!--
        Vue的数据绑定方法有：
        双花括号：{{}}
        V开头的bind：v-bind
    -->
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script>
    var app = new Vue({
        el: '#app',
        data: {
            message: 'Hello Vue!'+ new Date()
        }
    })
</script>

数组方法

数组排序

从小到大

1
2
3

var arr = [1,2,3,4,5,11,4,5,6,7,8];
arr.sort((a,b)=> a-b);
//[1, 2, 3, 4, 4, 5, 5, 6, 7, 8, 11]

从大到小

1
2
3

var arr = [1,2,3,4,5,11,4,5,6,7,8];
arr.sort((a,b)=> b-a);
//[11, 8, 7, 6, 5, 5, 4, 4, 3, 2, 1]

加载动画

地址：https://preloaders.net/en/circular
描述：许多加载动画，GIF图，SVG，
收藏指数：※※※※

做一个好看的终端。–Mac

首先呢下载item2，官方的下载地址：https://www.iterm2.com/downloads.html

其次，安装oh-my-zsh

这算是有感而发的。今天我老大告诉我们要离职。感觉很不舍。老大教了我们好多东西。也交了我们好多前端上的事情。
人生何处不相逢！老大我们有缘再见！

老大给我们说了前端之后的发展方向。
前端发展到一定的地步可以称之为‘大前端’；

Meta标签给搜索引擎提供了许多关于网页的信息。这些信息都是隐含信息,意味着对于网页自身的访问者是不可见的

以后的东西：

Mr.hu:
前端如果想进步，就必须学着不要使用搜索引擎

不要总是想着在依赖百度编程！谨记
这句话可能理解错了，应该是说要明白新的技术是英文的。不要总是在百度搜索。多用谷歌

这算是有感而发的。今天我老大告诉我们要离职。感觉很不舍。老大教了我们好多东西。也交了我们好多前端上的事情。
人生何处不相逢！老大我们有缘再见！

老大给我们说了前端之后的发展方向。
前端发展到一定的地步可以称之为‘大前端’；

Github: https://github.com/asd0102433/blog

css有些属性容易忘记，半天不写就要去查api，有时候api还不好使，于是还是记下来以后方便用，后续会慢慢补充进来的。

Github: https://github.com/asd0102433/blog
博客长期更新，喜欢的朋友star一下

outline 移除当选中input元素的时候会出现状态线

An outline is a line that is drawn around elements (outside the borders) to make the element “stand out”.
包裹elements 的一个线，一般设置成none 。

1
2
3
4

div {
    outline: none; //一般情况下移除它
    // outline: 5px dotted red; 也可以设置样式
}

转载(http://www.cnblogs.com/tugenhua0707/p/4508986.html)
在HTML中，表单是由form元素来表示的，但是在javascript中，表单则由HTMLFormElement类型，此元素继承了HTMLElement，因此与其他HTML元素具有相同的默认属性；HTMLFormElement有自己以下属性和方法；

acceptCharset: 服务器能够处理的字符集；等价于HTML中的accept-charset特性；

action: 接收请求的URL，等价于HTML中的action

elements: 表单中所有控件的集合.

enctype: 请求的编码类型；等价于HTML中的enctype特性；

一、快速生成HTML5的头部信息的步骤：

1.Ctrl + N，新建一个文档；

2.Ctrl + Shift + P，打开命令模式，再输入 sshtml 进行模糊匹配，将语法切换到html模式；切换语法

3.输入 !，再按下 Tab键或者 Ctrl + E ，就能快速打开HTML5的整体结构。

总结只有两个字“很坑”。
个人理解，用表格。要看’行’里看列，而不是从’列’里看行。
demo：

```