wx5d0241bb88268的博客_前端基础

前端基础-DOCTYPE标签

<!DOCTYPE>标签（了解）声名文档类型html，告知浏览器以html的规范解

html

html5

3c

原创 2022-03-07 11:21:07 55 阅读

前端基础-CSS属性选择器

八、属性选择器1.[属性名]选择具有该属性的元素示意图2.[属性多个注意：这种场景适用于一个属性名对应多个属性的值4.[属性|=字符]（了解）选择由连字符连接多个...

css

html

属性值

属性选择器

原创 2022-03-07 11:05:49 112 阅读

前端基础-CSS元素的可见性

元素的可见性语法：visibility:值取值：hidden隐藏，visible可见的示意图多学一招：使用该属性隐藏的元素，在页面中还占用空间语法：display:none 元素隐藏后在页面中不占用空间示意图 ...

css

html

html5

占用空间

取值

原创 2022-03-07 11:05:25 121 阅读

前端基础-JavaScript(一)

JavaScript：* 概念：一门客户端脚本语言 * 运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎 * 脚本语言：不需要编译，直接就可以被浏览器解析执行了* 功能： * 可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验。* JavaScript发展史： 1. 1992年，Nombase公司，开发出...

JavaScript(一)

字符串

javascript

脚本语言

原创 2022-03-04 18:31:36 47 阅读

前端基础-HTML

web概念概述JavaWeb：使用Java语言开发基于互联网的项目软件架构：C/S: Client/Server 客户端/服务器端在用户本地有一个客户端程序，在远程有一个服务器端程序如：QQ，迅雷…优点：用户体验好缺点：开发、安装，部署，维护麻烦B/S: Browser/Server 浏览器/服务器端只需要一个浏览器，用户通过不同的网址(...

HTML

html

静态资源

服务器端

原创 2022-03-04 18:06:39 57 阅读

前端基础-JSON

JSON：1. 概念： JavaScript Object Notation JavaScript对象表示法 Person p = new Person(); p.setName("张三"); p.setAge(23); p.setGender("男"); var p = {"name":"张三","age":23,"gender":"男"}; * json现在多用于存储和交换...

JSON

json

数据

json字符串

原创 2022-03-04 18:05:49 34 阅读

前端基础-CSS

HTML标签：表单标签* 表单： * 概念：用于采集用户输入的数据的。用于和服务器进行交互。 * form：用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围 * 属性： * action：指定提交数据的URL * method:指定提交方式 * 分类：一共7种，2种比较常用 ...

CSS

选择器

css

属性值

原创 2022-03-04 18:05:37 42 阅读

前端基础-JavaScript(二)

DOM简单学习：为了满足案例要求* 功能：控制html文档的内容* 获取页面标签(元素)对象：Element * document.getElementById("id值"):通过元素的id获取元素对象* 操作Element对象： 1. 修改属性值： 1. 明确获取的对象是哪一个？ 2. 查看API文档，找其中有哪些属性可以设置 2. 修改标签体内容： * 属性：inne...

JavaScript(二)

html

属性值

加载

原创 2022-03-04 18:02:33 154 阅读

前端基础-Bootstrap

Bootstrap：1. 概念：一个前端开发的框架，Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。 * 框架:一个半成品软件，开发人员可以在框架基础上，在进行开发，简化编码。 * 好处： 1. 定义了很多的css样式和js插件。我们开发人员直接可以使用这...

Bootstrap

bootstrap

ico

ide

原创 2022-03-04 17:54:43 97 阅读

前端基础-XML

XML：1. 概念：Extensible Markup Language 可扩展标记语言 * 可扩展：标签都是自定义的。 <user> <student> * 功能 * 存储数据 1. 配置文件 2. 在网络中传输 * xml与html的区别 1. xml标签都是自定义的，html标签是预定义。 2. xml的语法严格，html语法松散...

XML

xml

html

属性值

原创 2022-03-04 17:54:31 98 阅读

前端基础-JQuery (二)

JQuery 高级1. 动画 1. 三种方式显示和隐藏元素 1. 默认显示和隐藏方式 1. show([speed,[easing],[fn]]) 1. 参数： 1. speed：动画的速度。三个预定义的值("slow","normal", "fast")或表示动画时长的毫秒数值(如：1000) 2. easing：用来指定切换效果，默认是"swing"，...

JQuery (二)

jquery

ide

html

原创 2022-03-04 17:53:41 63 阅读

前端基础-JQuery(一)

JQuery 基础：1. 概念：一个JavaScript框架。简化JS开发 * jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。

JQuery(一)

选择器

jquery

属性值

原创 2022-03-04 17:46:53 51 阅读

前端基础-AJAX

AJAX：1. 概念： ASynchronous JavaScript And XML 异步的JavaScript 和 XML 1. 异步和同步：客户端和服务器端相互通信的基础上 * 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。 * 客户端不需要等待服务器端的响应。在服务器处理请求的过程中，客户端可以进行其他的操作。 Ajax 是一种在无需重新加载整个网页的情...

AJAX

xml

ajax

请求参数

原创 2022-03-04 17:46:30 39 阅读

VueJS 常用系统指令

2.1 v-on 可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码 2.1.1 v-on:click <!DOCTYPE html>

VueJS常用系统指令

vue

html

修饰符

xml

原创 2022-03-04 17:02:03 51 阅读

VueJS 概述与快速入门

1.1 VueJS介绍 Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。

VueJS概述与快速入门

vue

数据

vue.js

html

原创 2022-03-04 17:01:34 141 阅读

VueJS生命周期

每个 Vue 实例在被创建之前都要经过一系列的初始化过程. vue在生命周期中有这些状态: before Create, created, before Mount, mounted, before Update, updated,

VueJS生命周期

vue

js

数据

html

原创 2022-03-04 17:01:25 50 阅读

VueJS ajax

4.1 vue-resource vue-resource是Vue.js的插件提供了使用XMLHttpRequest或JSONP进行Web请求和处理响应的服务。当vue更新到2.0之后

vue

js

ajax

ios

github

原创 2022-03-04 17:01:15 125 阅读

VUE-路由vue-router

7.路由vue-router7.1.场景模拟现在我们来实现这样一个功能：一个页面，包含登录和注册，点击不同按钮，实现登录和注册页切换：7.1.1.编写父组件为了让接下来的功能比较清晰，我们先新建一个文件夹：src然后新建一个HTML文件，作为入口

vue

vue-router

路由

html

锚点

原创 2022-03-04 15:56:00 87 阅读

VUE-项目结构

3.项目结构开始编码前，我们先了解下项目的结构。3.1.目录结构3.2.调用关系我们最主要理清index.html、main.js、App.vue之间的关系：理一下：index.html：html模板文件。定义了空的div，其id为app。main.js：

项目结构

vue

html

锚点

页面布局

原创 2022-03-04 15:55:44 160 阅读

VUE-webpack

8.webpackWebpack 是一个前端资源的打包工具，它可以将js、image、css等资源当成一个模块进行打包。中文官方网站：https://www.webpackjs.com/官网给出的解释：本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)

webpack

vue

html

css

加载器

原创 2022-03-04 15:39:42 54 阅读

VUE-Vuetify框架

2.Vuetify框架2.1.为什么要学习UI框架Vue虽然会帮我们进行视图的渲染，但样式还是由我们自己来完成。这显然不是我们的强项，因此后端开发人员一般都喜欢使用一些现成的UI组件，拿来即用，常见的例如：BootStrapLayUIEasyUIZUI然而这些UI组件的基因天生与Vue不合，因为他们更多的是利用DOM操作，借助于jQuery实现，而不是MVVM的思想。而目前与V...

Vuetify框架

vue

官网

中文文档

jquery

原创 2022-03-04 15:35:15 254 阅读

VUE-Node和NPM

2.Node和NPM前面说过，NPM是Node提供的模块管理工具，可以非常方便的下载安装很多前端框架，包括Jquery、AngularJS、VueJs都有。为了后面学习方便，我们先安装node及NPM工具。2.1.下载Node.js下载地址：https://nodejs.org/en/推荐下载LTS版本。课程中采用的是8.11.3版本。也是目前最新的。大家自行下载或者使用课前资料中提供...

Node和NPM

vue

重启

控制台输入

安装包

原创 2022-03-04 15:35:05 85 阅读

VUE-快速入门

3.快速入门接下来，我们快速领略下vue的魅力3.1.创建工程创建一个新的空工程：然后新建一个module：选中static web，静态web项目：位置信息：3.2.安装vue3.2.1.下载安装下载地址：https://github.com/vuejs/vue可以下载2.5.16版本https://github.com/vuejs/vue/archive/v2.5...

快速入门

vue

数据

vue.js

github

原创 2022-03-04 15:33:54 31 阅读

VUE-认识Vue

1.认识VueVue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时

认识Vue

vue

vue.js

react.js

第三方库

原创 2022-03-04 15:33:42 163 阅读

VUE-指令

5.指令什么是指令？指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的预期值是：单个 JavaScript 表达式。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。例如我们在入门案例中的v-on，代表绑定事件。5.1.插值表达式5.1.1.花括号格式：{{表达式}}说明：该表达式支持JS语法，可以调用js内置函数（必须有返回...

vue

指令

数据

vue.js

html

原创 2022-03-04 15:33:24 175 阅读

VUE-Vue实例

4.Vue实例4.1.创建Vue实例每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的：var vm = new Vue({ // 选项})在构造函数中传入一个对象，并且在对象中声明各种Vue需要的数据和方法，包括：eldatamethods等等接下来我们一一介绍。4.2.模板或元素每个Vue实例都需要关联一段Html模板，Vue会基于此...

Vue实例

vue

生命周期

数据

钩子函数

原创 2022-03-04 15:31:28 197 阅读

VUE-组件化

6.组件化在大型应用开发的时候，页面可以划分成很多部分。往往不同的页面，也会有相同的部分。例如可能会有相同的头部导航。但是如果每个页面都独自开发，这无疑增加了我们开发的成本。所以我们会把页面的不同部分拆分成独立的组件，然后在不同页面就可以共享这些组件，避免重复开发。6.1.全局组件我们通过Vue的component方法来定义一个全局组件。<div id="app"> ...

组件化

vue

javascript

复用

vue.js

原创 2022-03-04 15:31:06 98 阅读

VUE-vue-cli

9.vue-cli9.1.介绍和安装在开发中，需要打包的东西不止是js、css、html。还有更多的东西要处理，这些插件和加载器如果我们一一去添加就会比较麻烦。幸好，vue官方提供了一个快速搭建vue项目的脚手架：vue-cli使用它能快速的构建一个web工程模板。官网：https://github.com/vuejs/vue-cli安装命令：npm install -g vue-cl...

vue-cli

vue

html

css

项目结构

原创 2022-03-04 15:27:53 153 阅读

前端基础-面向对象核心

第6章再谈面向对象学习目标：了解ES6中新的对象语法正确使用继承6.1 对象6.1.1 谁说JS没有类在JS中，想要获取一个对象，有多种方式：var o1 = {} var o2 = new Object()自定义构造函数方式function Point(x, y) { this.x = x; this.y = y; this.toString = func...

js

javascript

构造函数

父类

取对象

原创 2022-03-03 15:50:50 18 阅读

前端基础-JavaScript作用域与JS代码的运行

第8章作用域与JS代码的运行 *作用域：变量可以起作用的范围和区域8.1 全局变量和局部变量 *全局变量与全局作用域在任何地方都可以访问到的变量就是全局变量，全局变量所在的区域就是全局作用域局部变量只在固定的代码片段内可访问到的变量，最常见的例如函数内部的变量，就是局部变量。局部变量所在的区域就是局部作用域(函数作用域)不使用var声明的变量是全局变量，不推荐使用。...

javascript

js

作用域

全局变量

原创 2022-03-03 15:49:03 35 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx5d0241bb88268的博客