![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
I believe I can fly~
My Heart Will Go On
展开
-
浏览器屏幕缩放bug修复
问题: 浏览器缩放时,轮播图显示不全,滚动水平滚动条,发现图片缺失解决: 隐藏水平滚动条,页面都只提供垂直滚动条的需求global.css/* 水平超出部分默认隐藏 */#app { overflow: hidden;}...原创 2020-12-23 16:16:08 · 204 阅读 · 0 评论 -
luffy-前端主页
前端主页图片准备将提供的资料中的图片移植到项目的img文件夹下页头组件:components/Header.vue<template> <div class="header"> <div class="slogan"> <p>老男孩IT教育 | 帮助有志向的年轻人通过努力学习获得体面的工作和生活</p> </div> <div class="n原创 2020-12-22 15:20:42 · 175 阅读 · 0 评论 -
Vue_生命周期_定时任务和延迟任务_swiper_自定义组件的封装_自定义指令_过滤器_单文件组件_vue-cli介绍
Vue 入门1. 生命周期1. mounted(挂载 用的最多) 向后端发送请求,定时器初始化2. destroyed(销毁) 组件销毁 => 给组件写一个定时器 => 组件销毁,定时器清除//示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="js/vue.js"></script>原创 2020-12-18 20:44:07 · 639 阅读 · 2 评论 -
Vue局部组件_组件与Vue实例的区别_组件通信_ref属性_事件总线_动态组件_slot插槽
Vue 入门# vue的开源项目,在本地运行起来(别人开源了一个django项目,跑在本地)1. vue项目 安装node(python解释器)=> 一路下一步 =>(node:python3,npm:pip)2. 使用pycharm打开vue项目3. terminal中输入 npm install (安装这个vue项目所有的依赖:pip3 install -r requ.txt)4. 命令行下执行 npm run serve / npm run start / npm原创 2020-12-17 20:28:26 · 160 阅读 · 0 评论 -
Vue核心-虚拟DOM详解
Vue 核心-虚拟DOM前言# 前言 Vue.js 2.0引入Virtual DOM,比Vue.js 1.0的初始渲染速度提升了2-4倍,并大大降低了内存消耗。 # 问题: 什么是Virtual DOM? 为什么需要Virtual DOM? 它是通过什么方式去提升页面渲染效率的呢?模板转换成视图的过程# 模板转换成视图的过程 在正式介绍 Virtual Dom之前,我们有必要先了解下模板转换成视图的过程整个过程(如下图):原创 2020-12-17 13:34:14 · 263 阅读 · 0 评论 -
Vue生命期钩子
Vue 生命期钩子# 简介 表示一个vue实例从创建到销毁的这个过程,将这个过程的一些时间节点赋予了对应的钩子函数 钩子函数: 满足特点条件被回调的方法 # 示例new Vue({ el: "#app", data: { msg: "message" }, beforeCreate () { console.log("实例刚刚创建"); console.log(this.msg原创 2020-12-16 23:31:49 · 65 阅读 · 0 评论 -
Vue_v-model-lazy_number_trim_后端数据交互-fetch_axios_计算属性_虚拟DOM与diff算法key的作用_组件化开发基础
Vue 入门1. 购物车案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="js/vue.js"></script> <title>Title</title></head><body><div id="box"> <inpu原创 2020-12-16 18:08:23 · 149 阅读 · 0 评论 -
Vue入门及简单使用_样式控制-style_class_条件渲染_列表渲染_事件处理_数据双向绑定_表单控制
Vue 入门1. 样式控制1. style和class的控制1. class的三种控制方式# 样式<body><div id="box"> <h1>class的三种写法</h1><div :class="isActive?'red':'green'">class三目写法</div><p :class="classObj">class对象写法</p><p :class="class原创 2020-12-15 20:03:23 · 419 阅读 · 0 评论 -
Vue入门介绍及简单使用_模板语法_指令-v-xxx_样式控制-style和class
Vue 入门1. 前端目前形式# 前端发展阶段1. html5,css3,js(es5,es6) 写一个一个的页面 => 给后端(php,python,go,java) => 后端嵌入模板语法 => 后端渲染完 => 返回给前端 => 在浏览器中看 2. ajax出现 =>原创 2020-12-14 17:23:57 · 235 阅读 · 0 评论