html
关注
分享
扫一扫
I believe I can fly~
My Heart Will Go On
展开
-
浏览器屏幕缩放bug修复
问题： 浏览器缩放时，轮播图显示不全，滚动水平滚动条，发现图片缺失解决： 隐藏水平滚动条，页面都只提供垂直滚动条的需求global.css/* 水平超出部分默认隐藏 */#app { overflow: hidden;}...原创 2020-12-23 16:16:08 · 250 阅读 · 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 · 233 阅读 · 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 · 703 阅读 · 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 · 182 阅读 · 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 · 303 阅读 · 0 评论 -
Vue生命期钩子
Vue 生命期钩子# 简介 表示一个vue实例从创建到销毁的这个过程,将这个过程的一些时间节点赋予了对应的钩子函数 钩子函数: 满足特点条件被回调的方法 # 示例new Vue({ el: "#app", data: { msg: "message" }, beforeCreate () { console.log("实例刚刚创建"); console.log(this.msg原创 2020-12-16 23:31:49 · 83 阅读 · 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 · 177 阅读 · 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 · 471 阅读 · 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 · 279 阅读 · 0 评论