html
关注
分享
扫一扫
文章平均质量分 84
Java小生不才
因为无能为力，所以顺其自然。因为心无所恃，所以随遇而安
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
VUE生命周期钩子
1.生命周期每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会2.图示3.案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewpor原创 2021-11-02 15:49:59 · 84 阅读 · 0 评论 -
VUE组件化
1.简述在大型应用开发的时候，页面可以划分成很多部分。往往不同的页面，也会有相同的部分。例如可能会有相同的头部导航。但是如果每个页面都独自开发，这无疑增加了我们开发的成本。所以我们会把页面的不同部分拆分成独立的组件，然后在不同页面就可以共享这些组件，避免重复开发。在 vue 里，所有的 vue 实例都是组件2.全局组件我们通过 Vue 的 component 方法来定义一个全局组件<!DOCTYPE html><html lang="en"><head>原创 2021-11-02 14:29:32 · 111 阅读 · 0 评论 -
VUE计算属性与侦听器，过滤器
1.计算属性computed某些结果是基于之前数据实时计算出来的，我们可以利用计算属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>computed计算器和watch监听器&l原创 2021-11-01 21:32:49 · 251 阅读 · 0 评论 -
VUE指令(4)
1.v-ifv-if，顾名思义，条件判断。当得到结果为 true 时，所在的元素才会被渲染。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>v-for和v-if</titl原创 2021-11-01 20:46:58 · 352 阅读 · 0 评论 -
VUE指令(3)——v-for
遍历数据渲染页面是非常常用的需求，Vue 中通过 v-for 指令来实现1.遍历数组语法：v-for=“item in items”items：要遍历的数组，需要在 vue 的 data 中定义好item：迭代得到的当前正在遍历的元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wid原创 2021-11-01 15:20:23 · 3986 阅读 · 0 评论 -
VUE指令(2)——v-on
1.常规用法v-on 指令用于给页面元素绑定事件。语法： v-on:事件名=“js 片段或函数名”, v-on绑定事件,可简写为@<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>原创 2021-11-01 14:52:46 · 364 阅读 · 0 评论 -
vue指令(1)
1.插值表达式形如**{{expression}}被称为插值表达式,插值表达式必须有返回值**,插值表达式只能用在标签中不能用在属性中，可以直接获取 Vue 实例中定义的数据或函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1原创 2021-10-30 22:15:23 · 170 阅读 · 1 评论 -
VUE基础
1.双向绑定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title原创 2021-10-30 14:19:38 · 94 阅读 · 0 评论 -
前端ES6(6)——模块化
1.什么是模块化模块化就是把代码进行拆分，方便重复利用。类似 java 中的导包：要使用一个包，必须先导包。而 JS 中没有包的概念，换来的是模块。模块功能主要由两个命令构成：export和import。export命令用于规定模块的对外接口。import命令用于导入其他模块提供的功能。2.export//export 导出 import导入时名字只能是utilconst util = { sum(a, b) { return a + b; }}原创 2021-10-28 09:32:20 · 119 阅读 · 0 评论 -
前端ES6(5)——Promise
1.由来在 JavaScript 的世界中，所有代码都是单线程执行的。由于这个“缺陷”，导致 JavaScript 的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以用回调函数实现。一旦有一连串的 ajax 请求 a,b,c,d… 后面的请求依赖前面的请求结果，就需要层层嵌套。这种缩进和层层嵌套的方式，非常容易造成上下文代码混乱，我们不得不非常小心翼翼处理内层函数与外层函数的数据，一旦内层函数使用了上层函数的变量，这种混乱程度就会加剧…总之，这种层叠上下文的层层嵌套方式，着实增加了神经的紧张程度。原创 2021-10-27 21:55:53 · 131 阅读 · 0 评论 -
前端ES6(4)——map+reduce
数组中新增了map和reduce方法1.map接收一个函数，将原数组中的所有元素用这个函数处理后放入新数组返回<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>map和reduc原创 2021-10-27 21:11:01 · 185 阅读 · 0 评论 -
前端ES6(3)——对象优化
1.object中拓展的方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>对象优化</title></head><body> &l原创 2021-10-27 17:15:16 · 141 阅读 · 0 评论 -
前端ES6(2)——函数优化
1.函数参数默认值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>函数优化</title></head><body> <scr原创 2021-10-27 17:09:02 · 215 阅读 · 0 评论 -
前端ES6(1)
1.简介ECMAScript 6.0（以下简称 ES6，ECMAScript 是一种由 Ecma 国际(前身为欧洲计算机制造商协会,英文名称是 European Computer Manufacturers Association)通过 ECMA-262标准化的脚本程序设计语言）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了，并且从 ECMAScript 6 开始，开始采用年号来做版本。即 ECMAScript 2015，就是 ECMAScript6。它的目标，是使得原创 2021-10-26 21:53:26 · 279 阅读 · 0 评论 -
个人博客页面部分
1.css1.1.动画animate.css@charset "UTF-8";/*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */.animated { animation-duration:原创 2021-08-27 10:15:44 · 1087 阅读 · 0 评论