Vue系列教程(05)- 基础知识快速补充(html、css、js)

1. 引言

通过前面的章节,我们的对Vue有一个整体的认知了,有兴趣的同学可以参阅下:

在深入学习Vue之前,需要了解一些基础的知识,就是本文要讲解的一些前端基础知识,即htmlcssjs

2. 说说html、css及js

相信大家都有学习过html、css和js,但是一直在做后端,很少有机会去实战。

其实这些知识都能够快速地去学习的,我把这些知识列为了一个表格,方便大家有一个整体的认知:

类别描述主要功能点主流框架
HTML“骨架”一些常用的标签Boostrap
CSS “外观样式” 选择器、盒子模型BoostrapAnt-Design(阿里)、饿了么的(ElementUI、ivewice )、AmazeUI(一款HTML5跨屏前端框架)
JS “动作” 逻辑(判断、循环)、DOM事件(CURD节点元素内容)JQueryReactVue

对于js层,不同框架网络请求框架总结如下:

  • 默认:xhr
  • 演变:ajax
  • Vue框架:axios

小技巧:

boostrap可视化布局系统(地址:https://www.bootcss.com/p/layoutit/
,非常方便大家去布局和下载布局后的代码,效果图如下:在这里插入图片描述

3. CSS预处理器

CSS是一门标记语言,因此不可以自定义变量,它的主要缺陷如下:

  • 语法不够强大,比如无法嵌套书写,导致模块化开发中需要书写很多重复的选择器;
  • 没有变量和合理的样式复用机制,使得漏记上相关的属性值必须以字面量形式重复输出,导致难以维护。

为了解决上述问题,前端开发人员会使用一种称之为“CSS预处理器”的工具。

CSS预处理器定义了一种新的语言,其基本思想是用一种专门的开发语言,进行Web页面样式设计,再通过编译器转化为正常的CSS文件,以供项目使用”

常用的CSS预处理器有:

  • SAAS:基于Ruby,通过服务端处理,功能强大。解析效率高。需要学习Ruby语言,上手难度高于LESS
  • LESS:基于NodeJS,通过客户端处理,使用简单,功能比SASS简单,解析效率低于SASS,但实际开发中足够了,建议使用。

4. 前端教程

之前写过前端的基础知识,有兴趣的童鞋们可快速浏览并学习。

4.1 HTML

4.2 CSS

4.3 JavaScript

4.4 JQuery

4.5 Bootstrap

4.6 Ajax

4.7 调试技巧

  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

杨林伟

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值