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 · 202 阅读 · 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 · 674 阅读 · 2 评论 -
Vue生命期钩子
Vue 生命期钩子 # 简介 表示一个vue实例从创建到销毁的这个过程,将这个过程的一些时间节点赋予了对应的钩子函数 钩子函数: 满足特点条件被回调的方法 # 示例 new Vue({ el: "#app", data: { msg: "message" }, beforeCreate () { console.log("实例刚刚创建"); console.log(this.msg原创 2020-12-16 23:31:49 · 77 阅读 · 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 · 171 阅读 · 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 · 1136 阅读 · 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 · 158 阅读 · 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 · 442 阅读 · 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 · 259 阅读 · 0 评论