前端部分
关注
分享
扫一扫
文章平均质量分 79
前端学习笔记：html+css+js+vue
爱喝椰汁的木木
这个作者很懒，什么都没留下…
展开
-
JavaScript基础知识整理篇
JS简介JavaScript是世界上最流行的脚本语言，因为你在电脑、手机、平板上浏览的所有的网页，以及无数基于HTML5的手机App，交互逻辑都是由JavaScript驱动的。简单地说，JavaScript是一种运行在浏览器中的解释型的编程语言、 非编译型语言、 解释性语言、 弱类型语言。解释性语言：读取一行就运行一行JavaScript的语法和Java语言类似，每个语句以;结束，语句块用{…}。但是，JavaScript并不强制要求在每个语句的结尾加;，浏览器中负责执行JavaScript代码的引原创 2021-01-25 19:49:45 · 343 阅读 · 1 评论 -
CSS基础知识梳理
CSS 指层叠样式表 (Cascading Style Sheets)CSS的书写位置：1、行内式 style="color: red; height: 100px;",多个属性之间使用分号隔开(不推荐使用)2、内嵌式 可以放在任意位置，但是一般是放在头标签head 中,同样使用分号隔开3、外链式 把CSS样式单独写入一个文件中，通过link引入，通常在head中CSS 语法选择器 { 属性名：属性值; 属性名：属性值; 属性名：属性值; .....}原创 2021-01-23 15:30:52 · 325 阅读 · 0 评论 -
HTML常用标签整理
TML（英语：超文本标记语言，简称：HTML ）也叫作超文本标记语言，是一种使用结构化 Web 网页及其内容的标记语言HTML：描述的是网页结构<!--D document T type D definition 约束--><!DOCTYPE html><!--根标签 是双标签 --><html lang="en"><!--头部标签--><head> <!--meta 中指定的是网页编码格式-->原创 2021-01-21 17:57:54 · 313 阅读 · 0 评论 -
Vue-(04Axios异步通信)
什么是AxiosAxios 是一个开源的可以用在浏览器端和 NodeJS 的异步通信框架，主要作用就是实现 AJAX 异步通信，其功能特点如下：从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求支持 Promise API [ JS中链式编程 ]拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF（跨站请求伪造）为什么要使用 Axios由于Vue.js 是一个 视图层框架 并且作者（尤雨溪）严格准守 SoC原创 2020-11-28 16:20:12 · 120 阅读 · 0 评论 -
Vue-(03双向绑定、组件)
双向数据绑定Vue.js 是一个 MVVM 框架，即数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。这也算是 Vue.js 的精髓之处了。值得注意的是，我们所说的数据双向绑定，一定是对于 UI 控件来说的，非 UI 控件不会涉及到数据双向绑定。对于我们处理表单，Vue.js 的双向数据绑定用起来就特别舒服了。你可以用 v-model 指令在表单 < input>、< textarea> 及 < select> 元元原创 2020-11-27 23:47:27 · 195 阅读 · 0 评论 -
Vue简介以及基础语法的使用
简介Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架，发布于 2014 年 2 月。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库（如：vue-router，vue-resource，vuex）或既有项目整合。MVVM 模式的实现者Model：模型层，在这里表示 JavaScript 对象View：视图层，在这里表示 DOM（HTML 操作的元素）ViewModel：连接视图和数据的中原创 2020-11-27 16:37:54 · 654 阅读 · 0 评论 -
jQuery
jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。什么是jQuery？jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和A原创 2020-11-26 23:47:57 · 144 阅读 · 0 评论 -
JS-操作表单
获取和修改表单的值用JavaScript来操作表单，可以获得用户输入的内容，或者对一个输入框设置新的内容。<form action="" method="post"> <p> <span>用户名：</span> <input type="text" id="username"> </p> <!--多选框--> <p> <span>性原创 2020-11-26 16:01:36 · 458 阅读 · 0 评论 -
JavaScript-操作DOM对象
Document Object Model（文档对象模型）由于HTML文档被浏览器解析后就是一棵DOM树，要改变HTML的结构，就需要通过JavaScript来操作DOM。DOM是一个树形结构。操作一个DOM节点实际上就是这么几个操作：更新：更新该DOM节点的内容，相当于更新了该DOM节点表示的HTML的内容；遍历：遍历该DOM节点下的子节点，以便进行进一步操作；添加：在该DOM节点下新增一个子节点，相当于动态增加了一个HTML节点；删除：将该节点从HTML中删除，相当于删掉了该DOM节点的内原创 2020-11-25 23:14:53 · 552 阅读 · 0 评论 -
JavaScript-操作BOM对象
什么是BOM?Bom：浏览器对象模型（Browser Object Model，简称 BOM）。浏览器对象模型提供了独立与内容的、可以与浏览器窗口进行互动的对象结构，BOM由多个对象构成，其中代表浏览器窗口的window对象是BOM的顶层对象，其他对象都是该对象的子对象。关于BOM知识的思维导图主流浏览器的介绍由于JavaScript的出现就是为了能在浏览器中运行，所以，浏览器自然是JavaScript开发者必须要关注的。目前主流的浏览器：IE 6~11：国内用得最多的IE浏览器，历来对W3原创 2020-11-25 15:39:39 · 178 阅读 · 0 评论