WEB前端笔记
关注
分享
扫一扫
文章平均质量分 86
bug天天写
这个作者很懒，什么都没留下…
展开
-
Vue学习笔记（二）——2020.09.21
二、Vue组件化思想组件化：将页面拆分成一个个小的功能模块，整个页面的管理和维护会更加容易方便。Vue 组件化思想：提供一种抽象，可以开发出一个个独立可复用的小组件来构造应用，应用会被抽象成一棵树。1、注册组件的基本步骤(全局注册/局部注册)①创建组件构造器—调用 Vue.extend() 方法创建组件构造器②注册组件—调用Vue.component()注册组件③使用组件—在 Vue 实例的作用范围内使用组件<body> <div id="..原创 2020-09-21 17:15:38 · 174 阅读 · 0 评论 -
ECharts案例学习笔记——2020.08.28
一、案例技术目录（数据可视化）1、使用技术——基于 flexible.js + rem 智能大屏适配—— VScode cssrem 插件—— Flex 布局—— Less 使用——基于 ECharts 数据可视化展示—— ECharts 柱状图数据设置—— ECharts 地图引入2、基础设置——body 设置为背景图，缩放为100%，行高1.15——css 初始化3、header 布局——高度为100px——背景图，在容器内显示——缩放比例为1原创 2020-09-01 14:45:47 · 1319 阅读 · 0 评论 -
Vue学习笔记（一）——2020.08.26
一、Vue模板语法1、模板语法概述差值表达式、指令、事件绑定、属性绑定、样式绑定、分支循环结构。2、指令①指令的本质就是自定义属性，指令的格式：以v-开始(比如：v-cloak)②v-cloak指令用法—使用v-cloak指令解决“闪动”问题...原创 2020-08-27 16:41:41 · 226 阅读 · 0 评论 -
jQuery知识回顾三（详细版）——2020.07.12
一、jQuery_CSS DOM操作（样式操作）1、获取class和设置class：class是元素的一个属性，所有获取class和设置class都可以使用attr()方法来完成。2、追加样式：addClass()。3、移除样式：removeClass()—从匹配的元素中删除全部或指定的class。4、切换样式：toggleClass()—控制样式上的重复切换。如果类名存在则删除它，如果类名不存在则添加它。5、判断是否含有某个样式：hasClass()—判断元素中是否含有某个class，原创 2020-07-12 17:53:26 · 168 阅读 · 0 评论 -
jQuery知识回顾二（详细版）——2020.07.10
一、jQuery中的DOM操作DOM（DocumentObjectModel——文档对象模型）：一种与浏览器，平台，语言无关的接口，使用该接口可以轻松的访问野蛮中所有的标准组件。DOM操作的分类：——DOMCore：DOMCore并不专属于JavaScript，如何一种支持DOM的程序设计语言都可以使用它，它的用途并非仅限于处理网页，也可以用来处理任何一种是用标记语言编写出来的文档，例如：XML。——HTMLDOM：使用JavaScript和DOM为HTML文件编写脚本时，有许多专...原创 2020-07-12 16:51:15 · 193 阅读 · 0 评论 -
jQuery知识回顾一（详细版）——2020.07.06
一、jQuery版本1、1.x版本：兼容老版本IE、文件更大。2、2.x版本：部分IE8及以下不支持、文件小，执行效率更高。3、3.x版本：完全不再支持IE8及以下版本、提供了一些新的API、提供不包含ajax/动画API的版本。二、jQuery对象1、jQuery对象就是通过jQuery($ ())包装DOM对象后产生的对象。2、jQuery对象是jQuery独有的。如果一个对象是jQuery对象，那么它就可以使用jQuery里的方法：$ ("#persontab").html(); .原创 2020-07-10 21:58:29 · 218 阅读 · 0 评论 -
JavaScript基础学习笔记
1、JavaScript简介①JavaScript诞生于1995年，主要是用于处理网页中的前端验证。所谓的前端验证就是指检查用户输入的内容是否符合一定的规则，比如用户名长度、密码的长度、邮箱的格式等。（ECMAScript是一个标准）②一个完整的JavaScript实现应该由三个部分构成：ECMAScript（标准）、DOM（文档对象模型-操作对象）、BOM（浏览器对象模型-操作浏览器）。...原创 2019-12-07 13:40:41 · 135 阅读 · 0 评论 -
jQuery学习笔记（二）
1. jQuery是JavaScript的一个函数库2. 利用jQuery开发的步骤3. jQuery对象 VS DOM对象 1). jQuery对象不能使用DOM对象的属性和方法,DOM对象也不能属于jQuery对象的属性和方法 2). jQuery对象是一个DOM数组对象,所有可以使用下标的方式转为DOM对象 var $btn = $("button");...原创 2019-12-06 17:14:30 · 111 阅读 · 0 评论 -
jQuery学习笔记（一）
1.使用jQuery进行DOM操作1)新建(元素、属性、文本)节点:直接使用$()包装即可,返回值是一个jQuery对象 var $zouziwei = $("<li id='zouziwei'>星期五</li>"); 2)把节点插入到文档中: -append、appendTo:把节点zouziwei插入为节点city的最后一个子节点 ...原创 2019-12-06 17:13:32 · 134 阅读 · 0 评论 -
JavaScript DOM编程学习笔记
1.节点及其类型: 1). 元素节点 2). 属性节点-元素的属性,可以直接通过属性的方式来操作 3). 文本节点-是元素节点的子节点2.在html文档中的什么位置编写JS代码? 1). 直接在html页面中书写代码 缺点:①JS和html混用,不利于代码的维护 ②若click响应函数是比较复杂的,则需要先定义一个函数,任...原创 2019-12-06 17:09:37 · 121 阅读 · 0 评论 -
Ajax学习笔记
1、什么是Ajax？不用刷新页面，但可以和服务端进行通信的方式。使用Ajax的主要方式是XMLHttpRequest对象2、使用XMLHttpRequest对象实现Ajax①XMLHttpRequest的属性---onreadystatechange：每个状态改变都会触发这个事件处理器，通常会调用一个javaScript的函数 *该事件处理函数由服务器触发，而不是用户...原创 2019-12-06 16:54:48 · 113 阅读 · 0 评论 -
CSS3学习笔记
1、CSS简介①层叠样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。②CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互...原创 2019-12-05 16:22:44 · 167 阅读 · 0 评论 -
HTML5学习笔记
1、什么HTML（Hypertext Markup Language）？①HTML即超文本标记语言，“超文本”就是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素。②HTML5是HTML规范的最新版本。③一系列用来制作现代富web内容的相关技术的总称。④最重要的三项技术：HTMl5核心规范、CSS（层叠样式表）、JavaScript。HTML5新特性：①引入原生多媒体支持...原创 2019-11-29 15:43:23 · 174 阅读 · 0 评论