当前位置: 首页 > news >正文

JavaWeb 前端开发

JavaWeb前端

初识

HTML+CSS

入门程序
什么是HTML

 HTML是由标签构成的

什么是CSS

HTML快速入门 

 

标签可以是大写,也可以是小写,也可以是大小写混用。

属性值也可以使用单引号,但一般使用双引号。

HTML的语法结构比较松散,不严谨。

小结

VSCode开发工具 

常见标签与样式
标题排版 

标题样式
CSS引入方式

 

颜色表示形式

小结

 

标题样式(选择器)
常见选择器

 这三类选择器的优先级

id>cls>span

小结

正文排版 

 

正文样式 

整体布局 
盒子模型

 

小结

 案例
flex布局

表单标签

form表单:

      action:表单数据提交的url地址

      method:提交方式

              get:默认,表单数据会出现在ur1后面,形式:/save?name=Tom&age=18

                      特点:

                      1.如果表单中包含了隐私数据,get方式并不安全,不推荐使用该方式

                      2.在浏览器中get请求的大小是有限制的,不适合提交大数据量的表单,

              post:表单数据会在消息体/请求体中提交到服务器

                      特点:

                      1.安全.

                      2.请求大小没有限制

 注意:表单项要想能够采集数据,必须得设置name属性,表示当前表单项的名字

表单项标签

 

表格标签

总结 

 

 

JavaScript 

 

JS核心语法 
引入方式

在html当中,我们可以在任意位置放置任意数量的<script>,但是我们一般将其放在<body>标签的底部。

基础语法
变量

 

 

数据类型

 Not a Number:不是一个数字的数字

函数

 

add不是函数名,是用于接收后面函数返回值的变量名

 

 

自定义对象

 最后一个属性后面的,可以不加

最后一个方法同上

注意:

在自定义对象时,最好不要使用箭头函数,

在箭头函数中, this并不指向当前对象 - 指向的是当前对象的父级 【不推荐】

json

若想要将js对象正常输出,需要调用JSON.stringify()方法,将其从js对象转化为字符串

 

 

DOM

事件监听 

常见事件 

 

js(模块化)

引入模块化的js时,<script>标签中的 type="module"。

Vue

常用指令 

 
v-for 

V-bing

插值表达式不能出现在标签内部

v-if & v-show

 

v-model与v-on

 

 

Ajax

同步与异步 

Axios 

Axios-请求方式别名

小结 

asynic&await使用关键字只是模拟同步,实际上还是异步,这样有利于避免阻塞主线程,以及较为优良的代码可读可维护性。

Vue生命周期

小结
http://www.xdnf.cn/news/432379.html

相关文章:

  • 优化的代价(AI编码带来的反思)-来自Grok
  • 基于TouchSocket实现WebSocket自定义OpCode扩展协议
  • day19-线性表(顺序表)(链表I)
  • 操作系统:内存管理
  • JavaScript编译原理
  • 数据结构(七)——图
  • ThingsBoard3.9.1 MQTT Topic(4)
  • UDP协议详细讲解及C++代码实例
  • 数据压缩的概念和优缺点
  • 【电子科技大学主办 | 往届快至会后2个月EI检索】第六届电子通讯与人工智能国际学术会议(ICECAI 2025)
  • Gatsby知识框架
  • angular的rxjs中的操作符
  • Vitrualbox完美显示系统界面(只需三步)
  • vue2将文字转为拼音
  • Python 基础语法
  • Redis——数据结构
  • 精准预测蛋白质稳定性的强大工具
  • 深入理解Python逻辑判断、循环与推导式(附实战案例)
  • 通讯录程序
  • 企业ERP系统软件有哪些品牌?
  • 工业4.0之实时革新RTOS助力德国“灯塔工厂”实现跨域协同
  • 蓝桥杯 10. 全球变暖
  • redis数据结构-09 (ZADD、ZRANGE、ZRANK)
  • 论文解读:Drivestudio——OmniRe: Omni Urban Scene Reconstruction
  • 【漫话机器学习系列】257.填补缺失值(Imputing Missing Values)
  • OpenAI新开源项目Codex CLI提升开发效率的新利器
  • 国自然项目|朱蓓薇院士团队谭明乾教授课题组在ACS Nano(IF=15.8)发表高水平文章!
  • 雅思口语 Part 1 Math
  • 从零开始掌握FreeRTOS(2)链表之节点的定义
  • 虹科干货 | CAN XL安全实践:深度防御下的密钥协商优化