前端
2024-09-24 17:52:52 3 举报AI智能生成
前端开发是一个专注于网页设计、开发和维护的领域。前端开发人员使用HTML、CSS和JavaScript等语言来创建网站的用户界面和用户体验。他们的工作包括设计网页布局、创建交互式元素、优化网站性能以及确保跨浏览器和设备的兼容性。专业前端开发人员还需要掌握响应式设计、Web动画、前端框架（如React、Angular或Vue.js）以及版本控制和团队合作等技能。
作者其他创作
大纲/内容
Vue·2x框架
Vue的概念<br>
Vue的基本语法<br>
文本渲染指令
属性绑定指令
对象语法绑定样式
三目运算绑定样式
直接绑定内联样式
事件处理指令
条件渲染指令
v-if指令
v-else指令和v-else-if指令
v-if指令和v-show指令
循环遍历指令
遍历对象属性
遍历数组元素
Vue进阶<br>
methods方法
computer计算属性
watch监听器
监听基本类型
深度监听
Vue表单绑定
v-model实现表单绑定
v-model修饰符
过滤器
全局过滤器
本地过滤器
过滤器传参
串联过滤器
Vue组件<br>
组件
全局组件
局部组件
组件模版
父子组件
组件之间的通信
子组件获取父组件数据
父组件获取子组件数据
Vue路由<br>
Vue路由基础
嵌套路由
路由传参
params形式传参
query形式传参
编程式路由
利用js实现路由跳转
通过watch实现路由监听
导航守卫
Vue-Cli脚手架<br>
Vue-Cli脚手架搭建<br>
安装npm
安装cnpm
全局安装Vue-Cli
创建Vue-Cli工程
Vue-cli工程配置文件<br>
Vue-cli的打包部署<br>
AJAX框架的使用
AJAX基础<br>
第三方数据接口<br>
AJAX的异步特性<br>
axios框架<br>
get方式与post方式请求<br>
axios的get方式请求<br>
axios的post方式请求<br>
axios响应数据结构<br>
axios的全局配置<br>
axios拦截器<br>
在Vue-cli中使用axios<br>
在Vue-cli中实现跨域访问<br>
使用Vue-cli实现跨域访问<br>
Vuex<br>
在Vue-cli中引入Vuex<br>
Vuex中的state<br>
Vue生命周期<br>
Vue·3x框架
vue基础
Vue概述<br>
早期前后端分离模式<br>
MVVM框架<br>
Vue.js快速入门 Hello World<br>
Vue双向数据绑定<br>
Vue双向数据绑定原理<br>
Vue组合式API<br>
Composition API<br>
setup()入口<br>
ref 响应式监听<br>
reactive与toRefs<br>
omputed的用法<br>
watch的用法<br>
setup()参数<br>
props参数<br>
context参数<br>
Composition API的使用<br>
provide与inject的使用<br>
vue生命周期的用法<br>
编程式路由的使用<br>
Vuex的使用<br>
获取DOM的使用<br>
使用Composition API重写todoList<br>
setup语法糖<br>
setup语法糖的基本结构<br>
响应数据的使用<br>
其它语法的使用<br>
其它语法的使用<br>
父子组件传值的使用<br>
defineProps的使用<br>
defineEmits的使用<br>
使用setup语法糖重写todoList<br>
axios框架<br>
get方式与post方式请求<br>
axios的get方式请求<br>
axios的post方式请求<br>
axios响应数据结构<br>
axios的全局配置<br>
axios拦截器<br>
HTML&CSS
HTML&CSS概念
HTML&CSS常用样式<br>
字体样式
文本样式
尺寸样式
列表样式
背景样式
鼠标样式
伪类样式
透明度样式
利用HTML&CSS制作网页
盒子模型
基本概念
基本属性
标签的三种分类
元素定位
静态定位
相对定位
绝对定位
固定定位
弹性布局
基本概念
常用属性样式
flex-direction样式
flex-wrap样式
justify-content样式
align-items和align-content样式
flex样式
JavaScript核心技术
JavaScript的基础<br>
js基本语法
变量的声明与赋值
var类型
let类型
数据类型
undefined、boolean、number、string、object、function
特殊值NAN（非数值）、infinity（无穷）<br>
js运算符
算术运算符、比较运算符、逻辑运算符、赋值运算符
==与===（严格意义上的相等）
js中数据类型的转换
隐式转换
减、乘、除、自动进行
强制转换
parseint（）：将字符串转化为整数
parseFloat（）：将字符串转换成浮点数
流程控制语句
if语句
switch语句
while语句
do while语句
for语句
掌握JavaScript函数，数组以及常用内置对象的应用
函数
函数的声明
函数中的参数与返回值
数组
数组的创建
数组的使用
常用内置对象
Array数组内置对象
String字符串内置对象
Date日期内置对象
Math数学内置对象
Global内置对象
JavaScript中的模型<br>
BOM模型
BOM概念
BOM编程
window对象
alert（）对话框
confirm（）对话框
open（）与close（）方法
setTimeout（）定时器
serInterval（）定时器
location对象
history对象
DOM模型
操作DOM
获取DOM对象常用方法
id、标签名、class属性、name属性、选择器
获取DOM的时机
操作DOM对象属性
直接操作
封装操作
DOM对象中的常用属性
innerHTML属性、innerTEXT属性、classNAME属性、style属性
遍历DOM数组
代码调试
调试并修复错误
使用断点暂停代码
单步调试代码
设置代码行断点
检查变量值
DOM编程
DOM对象事件概念
DOM对象事件绑定方式
侵入式
绑定式
监听函数式
DOM的事件对象-event
鼠标坐标的使用
keycode的使用
事件冒泡和事件捕获
表单元素事件处理方式
JSON轻量级数据交换格式的使用
json数据格式语法
json对象形式
json数组形式
json与字符串之间的转换
Web的两种常用的存储方式
SessionStorage存储
LocalStorage存储
ES6.0核心技术
ES6·0内新增的类概念
类的基本语法
constructor方法
this与class原型
类的静态成员
ES6基础编程
let命令
const命令
箭头函数的使用<br>
箭头函数的语法
使用箭头函数的注意点
this指向问题测试
使用箭头函数简化回调函数
rest参数与箭头函数结合
模块化编程的应用
模块化实现
export命令
import命令
模块的整体加载
export default命令
0 条评论
下一页
