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