Lakeson

在这个进程里：process.stdin.on('data',function(data){})，生成文件内容。之后记得process.stdin.on('end', () => {process.exit()})

对于一些有规律的 dom 结构，我们可以通过递归方式来生成这个结构，，那么在 vue 的模板中，我们能不能递归生成dom,答案是肯定的，在 vue 的组件中能够调用自己本身。组件是可以在它们自己的模板中调用自身的。不过它们只能通过name选项来做这件事。https://www.jianshu.com/p/ced0ea9c265ctreeData: { name: "My test Tree", children: [ ..

介绍<div id="app-2">{{msg}}</div>var app-2 = new Vue({ el:"#app-2", data:{ msg:111 }})v-bind<span v-bind:title="message"> 鼠标悬停几秒钟查看此处动态绑定的提示信息！</span>你看到的v-bindattribute 被称为指令。指令带有前缀v-，以表示它们是 V...

动态组件什么是动态组件：通过使用保留的 元素，动态地绑定到它的 is 特性，我们让多个组件可以使用同一个挂载点，并动态切换。根据 v-bind:is="组件名" 中的组件名去自动匹配组件，如果匹配不到则不显示。改变挂载的组件，只需要修改is指令的值即可。通过标签声明一块区域，并预言这块区域将来会被某个组件通过v-bind:is='componentId'来填充。动态组件通常会结合keep-alive使用.每次去切换 component 的时候，模板（component 中的...

data() { return { list: [ { page: 1, pageConten: [ { tag: "p", content: "根据《中华人民共和国教育法》《中华人民共和国民办教育促进法》等有关法律、法规的规定，甲乙双方遵循平等、自愿、公平、诚实、守信的原则，遵循教育规律和青少年健康成长规律，经协商一致.

预渲染（prerender-spa-plugin），简而言之就是配置路由文件的参数，webpack打包生成html。好处是首屏优化和SEO。本文是为了验证预渲染是否能够获取到调用接口后渲染的页面。about.vue： <div class="about"> <h1>About</h1> {{ msgGet1 }} {{ msgGet2 }} <ul> <router-link t

由服务端请求首屏数据，而不是客户端请求首屏数据，这是“快”的一个主要原因。服务端在内网进行请求，数据响应速度快。客户端在不同网络环境进行数据请求，且外网http请求开销大，导致时间差。服务端渲染是先向后端服务器请求数据，然后生成完整首屏html返回给浏览器；而客户端渲染是等js代码下载、加载、解析完成后再请求数据渲染，等待的过程页面是什么都没有的，就是用户看到的白屏。就是服务端渲染不需要等待js代码下载完成并请求数据，就可以返回一个已有完整数据的首屏页面。SSR的优势1. 更利于SE..

目录beforeEachnext方法解析vue-router 动态加载路由实际应用beforeEach全局前置路由守卫，基础用法如下：const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // ...})next方法解析在路由守卫中，只有next()是放行，其他的诸如：next('/logon') 、 next(to) 或者 next({ ...to, r

目录虚拟DOM操作DOMVDOM建模差量更新DOM diff【判断DOM发生了变化，并找到这个变化】虚拟DOM的优点key值的用处虚拟DOMDOM：将文档解析为一个由节点和对象（包含属性和方法的对象）组成的结构集合。VDOM：也叫虚拟DOM，它是仅存于内存中的DOM，因为还未展示到页面中，所以称为VDOM。var a = document.createElement("div");如上，就是一个VDOM。如果让VDOM变成真实的DOM呢？其实很简单，只需

动态组件 is<template> <div> // 按钮，用于切换组件。注意,此时的A为字符串而非变量 <button @click="showWhat = 'A'">showA</button> <button @click="showWhat = 'B'">showB</button> // 动态切换显隐，组件 <component :is="showWhat"&g...

—基础—引入的步骤： 0. Vue.use(VueRouter) 安装路由功能定义路由 实例化router路由 挂载到根实例上动态路由：①{ path: '/user/:id', component: User }②this.$router.params.id 声明式 编程式 <router-link :to=“/“bd> router.push(‘/bd’)...

时间戳转换 ==》插件Day.jsdemo：https://mp.youkuaiyun.com/console/UserLevel

1、对网站的标题、关键字、描述精心设置，反映网站的定位，让搜索引擎明白网站是做什么的；2、网站内容优化：内容与关键字的对应，增加关键字的密度；3、在网站上合理设置Robot.txt文件；4、生成针对搜索引擎友好的网站地图；5、增加外部链接，到各个网站上宣传；

先写个标题，回头补上 watch: { $route(to, from) { const toIndex = to.meta.index; const fromIndex = from.meta.index; this.transitionName = toIndex < fromIndex ? "slide-right" : "slide-left"; }, },

需求：某些路由切换时，滚动到指定位置而不是顶部。

baseData.js

.

目录点击方式滚动方式2种方式，一种是点击按钮请求下一页，另一种是滚动到底部的时候请求下一页。引入骨架屏优化加载过程中的体验。loading为true时表示加载中，finished为true时表示当前是最后一页。<div v-for="item in articleList" :key="item.aid">{{item}}</div><van-skeleton class="loading_tip" title :row="2" :loading="

https://github.com/ChanWahFung/nuxt-juejin-projectcnblogs.com/chanwahfung/p/12899714.htmlseohttps://segmentfault.com/a/1190000019623624 基于vue seo的4种方案

时间戳转换 ==》插件Day.jsdemo：https://mp.youkuaiyun.com/console/UserLevelvue-lazyload插件 图片懒加载【npm install vue-lazyload --save-dev】如果在初始化页面的时候，一次性将所有图片资源都加载完毕可能会降低页面渲染的速度，降低用户体验我们可以借助vue-lazyload插件实现图片的懒加载当页面被初始化时，只加载 在可视区域内的图片当用户向下滚动页面时，再去加载剩余的图片资源...

vue-server-renderer