- 博客(28)
- 收藏
- 关注
原创 vue.js基础知识点总结
Vue.js什么是vue.js是一个渐进式的构建用户界面的js框架vue.js的好处1.方便阅读的中文文档2.容易上手 3.体积小4.基于组件化的开发方式5.代码的可读性、可维护性得到了提高搭建环境:方式1 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack helloworld $ cd helloworld $
2020-08-26 18:39:14
350
原创 HTML5的一些知识点
Html5H5新增类名操作、自定义属性操作html5 新增一个非常简单的操作类样式的api:classList;html5新增一个操作属性样式的api:dataset;classList:四个操作样式类的方法, 很简单添加类: dom.classList.add移除类: dom.classList.remove判断类: dom.classList.contains切换类: dom.classList.toggledataset:自定义属性添加、修改、获取存的时候, 在属性名前面加上 da
2020-08-19 18:28:40
204
原创 css3动画
CSS3动画过渡、线性渐变、径向渐变1.过渡transition过渡,两种抒写方式,一种是分开写每项属性、一种是合写。方式一:分开写四个属性1.transition-property 设置过渡属性 可以单写属性 也可以用all代替全部2.transition-duration 设置过渡时间 单位s3.transition-timing-function 设置过渡动画效果 ease:先慢后快再慢 linear:匀速4.transition-delay 设置过渡延时 单位s方式二:合写 只需要
2020-08-12 18:32:39
420
原创 JS DOM事件
DOM 事件为了在用户点击元素时执行代码,请向 HTML 事件属性添加 JavaScript 代码:onclick例:当用户点击 时,会改变其内容:<html><body><h1 onclick="this.innerHTML = 'Hello!'">点击此文本!</h1></body></html> ...
2020-08-05 15:12:29
189
原创 JS DOM简介及如何查找元素
HTML DOM(文档对象模型)当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)什么是 DOM?DOM 是一项 W3C (World Wide Web Consortium) 标准。DOM 定义了访问文档的标准:“W3C 文档对象模型(DOM)是中立于平台和语言的接口,它允许程序和脚本动态地访问、更新文档的内容、结构和样式。”W3C DOM ...
2020-08-05 15:12:17
322
原创 JS面向对象
JS面向对象JavaScript面向对象概述1.1 什么是对象? Everything is object (万物皆对象) 可以从下面两个方面来理解 1.对象是对单个事物的抽象 2.对象是一个容器,封装了属性(property)和方法(method)1.2 什么是面向对象? 面向对象只是过程式代码的一种高度封装,目的在于提高代码的开发效率和可维护性1.2.1面向对象与面向过程 1.面向过程就是亲力亲为 2.面向对象就是将执行者转变为指挥者 3.面向对象
2020-08-05 15:11:56
87
原创 JQuery知识点汇总-基础知识及简单动画效果
JQuery知识点汇认识jquery jQuery是javascript的类库,具有轻量级,完善的文档,丰富的插件支持,完善的Ajax功能,强大的选择器功能,出色的DOM操作封装,出色的浏览器兼容性,可靠的事件处理机制,隐式迭代和链式编程操作,免费开源的库 jQuery库包含以下功能: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 除此之外,Jque
2020-07-29 18:25:28
152
原创 Node.js介绍
一、NodeJS基本介绍1、NodeJS是为了开发高性能的服务器而诞生的一种技术2、是运行在服务端的 JavaScript,基于V8(谷歌浏览器的版本)进行运行3、使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效什么是nodejs?1.Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境 v8解析js是最快的2.nodejs是让js运行在服务器端3.nodejs里面的API大多数都是异步二、前端学习node的意义1.1 开发沟通:开发时更容易
2020-07-28 20:06:17
237
原创 ES6知识点(2)
面向对象应用React用于构建用户界面的 JavaScript 库组件化,一个组件就是一个 classJSX == bable == browser.jsjsonJSON 格式JavaScript Object Notation 的缩写,是一种用于数据交换的文本格式JSON 是 JS对象 的严格子集JSON 的标准写法只能用双引号所有的key都必须用双引号包起来JSON 对象JSON 对象是 JavaScript 的原生对象,用来处理 JSON 格式数据,有两个静态方法JSON.
2020-07-22 15:20:51
117
原创 H5C3
什么是H5C3H5指的就是HTML5 HTML5是第五个正式发布的版本 5是版本号 HTML5相比于之前有较大的变动classlist.remove input email time phone类型HTML5 是 HTML 标记语言的一个最新版本,它制定了 web 应用开发的一系列标准,成为第一个将 web 作为应用开发平台的 HTML 语言。它设计目的是为了在移动设备上支持多媒体。。是专门为承载丰富的 web 内容而设计的,并且无需额外插件。它新增了一些元素,如新元素,新语义标签,智能表单,多媒体标签
2020-07-22 15:20:35
882
1
原创 ES6知识点(一)
ES6知识点ES6简介ECMAScript 和 JavaScriptECMA 是标准,JS 是实现ECMAScript 简称 ECMA 或 ES历史版本1996, ES1.0 Netscape 将 JS 提交给 ECMA 组织,ES 正式出现1999, ES3.0 被广泛支持2011, ES5.1 成为 ISO 国际标准2015, ES6.0 正式发布ES6兼容性ES6(ES2015) 支持的环境 IE10+, Chrome, FireFox, 移动端, NodeJS
2020-07-22 15:20:17
97
原创 模板引擎
模板引擎什么是模板引擎模板引擎是以业务逻辑层和表现层分离为目的的,将规定格式的模板代码转换为业务数据的算法实现。它可以是一个过程代码、一个类,甚至是一个类库。不同的模板引擎其功用也不尽相同,但其基本原理都差不多。常见的模板引擎1.Thymeleaf 官方推荐。能与SpringBoot完美整合,可直接使用表达式取值,可以像操作jsp一样操作Thymeleaf2.FreeMarker 这个用的也比较多3.Velocity在springboot中,模板引擎的默认存放位置是resources/tem
2020-07-14 21:19:06
435
原创 JQ常用事件
JQ常用事件jQuery 事件方法语法在 jQuery 中,大多数 DOM 事件都有一个等效的 jQuery 方法。页面中指定一个点击事件:$("p").click();下一步是定义什么时间触发事件。您可以通过一个事件函数实现:$("p").click(function(){ // 动作触发后执行的代码!!});常用的 jQuery 事件方法$(document).ready()$(document).ready() 方法允许我们在文档完全加载完后执行函数。该事件方法在 jQ
2020-05-18 00:20:17
356
原创 JQ介绍
JQ介绍jQuery是一个轻量级的、兼容多浏览器的JavaScript库。jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。jQuery的引入方式有两种:直接下载文件到本地(最常用),从本地中导入使用文件的网络地址,就像我们img标签里面的那个src的用法差不多。<script src="js/jquery-2.1.0.js"></script>引入完之后,就可以直
2020-05-18 00:19:56
328
原创 CSS简介
HTMLCSS的作用1、以统一的方式实现样式的定义2、提高页面样式的可重用性和可维护性3、实现了内容(HTML)和表示(CSS)的分离HTML和CSS之间有什么关系? HTML:构建网页的结构 CSS :构建HTML元素的样式CSS的使用 1.内联样式 将样式声明在元素的style属性中<p style="color;red(样式声明)">1</p>...
2020-03-15 14:17:04
158
原创 HTML标签及表格
HTML入门(2)转义字符 ---空格  ---半角  ---全角© ---版权¥ ---中文转义符行内元素与块级元素块级元素:默认情况下,每一个块级元素都是独占一行的(即元素前后都会换行)都有align属性如:<p></p> <h1></h1...
2020-03-15 14:16:28
126
原创 HTML简介
HTML快速入门《HTML简介》:HTML全称:Hyper Markup LanguageHTML介绍:HTML是一种超文本标记语言。官方解释为:HTML是网页的设计语言,由HTML语言编写的文件,以.html或.htm为后缀,由浏览器运行。HTML基本结构为:<!DOCTYPE html><html> ---跟标签 <head> <m...
2020-03-15 14:15:55
155
原创 HTML列表及表单
HTML列表作用:默认显示方式为从上到下的显示数据列表的组成:列表类型和列表项列表的分类:有序列表<ol>---数据类型 <li></li>---列表项</ol>无序列表<ul>---数据类型 <li></li>---列表项</ul>自定义列表<dl>---数据类...
2020-03-15 14:15:42
181
原创 js dom元素获取
JS获取DOM元素的方法通过ID获取(getElementById)document.getElementById('id')上下文必须是document。必须传参数,参数是string类型,是获取元素的id。返回值只获取到一个元素,没有找到返回null。####通过name属性(getElementsByName)document.getElementsByName('name'...
2020-03-15 14:14:31
157
原创 JS常用事件及实例
js 鼠标事件onclick:点击某个对象时触发ondblclick:双击某个对象时触发onmouseover:鼠标移入某个元素时触发onmouseout:鼠标移出某个元素时触发onmouseenter:鼠标进入某个元素时触发onmouseleave:鼠标离开某个元素时触发onmousedown:鼠标按下时触发onmouseup:鼠标抬起时触发onmousemove:鼠标被移动时...
2020-03-15 14:14:22
198
原创 JS预编译
javascript是一种解释性语言,它执行之前会先进行语法分析,然后是预编译,最后解释执行,而AO链即预编译过程所有声明的全局变量,全是window属性如:var a = 123; ==>window.a = 123;(window 即全局);函数声明function test(){…}函数表达式var test = function (){…}预编译步骤:1、创建AO对象...
2020-03-15 14:14:13
87
原创 JS对象
js中对象数据存在形式 key:value 键值对key 表示对象的属性value 表示属性的值属性是不可变的,值是可以改变的每个属性都有他的作用,具体作用程度有值来决定对象中属性都是字符串类型,值可以为任意数据类型对象语法结构{key:value,key:value}通过构造函数Objct()创建普通对象new作用:实例化对象new构造函数()—> 实例化对象构造函数可...
2020-03-15 14:14:00
408
原创 JS正则知识点总结
正则的常用方法正则表达式中有很多符号,代表着不同的意思,用来让我们去定义不同的规则,比如上面\D,还有下面的这些:\s : 空格\S : 非空格\d : 数字\D : 非数字\w : 字符 ( 字母 ,数字,下划线_ )\W : 非字符例子:是否有不是数字的字符1 test() :在字符串中查找符合正则的内容,若查找到返回true,反之返回false. 用法:正则.te...
2020-03-15 14:13:51
154
原创 JS运算符优先级及基础分支结构
运算符优先级 :1. () 可以用来提升优先级2. 自增自减3. 算术运算符4. 关系运算符5. 逻辑运算符6. 赋值运算符分支结构 :if语法结构 :if (表达式) {条件成立时执行的代码}表达式可以是哪些 : 1. 关系表达式2. 布尔类型的值3. 其他类型的值if结构里面的{} 在条件成立时需要执行的代码只有一行时可以省略, 但是一般不要省略if els...
2020-03-15 14:12:43
125
原创 js的一部分API
数组的API :一 添加1 push()方法 : 将一个或多个元素添加到数组的末尾参数 : 可以是一个, 可以是多个, 表示向数组里面添加元素 参数可以不填, 但是一般默认, 第一个参数必填返回值 : 将指定的值添加到数组后的新数组长度特点 : 直接改变原数组2 unshift() : 将一个或多个元素添加到数组的开头参数 : 可以是一个, 可以是多个, 表示向数组里面添加元素 ...
2020-03-15 14:12:33
86
原创 JS数据类型
JS数据类型计算机把不同的数据分为不同的类型数据类型的分类1.string(字符串类型)如:“张三” “李四"等用” “或者’ '包裹的内容就是字符串类型*注意点:1.在字符串里面包裹字符串,要使用不同的” "2.不能单引号和双引号3.要注意区别变量名和字符串2.数字类型(Number)数学上的一切数字作用:就是用来做数学运算如:1,2,3,4,5*注意点:一些特殊的数...
2020-03-15 14:12:23
137
原创 JS变量声明及使用
JS变量声明var a ; - - - - - 声明一个变量用来储存数据a = 12; - - - - - 给变量赋值变量的命名规则和规范命名规则:必须遵守,否则就会报错1.变量名使用_$或者字母,变量里面可以包括 _ $ 字母 数字 数组,区分大小写2.变量必须声明后才能使用,否则就报错3.不能使用JS里面的关键字和保留字命名规范:约定俗成的规矩1.最好使用英语单...
2020-03-15 14:12:13
206
原创 js引入和解释器
js的三种引入方式行内式卸载标签内部的JS代码(使用量小)内联式写在Script标签内的JS代码例子:<script> alert("今天天气很好"); </script>外链式使用Script标签 Src属性引入外部JS文件,内部写的JS代码不起作用例子:<script src = "文件路径"></script>js的...
2020-03-15 14:12:02
127
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人