yanhua1575的博客

1.瀑布流自适应高度效果图如下所示Vue中使用vue-waterfall2瀑布流下载安装：npm install --save vue-waterfall2之后会在node_modules生成相应的文件,感兴趣的可以仔细看一下它的源码实现注意package.json内自动生成的引入vue-waterfall2，网上教程大多是在main.js中引入，但其实非常不必要，最好只在用到的vue文件内引用// 引入瀑布流 vue-waterfall2import Vue from 'vue';

1.user agent stylesheetb标签没写加粗却加粗了，浏览器调试发现是b标签多了一个样式控制的，如下图user agent stylesheet是浏览器默认样式表，在写网页时，没有指定的样式，按浏览器内置的样式表来渲染，不同浏览器甚至同一浏览器不同版本的默认样式是不同的。解决方案：由于user agent stylesheet的优先级很低，自己写样式覆盖即可。2.android机型font-weight:600；不生效android机型无法识别400，500，600这些字重

现在需要把下面的方法进行封装，然后调用时仅修改里面的路由跳转。其中，以上代码会先执行函数hideSelf,当他执行完时js引擎的event 队列空闲时才会去执行队列里等待的setTimeout的回调函数，这就是一个异步调用 setTimeout 函数会在一个时间段过去后在队列中添加一个消息。这个时间段作为函数的第二个参数被传入。如果队列中没有其它消息，消息会被马上处理。但是，如果有其它消息，setTimeout 消息必须等待其它消息处理完。封装如下： hideMy(action) {

当我们使用v-for循环dom/组件，它有两个属性，item：当前循环的每一个元素，index：当前循环元素所对应的下标。平时绑定key值的时候，都习惯采用如下写法，直接绑定下标: key="index" v-for="(item,index) in list"但是因为key值绑定的是index，删除元素会导致顺序错乱问题，并不会像期望的那样，点击哪一项就会删除哪一项这里通俗的解释下：下标在这是个临时身份，它的默认位置不会变化，如果你里面的item项移动了，那么移动的数据对应到index上，所以你的

1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit 触发父组件的自定义事件。现在要实现这样一个需求，在子组件中点击删除调用父组件的方法进行删除且????连接接口，并且父组件中的方法需要传入子组件的数据。整体思路如下：首先实现父子组件的通信挂钩，然后实现本地的删除逻辑，最后连接接口测试文件结构如下：看代码实现部分子组件 listCard.vue注意data要进行定义声明，否则父组件取不到下面是页面完整代码<template> <di

1.Vue程序运行过程npm run buildnpm run dev2.认识路由路由（routing）就是通过互联的网络把信息从源地址传输到目的地址的活动.路由器提供了两种机制: 路由和转送.路由是决定数据包从来源到目的地的路径.转送将输入端的数据转移到合适的输出端.路由中有一个非常重要的概念叫路由表.路由表本质上就是一个映射表, 决定了数据包的指向.后端路由阶段...

1.webpack1.1概念官方文档解释：At its core, webpack is a static module bundler for modern JavaScript applications.从本质上来讲，webpack是一个现代的JavaScript应用的静态模块打包工具。从模块和打包的概念上理解就是：webpack中的模块化webpack其中一个核心就是模块化开发，并且处理模块间的依赖关系。不仅仅是JavaScript文件，CSS、图片、json文件等等在webpack中

1.组件化思想将一个完整的页面分成很多个组件，每个组件都用于实现页面的一个功能块。而每一个组件又可以进行细分，整个页面都将变得容易管理维护。组件化是Vue.js中的重要思想它提供了一种抽象，让我们可以开发出一个个独立可复用的小组件来构造我们的应用。任何的应用都会被抽象成一颗组件树。组件化思想的应用：有了组件化的思想，我们在之后的开发中就要充分的利用它。尽可能的将页面拆分成一个个小的、可复用的组件。这样让我们的代码更加方便组织和管理，并且扩展性也更强。2.注册组件注册组件的基本步骤组

1.效果：2.代码实现 html，css<div id="app"> <div v-if="books.length"> <table> <thead> <tr> <th></th> <th>书籍名称</th> <th>出版日期</th> <th>价格</

1.在Vue中监听事件使用v-on指令v-on作用：绑定事件监听器缩写(语法糖）：@ （如v-on:click可简写为@click）当通过methods中定义方法，以供@click调用时，需要注意参数问题：情况一：如果该方法不需要额外参数，那么方法后的()可以不添加。但是注意：如果方法本身中有一个参数，那么会默认将原生事件event参数传递进去，如果函数需要参数,但是没有传入, 那么函数的形参为undefined情况二：如果需要同时传入某个参数，同时需要event时，可以通过$event传入

一，插值操作1.Mustache语法也就是双大括号{{}}的写法，mustache语法中,不仅仅可以直接写变量,也可以写简单的表达式<div id="app"> <h2>{{message}},妍华!</h2> //插入到标签中 <h2>{{firstName}} {{lastName}}</h2> //使用了两个Mustache <h2>{{counter * 2}}</h2>

一，关于Vue的基本认识1.Vue介绍Vue.js官网地址：https://cn.vuejs.org/Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。Vue有很多特点和Web开发中常见的高级功能解耦视图和数据可复用的组件