Yolin

BFC及其应用

2020-02-19

CSS

什么？你只知道KFC？

也罢也罢，今天要说的BFC其实你经常使用，只是面试官问你时却欲言又止，今天我们一起来研究一下

定位方案

在讲解BFC之前先了解一下常见的定位方案，定位方案是控制元素的布局，有几种常见的方案：

非父子组件之间的传值

2020-02-18

Vue

组件的组织

组件系统是 Vue 的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。仔细想想，几乎任意类型的应用界面都可以抽象为一个组件树：

为了能在模板中使用，这些组件必须先注册以便 Vue 能够识别。这里有两种组件的注册类型：全局注册和局部注册。Vue.component 全局注册：

父子组件之间的传值

2020-02-16

Vue

父组件通过属性的方式向子组件传值

<body>
    <div id="root">
        <counter :count="0"></counter>
        <counter :count="2"></counter>
    </div>
    <script>
        // 定义局部组件
        var counter={
            props:['count'],
            template:'<div @click="handle">{{count}}</div>',
            methods:{
                handle:function(){
                    this.count++
                }
            }
        }
         var vm=new Vue({
             el:'#root',
                 components:{    //在父组件中使用局部组件要先在父组件中注册
                 counter:counter
             },
             data:{
             }
         })
    </script>   
</body>

此时会出现警告阅读更多...

Vue使用组件的细节点

2020-02-14

Vue

使用is标签解决标签渲染中的小bug

自定义一个组件，组件中有模板row,想在row中使用自定义组件，

<div id="root">
   <table>
        <tbody>
             <row></row>
             <row></row>
             <row></row>
        </tbody>
   </table>
</div>
<script>
     Vue.component('row',{
        template:'<tr><td>this is a row</td></tr>'
     })
     var vm=new Vue({
         el:"#root"
     })
</script>

Vue零基础

2020-02-13

Vue

在div标签中显示hello Vue

首先，创建Vue实例(确保head里已经引入vue.js文件)，div中可使用插值表达式的语法调用data里的数据

<body>
  <div id="root">{{content}}</div>
  <script>
       var root=new Vue({
           el:'#root',
           data:{
               content:'hello Vue'
           }
       })
  </script>
</body>

el : 限制了vue实例处理的dom的范围

data : 定义一些数据

nodejs安装server模块

2020-02-12

Node

适用场景

很多接口是与服务端相关的，例如微信小程序里的api必须是有服务端支持才可以，从而实现接收客户端请求，并向客户端发送响应数据。

步骤

1、创建工程文件夹demo，并在该路径下使用cmd打开命令窗口