摘要: (一)ES6模块化 ES6模块化规范是浏览器端和服务器端通用的模块化开发规范 每个js文件都是一个独立的模块 导入其他模块成员使用import关键字 向外共享模块成员使用export关键字 ES6模块化的基本语法 默认导出和默认导入 // 默认导出 let n1 = 10 let n2 = 20 f 阅读全文
posted @ 2022-05-17 18:36 Miraitowa56 阅读(129) 评论(0) 推荐(0)
摘要: (一)动态组件 动态组件就是动态切换组件的显示和隐藏:vue提供了一个内置的<component>组件,专门用来实现动态组件的渲染 <!-- 1.component标签是vue内置的,作用:组件的占位符 --> <!-- 2.is属性的值,表示要渲染的组件的名字 --> <!-- 3.is属性的值, 阅读全文
posted @ 2022-05-11 20:43 Miraitowa56 阅读(292) 评论(0) 推荐(0)
摘要: (一)组件 组件的生命周期 生命周期是指一个组件从创建->运行->销毁的整个阶段,强调的是一个时间段 生命周期函数是由vue框架提供的内置函数,会伴随着组件的生命周期,自动按次序执行 组件生命周期的第一个阶段:组件创建阶段(对于一个组件方法从头到尾只能执行一次) beforeCreate和creat 阅读全文
posted @ 2022-05-07 15:59 Miraitowa56 阅读(395) 评论(0) 推荐(0)
摘要: (一)过滤器的基本用法 过滤器(Filters)是vue为开发者提供的功能,常用于文本的格式化。过滤器可用于两个地方:插值表达式、v-bind属性绑定 过滤器应该被添加在javascript表达式的尾部,由“管道符”进行调用 过滤器的基本使用 <!DOCTYPE html> <html> <head 阅读全文
posted @ 2022-05-03 18:38 Miraitowa56 阅读(90) 评论(0) 推荐(0)
摘要: 1.CSS高级技巧 精灵图 为了有效的减少服务器接受和发送请求的次数,提高页面的加载速度,出现了CSS精灵技术(也称作CSS Sprites、CSS 雪碧) 精灵图(Sprites)的使用 精灵图技术主要针对的是背景图片使用,就是把多个小背景图整合到一张大图片中 移动背景图片的位置,此时可以使用ba 阅读全文
posted @ 2022-05-03 10:22 Miraitowa56 阅读(25) 评论(0) 推荐(0)
摘要: (一)vue简介 Vue是一套用于构建用户界面的前端框架 构建用户界面 用vue往html页面中填充数据非常方便 框架 框架是一套现成的解决方案,程序员只能遵守框架的规范,去编写自己的业务功能 要学习vue,就是在学习vue框架中规定的用法 vue的指令、组件(是对UI结构的复用)、路由、Vuex 阅读全文
posted @ 2022-04-30 10:02 Miraitowa56 阅读(45) 评论(0) 推荐(0)
摘要: (一)基本概念 1.前端开发 模块化(js的模块化、css的模块化、资源的模块化) 组件化(复用现有的UI结构、样式和行为) 规范化(目录结构的划分、编码规范化、接口规范化、Git分支管理) 自动化(自动化构件、自动部署、自动化测试) 2.前端工程化 前端工程化:在企业级的前端项目开发中,把前端开发 阅读全文
posted @ 2022-04-28 17:11 Miraitowa56 阅读(34) 评论(0) 推荐(0)
摘要: 1.原生AJAX AJAX简介 AJAX实际上就是异步的JS和XML,通过AJAX可以在浏览器中向服务器发送异步请求。最大的优势,无刷新获取数据。AJAX不是新的编程语言,而是一种将现有的标准组合在一起使用的新的方式 XML简介 XML可扩展标记语言,被设计用来传输和存储数据。XML和HTML类似, 阅读全文
posted @ 2022-04-25 19:59 Miraitowa56 阅读(46) 评论(0) 推荐(0)
摘要: 1.ES6模块 在ES6前,实现模块化使用的是RequireJS或者是seaJS(分别是基于AMD规范的模块化库,和基于CMD规范的模块化库) ES6引入了模块化,其设计思想是在编译时就能确定的依赖关系,以及输入输出的变量 ES6的模块化分为导入和导出两个模块 特点 ES6模块自动开启严格模式 模块 阅读全文
posted @ 2022-04-24 17:34 Miraitowa56 阅读(69) 评论(0) 推荐(0)
摘要: 1.ES6数值 新增属性 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <body> 8 <script type="text/javascript"> 9 //E 阅读全文
posted @ 2022-04-24 11:05 Miraitowa56 阅读(59) 评论(0) 推荐(0)