js
关注
分享
扫一扫
I believe I can fly~
My Heart Will Go On
展开
-
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 · 225 阅读 · 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 · 697 阅读 · 2 评论 -
Vue生命期钩子
Vue 生命期钩子# 简介 表示一个vue实例从创建到销毁的这个过程,将这个过程的一些时间节点赋予了对应的钩子函数 钩子函数: 满足特点条件被回调的方法 # 示例new Vue({ el: "#app", data: { msg: "message" }, beforeCreate () { console.log("实例刚刚创建"); console.log(this.msg原创 2020-12-16 23:31:49 · 82 阅读 · 0 评论 -
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 · 176 阅读 · 0 评论 -
Vue-diff算法详解
详解vue的diff算法前言当数据发生变化时，vue是怎么更新节点的？ 渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起整个dom树的重绘和重排，有没有可能我们只更新我们修改的那一小块dom而不要更新整个dom呢？diff算法能够帮助我们。 我们先根据真实DOM生成一颗virtual DOM，当virtual DOM某个节点的数据改变后会生成一个新的Vnode，然后Vnode和oldVnode作对比，发现有不一样的地方就直接修改在真实的DOM上，然后使原创 2020-12-17 19:56:02 · 1151 阅读 · 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 · 170 阅读 · 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 · 459 阅读 · 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 · 270 阅读 · 0 评论