标签:原理

Vue SEO的四种方案-共享博客
vue

Vue SEO的四种方案

一点博客阅读(28)评论(1)

众所周知,Vue SPA单页面应用对SEO不友好,当然也有相应的解决方案,通过查找资料,大概有以下4种方法。(本人只用过第一,第三种方案) 1.Nuxt 服务端渲染应用部署 (SSR服务器渲染) 关于服务器渲染:Vue官网介绍 ,对Vue版...

vue实现多个倒计时同步刷新-共享博客
vue

vue实现多个倒计时同步刷新

一点博客阅读(158)评论(0)

使用场景: 一般多个定时器同时使用的场景主要应用在限时活动或者限时抢购商品等,如一个页面存在多个商品,且每个商品都有独立的限时抢购时间,因此就会遇到多个定时器同步刷新倒计时 限时抢购使用场景 这次就用简单数据来模拟多个定时器同步刷新实现效果...

JS使用lazyload进行图片懒加载-共享博客
vue

JS使用lazyload进行图片懒加载

一点博客阅读(246)评论(0)

原理: 图片的加载是由src引起的,当对src赋值时浏览器会请求图片资源,基于这个,可以利用html5的属性data-xxx来保存图片的路径,当我们需要加载图片的时候才将data-xxx的值赋予src。就能实现图片的按需加载了,也就是懒加载...

Vue.js快速入门-Vue实例详解与生命周期-共享博客
vue

Vue.js快速入门-Vue实例详解与生命周期

一点博客阅读(161)评论(0)

Vue的实例是Vue框架的入口,其实也就是前端的ViewModel,它包含了页面中的业务逻辑处理、数据模型等,当然它也有自己的一系列的生命周期的事件钩子,辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。 1.1. Vu...

Vue.nextTick 的原理和用途-共享博客
未分类

Vue.nextTick 的原理和用途

一点博客阅读(161)评论(0)

一、原理 1.异步说明 Vue 实现响应式并不是数据发生变化之后 DOM 立即变化,而是按一定的策略进行 DOM 的更新。 2.事件循环说明 简单来说,Vue在修改数据后,视图不会立刻更新,而是等同一事件循环中的所有数据变化完成之后,再统一...

Meta 标签使用详解-共享博客
HTML

Meta 标签使用详解

一点博客阅读(275)评论(0)

meta是html语言head区的一个辅助性标签。几乎所有的网页里,我们可以看到类似下面这段的html代码: <head><meta http-equiv=”content-Type” conten...

Vue项目骨架屏注入实践-共享博客
vue

Vue项目骨架屏注入实践

一点博客阅读(339)评论(0)

相比于早些年前后端代码紧密耦合、后端工程师还得写前端代码的时代,如今已发展到前后端分离,这种开发方式大大提升了前后端项目的可维护性与开发效率,让前后端工程师关注于自己的主业。然而在带来便利的同时,也带来了一些弊端,比如首屏渲染时间(FCP)...

CSS 最核心的几个概念-共享博客
css

CSS 最核心的几个概念

一点博客阅读(562)评论(0)

本文将讲述 CSS 中最核心的几个概念,包括:盒模型、position、float等。这些是 CSS 的基础,也是最常用的几个属性,它们之间看似独立却又相辅相成。为了掌握它们,有必要写出来探讨一下,如有错误欢迎指正。元素类型 HTML 的元...

vue数据双向绑定原理-共享博客
vue

vue数据双向绑定原理

一点博客阅读(146)评论(0)

前言 使用vue也好有一段时间了,虽然对其双向绑定原理也有了解个大概,但也没好好探究下其原理实现,所以这次特意花了几晚时间查阅资料和阅读相关源码,自己也实现一个简单版vue的双向绑定版本,先上个成果图来吸引各位: 代码: 效果图: 是不是看...

切换注册

登录

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活