摘要: 1、分页功能实现效果如下: 2、代码如下 <!DOCTYPE html > <html> <head> <title> 消息呈现 </title> <link rel="icon" href="picture.ico" type="image/x-icon" /> <script src="../j 阅读全文
posted @ 2021-02-19 22:09 vickylinj 阅读(1342) 评论(0) 推荐(0) 编辑
摘要: 原理: 将一些图片在一行中平铺,然后计算偏移量再利用定时器实现定时轮播。 步骤一:建立html基本布局 如下所示: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>轮播图</title> </head> <body> <div 阅读全文
posted @ 2021-02-19 20:02 vickylinj 阅读(486) 评论(0) 推荐(0) 编辑
摘要: 轮播在各个公司的官网上是非常常见的一种功能,能够有效的展示多个动态信息。之前一般实现轮播,是使用的js的动画。今天来介绍一种使用纯css实现的轮播图。 <div class="slide"> <ul class="slide-auto"> <li>one</li> <li>two</li> <li> 阅读全文
posted @ 2021-02-19 19:18 vickylinj 阅读(1367) 评论(0) 推荐(0) 编辑
摘要: 创建一个request.js用于封装axios,在 src/api/request,设置拦截器统一处理请求和相应。,然后在api文件夹中引入request.js后再使用封装后的方法进行请求。 封装 axios: request.js: import axios from 'axios' import 阅读全文
posted @ 2021-02-19 18:02 vickylinj 阅读(339) 评论(0) 推荐(0) 编辑
摘要: 背景:因为axios中只能使用get和post方法来进行请求数据,没有提供jsonp等方法进行跨域访问数据 axios中文网址:https://www.kancloud.cn/yunye/axios/234845 // axios 中的GET请求 axios.get('/user', { param 阅读全文
posted @ 2021-02-19 16:10 vickylinj 阅读(260) 评论(0) 推荐(0) 编辑
摘要: 一、是什么 Server-Side Rendering 我们称其为SSR,意为服务端渲染 指由服务侧完成页面的 HTML 结构拼接的页面处理技术,发送到浏览器,然后为其绑定状态与事件,成为完全可交互页面的过程 先来看看Web3个阶段的发展史: 传统服务端渲染SSR 单页面应用SPA 服务端渲染SSR 阅读全文
posted @ 2021-02-19 13:43 vickylinj 阅读(632) 评论(0) 推荐(0) 编辑
摘要: Vue 实例 首先,我觉得这个问题要先从 Vue 的实例开始讲起。Vue 的实例一般都是长成下面这个样子,不同的只是 id 名的不同。 <div id="app"></div> var vm = new Vue({ el: '#app', data: {}, methods: {} ... }) 这 阅读全文
posted @ 2021-02-19 12:21 vickylinj 阅读(1152) 评论(0) 推荐(0) 编辑
摘要: 碰到是否有template选项时,会询问是否要对template进行编译: 在template编译(渲染成UI)有一个过程。模板通过编译生成AST,再由AST生成Vue的渲染函数,渲染函数结合数据生成Virtual DOM树,对Virtual DOM进行diff和patch后生成新的UI。将上图细化 阅读全文
posted @ 2021-02-19 10:43 vickylinj 阅读(393) 评论(0) 推荐(0) 编辑