![](https://img-blog.csdnimg.cn/20190927151043371.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端相关技术
文章平均质量分 91
前端相关技术
彤彤的小跟班
985上班族
展开
-
JS中的类,函数,对象、原型
JS中的类,函数,对象、原型原创 2022-06-10 15:45:41 · 703 阅读 · 1 评论 -
Vue中的数据代理(知识小记)
Vue中的数据代理原创 2022-06-01 16:11:39 · 160 阅读 · 0 评论 -
DOM以及DOM事件的处理方式
文章目录01.DOM概述02.DOM事件概述03. 事件属性(类型)04.事件对象05.事件的监听06.事件的捕获和冒泡07.阻止事件冒泡的方式01.DOM概述Document Object Model (DOM)文档对象模型:将标记语言文档的各个组成部分,封装为对象,可以使用这些对象,对标记语言文档进行CRUD(增删改查)的动态操作。通过 HTML DOM,可访问 HTML 文档的所有元素,当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model),HTML DO原创 2022-05-26 16:03:06 · 877 阅读 · 0 评论 -
07-VueX
文章目录1.Vuex概述1.1.组件之间共享数据的方式1.2.vuex是什么?1.3.使用Vuex管理数据的好处1.4.什么样的数据适合存储在vuex中2.Vuex的基本使用2.1.vuex的基本使用3.Vuex中的核心特性(重点)3.1.state3.2.mutation3.3.action3.4.getter3.5.module1.Vuex概述1.1.组件之间共享数据的方式父向子传值: v-bind 属性绑定子向父传值: v-on 事件绑定兄弟组件之间共享数据: EventBus$on原创 2021-07-06 14:35:44 · 66 阅读 · 0 评论 -
06-Vue提高之前端工程化
文章目录01.模块化相关规范1.1.模块化概述1.2.浏览器端的模块化(过时)(了解)1.3.服务器端的模块化(了解)1.4.大一统的模块化规范—ES6模块化(重点)1.5.小结02.ES6模块化的基本语法2.1.默认导入/导出2.2.按需导入/导出2.3.直接导入并执行代码03.webpack(了解)3.1.当前 Web 开发面临的困境3.2.webpack 概述3.3.webpack的基本使用3.3.1.设置webpack的打包入口/出口:webpack.config.js3.3.2.设置webpack原创 2021-07-06 14:33:48 · 168 阅读 · 0 评论 -
05-Vue提高之前端路由
文章目录01.路由的基本概念与原理(了解)1.1.后端路由:后端渲染1.2.SPA( Single Page Application)1.3.前端路由1.4.实现简易的前端路由02.Vue Router基本使用(重要)2.1.Vue Router简介2.2.Vue Router的使用步骤03.Vue Router嵌套路由(重要)3.1.嵌套路由的概念04.VueRouter动态路由匹配(重要)4.1.动态路由匹配的基本用法:$route.params4.2.动态路由匹配的补充用法一:props["id"]4原创 2021-07-06 14:32:13 · 76 阅读 · 0 评论 -
04- Vue基础之前后端交互通信
文章目录Vue基础之前后端交互通信01.接口的调用方式1.1.URL地址格式1.1.1.传统形式的URL1.1.2.Restful形式的URL02.异步2.1.简介2.2.Promise用法2.2.1.Promise概述2.2.2.Promise的基本用法2.2.3.基于Promise发送Ajax请求(重要)2.3.4.then参数的函数返回值2.3.Promise基本API2.3.1.实例方法2.3.2.静态方法(可以直接使用对象调用)03.接口调用fetch用法(了解)3.1.fetch概述3.2.fe原创 2021-07-06 14:31:47 · 1630 阅读 · 0 评论 -
JavaScript入门使用
文章目录01.概述02.JavaScript的语法规则2.1.注释变量运算符2.2.JavaScript正则03.javascript数组对象04.javascript全局函数05.javascript自定义函数03.BOM对象3.1.BOM对象概述01.概述JavaScript是什么?有什么作用?在前端开发中,类比: HTML:人类身体 CSS:衣服(美化) JavaScript:大脑(例如,为按钮添加功能) JavaScript是强大的脚本语言脚本语言:无法独立运行,必须嵌套到其原创 2021-06-29 16:47:15 · 99 阅读 · 0 评论 -
CSS入门使用
文章目录01.CSS概述1.1.入门案例1.2.css代码规范02.css选择器2.1.基本选择器2.1.1.元素选择器:以HTML标签名作为选择器名称2.1.2.类选择器:class属性值作为选择器名称2.1.3.ID选择器:id属性值作为选择器名称2.2.基本选择器的组合方式03.css样式3.1.边框属性3.2.布局3.3.转换3.4.字体04.盒子模型05.css结合HTML5.1.内部样式(写在HTML文件中)5.2.外部样式(和HTML文件分开)01.CSS概述1.1.入门案例<!D原创 2021-06-29 16:43:27 · 131 阅读 · 1 评论 -
HTML入门使用
文章目录HTML基本标签01.字体标签:font02.格式化标签:p,h,br03.图片标签:img04.列表标签:li,ul,ol05.超链接标签:a06.表格标签:table07.表格标签:tr,td08.块标签:div,span表单标签(重点)01.表单标签:form02.form标签属性03.表单输入项标签:input04.表单输入项标签:select05.表单输入项标签:textareaHTML基本标签01.字体标签:font<!DOCTYPE html><!-- HTM原创 2021-06-29 16:38:55 · 199 阅读 · 0 评论 -
前端发展概述
目录01 Vue概述02 前端知识体系2.1 前端三要素:HTML,CSS,JS2.2 HTML2.3 CSS2.3.1 什么是CSS预处理器?2.4 JavaScript2.4.1 常用的JavaScript框架2.5 主流UI框架(View层框架)2.6 JavaScript构建工具2.7 后端技术03 了解前后端分离的演变历史3.1 后端为主的MVC时代3.2 基于AJAX带来的SPA时代3.3 前端为主的MV*时代3.4 NodeJs带来的全栈时代3.5.总结01 Vue概述Vue是一套用于构建原创 2020-10-14 20:05:03 · 248 阅读 · 0 评论