diaochangwei0017-优快云博客

转载渐进式渲染

什么是渐进式渲染？渐进式渲染是用来提高网页性能，以尽快呈现页面的技术。例如：图片懒加载——页面上的图片不会一次性的全部加载，当用户滚动页面到图片位置时，JS将加载并显示图像。确定显示内容的优先级——为了尽快将页面呈现给用户，页面只将一小部分CSS，脚本，内容加载，然后在延时加载或者监听事件来加载。异步加载HTML片段——当页面通过后台渲染时，把HTML...

2019-08-02 11:21:00 2660

转载外链式引入位置问题

外链式引入位置问题为什么把CSS的<link>标签放在<head></head>之间？把<link>标签放在<head></dead>之间是规范要求的内容。此外，这种做法可以让页面逐步呈现，提高用户体验。如果把样式表放在底部的话，会使很多浏览器不能逐步呈现页面、一些浏览器会阻止渲染，以避免页面发生变化时，...

2019-08-02 11:14:00 356

转载 HTML语义化

HTML语义化什么是语义化，就是合理的，正确的使用标签展示内容，比如说h1-h6。那么这样有什么好处呢？易于用户阅读，样式丢失的时候能够让页面呈现清晰的结构。有利于SEO，搜索引擎根据标签来确定上下文和各个关键字的权重。方便其他设备解析，如盲人阅读器根据语义渲染网页。有利于开发和维护，语义化更具有可读性，代码更好维护，与CSS3的关系更加和谐。...

2019-08-02 10:58:00 136

转载第二章—Vue.set

Vue.set介绍：向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。它必须用于向响应式对象上添加新属性。他的意思就是说，当vue的一个实例对象更新时，vue是无法检测到实例变化的，所以也不会触发视图更新，我们来看一个例子：<template> <div> <Button @click="add">...

2019-07-24 23:32:00 133

转载什么是vue实例

vue中的实例介绍：类似于创建一个对象,里面包含钩子函数,data,methods.components等vue实例的对象data 主要是用来存放数据的 Vue框架会检测data的数据变化,自动更新到html上计算属性computed 主要是用来一些比较复杂的逻辑计算虽然{{}} 是非常便利的但是它只能进行哪些比较简单的运算,而且只能够支持单个表达式,多个就会报错methods...

2019-07-20 11:19:00 470

转载第二章—v-directive自定义指令

v-directive自定义构造器介绍：注册或获取全局指令。平时大家在用vue开发项目的时候大多会用到一些官方指令，例如：v-for/v-if/v-else/v-else-if/v-model/v-bind/v-on/v-show/v-html/v-text...但这些指令只能完成一部分功能，大部分功能是需要我们自己来书写的，所以我们就会用到自定义指令来帮助我们...

2019-07-20 06:29:00 611

转载 vue全局API—第二章

Vue.directive 自定义指令Vue.extend 构造器的延伸Vue.set 全局操作Vue的生命周期Template制作模板Component 初识组件Component 组件props属性设置Component父子组件关系转载于:https://www.cnblogs.com/tong666/p/11205981.html...

2019-07-18 11:11:00 106

转载第一章—v-text和v-html

v-text和v-html介绍v-text和v-html都是用来向dom元素中渲染数据用的，两者的区别就在于v-html可以解释标签，而v-text不可以解释标签。<span v-text="msg"></span><span>{{msg}}</span>　　这里上边两个span的内容是一摸一样的。如果这样写...

2019-07-16 19:37:00 162

转载第一章—v-for

v-for指令介绍：可以用v-for指令基于一个数组来渲染一个列表。以前没用到vue的时候我们拿到后台传过来的json数据，大都是用这种方法遍历渲染到页面的：<div id="app"></div><script> $.ajax({ type:'GET', data:{}, ...

2019-07-16 15:41:00 91

转载第一章—v-show

提到v-show第一反应应该就是v-if，不得不说这俩指令确实比较相像。那么二者有什么区别呢？我们首先来看一下v-show。官方文档中对于v-show的解释为：一个用于根据条件展示元素的选项，用法与v-if大致一样。<h1 v-show="ok">Hello!</h1>　　当ok为true时，Hello!就会被渲染出来，反之当o...

2019-07-16 15:08:00 207

转载第一章—v-if

v-if介绍v-if是vue的一个条件渲染语法，官方文档对于它的解释为：v-if指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。其实他的解释意思就是说当v-if里面的内容为true时，DOM节点里面的内容便可以渲染出来，反之则不会渲染。例如：<template> <div v-if="...

2019-07-16 14:13:00 297

转载 vue基础部分—第一章

第一章的内容就是些内部指令，这些指令大概可以分为下边几个部分1.v-if v-else v-show2.v-for指令3.v-text v-html4.v-on:绑定事件监听器5.v-mode指令6.v-bind指令7.v-pre & v-cloak & v-once这些就是vue基础部分应该掌握的知识点，欢迎补充转载于:h...

2019-07-16 12:36:00 183

diaochangwei0017的博客