- 博客(12)
- 收藏
- 关注
原创 W3C标准
万维网联盟(外语缩写:W3C)标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。简介万维网联盟创建于1994年,是Web技术领域最具权威和影响力的国际中立性技术标准机构。到目前为止,W3C已发布了200多项影响深远的Web技术标准及实施指南,如广为业界采用的超文本标记语言(标准通用标记语言下的一个应用)、可扩展标记语言(标准通用标记语言下的一个子集)以及帮助残障人士有效获得Web内容的信息无障碍
2022-05-05 21:23:18
3820
原创 Vue生命周期
1 Vue 实例生命周期1.1 生命周期钩子函数每个 Vue 实例在被创建时都要经过一系列的初始化过程生命周期分为三大阶段:初始化显示、更新显示、销毁Vue实例初始化阶段的钩子函数:beforeCreate() 实例创建前:数据和模板均未获取到created() 实例创建后: 最早可访问到 data 数据,但模板未获取到beforeMount() 数据挂载前:模板已获取到,但是数据未挂载到模板上mounted() 数据挂载后: 数据已挂载到模板中更新阶段的钩子函数:beforeUp
2022-04-03 00:12:14
124
原创 经典实战项目-TodoMVC
TodoMVC 是一个非常经典的案例,功能非常丰富,并且针对多种不同技术分别都开发了此项目,比如React、AngularJS、JQuery等等,本文使用Vue开发。
2022-03-30 21:12:21
3124
原创 webAPI介绍
API和webAPIAPI(Application Programming Interface)应用程序编程接口(暴露出来的工具)。webAPI:浏览器平台对外公开的提供操作浏览器和网页的接口(BOM、DOM)DOM:操作页面元素的方法 document object modelBOM:操作浏览器的DOM介绍DOM的概念概念:文档对象模型。文档:html文件对象:属性和方法模型:(树)文档树 文档树:浏览器在加载html文件时,会把文档、文档中的标签、属性、
2022-03-16 16:43:31
2869
原创 案例:图片跟随鼠标移动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2022-03-15 21:34:33
108
原创 实现简单的购物车页面
实现功能:同意条款才能购买全选功能数量的加减<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-s
2022-03-14 15:22:20
265
原创 WebAPI中开关灯案例
核心思想是定义一个boolean类型变量,通过他的true/false来控制开关灯<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,
2022-03-13 17:07:12
681
原创 artTemplate模板引擎及ajax封装
模板引擎模板引擎介绍客户端中拿到请求的数据过后最常见的就是把这些数据呈现到界面上。如果数据结构简单,可以直接通过字符串操作(拼接)的方式处理,但是如果数据过于复杂,字符串拼接维护成本太大,就不推荐了。模板引擎:artTemplate:https://aui.github.io/art-template/模板引擎实际上就是一个 API,模板引擎有很多种,使用方式大同小异,目的为了可以更容易更高效的将数据渲染到HTML字符串中。使用模板引擎步骤准备一个存放数据的盒子(不是必须的)引入
2022-03-11 21:28:05
1440
原创 JSON基础
JSON##JSON(JavaScript Object Notation:JS对象表示法) 是一种通过普通字符串描述数据的手段,用于表示有结构的数据。类似于编程语言中字面量的概念,语法上跟 JavaScript 的字面量非常类似。别看JSON长得像JS中的各种数据,但JSON的本质是字符串。支持类型nullnullnumber2048booleantrueobject{ "name": "zce", "age": 18, "gender": tr
2022-03-10 22:56:29
73
原创 快速入门Ajax基础
AjaxAjax就是让浏览器跟服务器交互的一套API,通过它咱们就可以跟服务器进行交互,那么服务器是什么呢?服务器什么是服务器服务器就是提供了某种服务的公共计算机。至于具体提供什么服务,就要看你安装了什么软件,举个栗子,咱们新买了一台计算机,为了听歌要装什么软件呀?为了看视频要装什么软件呀?为了聊天要装什么软件呀?那当我们安装了这些软件之后咱们的这台计算机是不是就可以提供这些服务了呢,比如听歌服务,看视频服务,聊天服务?但是咱们常说的服务器一般不提供这些服务,常见的服务有数据库服
2022-03-09 20:45:59
147
原创 Typescript基础
初识 TypeScriptTypeScript 的介绍TypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集,最终会被编译为JavaScript代码。2012年10月,微软发布了首个公开版本的TypeScript,2013年6月19日,在经历了一个预览版之后微软正式发布了正式版TypeScriptTypeScript的作者是安德斯·海尔斯伯格,C#的首席架构师。它是开源和跨平台的编程语言。TypeScript扩展了JavaScript的语法,所以任何现有的Ja
2022-03-08 20:08:41
663
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人