- 博客(25)
- 收藏
- 关注
原创 jQuery插件
jQuery插件概述 基于jQuery制作的,可以实现某些特定网页效果的js文件(js + css)使用方法一、引入插件文件后,通过对标class名实现插件效果。二、引入插件文件后,通过调用js接口实现插件效果。看文档,没有文档的插件尽量不用小总结1.大量jQuery插件没有良好的文档,而且存在大量bug,所以用起来并不是特别顺手,能不用就不用。2.后面两节我们会讲文档齐全的网页效果库和UI框架。...
2022-02-20 02:33:33
323
原创 jquery的常用方法
$的作用1.其实就是一个函数名,是jQuery的缩写2.其实就是一个函数名,是jQuery的缩写2.其实就是一个函数名,是jQuery的缩写2.可以作为选择器,获取DOM对象对应的jQuery对象3.可以将一个dom对象,转换成一个jQuery对象4.事件中的this,指向DOM对象,所以需要使用可以将一个dom对象,转换成一个jQuery对象4.事件中的this,指向DOM对象,所以需要使用可以将一个dom对象,转换成一个jQuery对象4.事件中的this,指向DOM对象,所以需要使用(this
2022-02-20 02:23:47
402
原创 JavaScript的异步编程
同步与异步 例子:打电话和发短信(微信); 异步可以多条任务去只写程序,一条任务卡顿不影响其他任务异步编程的解决方案1.回调函数2.promise3.async函数
2022-02-09 20:37:46
419
原创 JavaScript的BOM
基本概念JavaScript = ECMAScript + DOM + BOMDOM:文档对象模型(document对象)BOM :浏览器对象模型BOM对象window对象(全局对象)screen对象包含有关用户屏幕的信息。location对象用于获得当前页面的地址(URL),并把浏览器重定向到新的页面。navigator对象包含有关访问者浏览器的信息w3cshcool里有window对象window对象是全局对象,所有在浏览器可以直接使用的方法,都是window对象的方法1、计时器
2022-02-08 20:23:29
342
原创 原始类型与引用类型
数据类型分类六种数据类型:数值(Number)、字符串(String)、布尔(Bolean)、空(Null)、未定义(Undefined)、对象(Object)原始类型与引用类型的区别一、赋值的区别:原始类型赋值,引用类型赋的是引用。二、比较的区别:原始类型比较的是值,引用类型比较的是引用是否指向同一对象。三、传参的区别:原始类型与引用类型的类型检测一、原始数据类型检测:typeof(值)二、引用数据类型检测:值 instranceof 类型数组存储学生列表1.数组Student
2022-02-08 02:08:50
1167
原创 DOM节点分类
1、元素节点(获取元素节点:querySelector;querySelectorAll)2、文本节点(innerHTML)3、属性节点(element.src;element.id)
2022-02-04 00:30:21
653
原创 JavaScript事件
内容概况1.绑定事件2.事件流3.事件对象扩展4.事件委托5.事件类型事件绑定1、addEventListener(“eventType” , fun)2、.element.onEventType = fun区别:1.addEventListener在同一个元素上的同一事件类型添加多个事件,不会被覆盖,而onEventType会覆盖。2.addEventListener可以设置元素在捕获阶段触发事件,而onEventType不能事件流三个div嵌套,都绑定click事件,点击最内层
2022-01-28 19:50:33
783
原创 JQuery概述
库(Library)与框架(Framework)共同点:都是第三方写好的现成的程序,使用库和框架可以提升开发效率。不同点:1.库更像是一个工具,拿过来直接使用,相对随意(JQuery)。2.框架会对开发者的开发方式设置一定的限制,使用框架需要按照框架的规则来开发项目(Vue、react)。初步了解JqueryJquery是一个基于JavaScript的库,主要用于操作DOM。1.获取节点("选择器")2.操作节点("选择器")2.操作节点("选择器")2.操作节点().method();3
2022-01-28 19:48:00
995
原创 JavaScript的DOM
DOM:文档对象模型是一套标准编程接口我们通过DOM这套接口来操作html元素节点类型 元素节点 属性节点 文本节点 网页效果:操作元素节点、属性节点、文本节点,以及修改元素的样式。document对象DOM通过document对象,为开发者提供了大量的接口(api)来操作DOM树获取节点...
2022-01-12 19:17:30
147
原创 JavaScript的函数进阶
总结一下函数知识点:一、声明函数:1.一次声明,多次使用的语句块。2.参数:形参、实参。3.返回值:函数运行的结果。二、函数声明提升三、匿名函数四、函数表达式五、方法:属于某一个对象的函数。ES6的函数进阶一、设置默认参数值function fun(n=100,m=200) { return n + m; } let result = fun(10,20); //NaN not a Number;
2022-01-11 17:51:48
184
原创 JavaScript的面向对象
面向对象概述面向对象是一种编程思想,这种思想是可以单独作为一个学科来研究的。因为除了JavaScript,例如C++,Java,python,php等等编程语言都可以使用这种面向对象的编程思想来开发应用程序。基本概念类:类型、模板、统称。(狗类,鸟类)对象:是类的一个实例,会具体到某一个事物上(天上飞的那只鸟,我家的那只猫等等) 继承:狗类继承至哺乳动物类,猫类也继承至哺乳动物类,继承后,子类可以使用父类的属性和方法。多态、接口等等其他概念面向对象的程序设计例如开发一个教务管理系统
2022-01-01 18:45:09
133
原创 ES6的基础语法
概述1.变量2.常量3.模板字符串4.结构赋值1.变量1.使用let替代var。2.块级作用域。3.不存在变量提升。4.不允许重复声明。总之,让变量更加规范。2.常量1.const定义常量;2.定义之后不能修改;3.不变的值用常量声明;4.函数表达式可以使用常量;5.对象声明可以使用常量;6.引入外部模块使用常量,后续讲解。3.模板字符串1.支持换行2.可以支持嵌入参数嵌入变量4.解构赋值1.数组的解构赋值2.对象的结构赋值3.通过结构赋值传递参数...
2021-12-18 16:00:05
312
原创 JavaScript的表达式
概念正则表达式可以用来匹配字符串通过正则表达式,可以实现字符串的截取或按规则替换和验证字符串内容。正则表达式独立于语言,很多语言都支持正则表达式。(并非JavaScript特性)正则表达式的语法^ : 开头OK$ : 结尾OK[] : 范围OK{} : 位数OK() : 分组: 匹配1位或多位,同{1,}OK? : 0位或1为,同{0,1}. : 匹配所有\ : 转义\d : 数字,同[0-9]\w : 数字、字母、下划线OK\s : 空格或换行实际开发中…大部分情
2021-12-18 15:01:15
1294
原创 JavaScript的内置对象
内置对象的概述JavaScript语言中提供了一些对象,让开发人员可以使用一些现场的功能。常用的内置对象Array-数组Math-数学Date-日期RegExp-正则表达式Math对象Math.floor():向下取整Math.random():0-1的随机数(常用)Math.abs():绝对值Math.sqrt(9):开发Math.pow(2,4):乘方获取指定范围的随机数例:var result = Math.floot(Math.random()* 10 + 1); //
2021-12-16 17:21:45
969
原创 JavaScript的函数基础
数学函数例子f(x,y) = 3x + 4y +5;当x= 5;求f(x)的值f(2,3)= 32 + 43 + 5 = 23;函数运行的结果是23函数概述函数是一个可执行的语句块(通过function关键字声明)声明的时候不执行语句块调用函数时执行。//声明函数function fun(){//语句...}//调用函数fun();返回值返回值表示函数运行之后的结果。将返回值赋值给变量。函数理解...
2021-12-14 09:21:58
662
原创 前端学习方法(入门必看)
洋葱法:1、一层一层的拨开学2、不断的横向学习,以达到纵向的目的第一层,做出项目第二层,了解原理第三次,优化项目第四层…(扩展后端,扩展算法,扩展其他等等)
2021-12-13 15:44:26
243
原创 前端学习高效流程(入门必看)
1、html、css:看到设计稿就能做网页2、JavaScript:变量,数据类型,控制流程,内置对象,DOM,BOM3、node与npm:node会安装就行,npmhui常用命令4、vue和vue-router,vuex:熟练常用功能,会做项目即可5、数据交互,最好董一些后台。ajax,node搭建后台(koa,expresss,egg)6、实训项目(博客系统,内容管理系统)不要忙目的去学那些花里胡哨的东西,先做一个项目再说。...
2021-12-13 14:28:01
1061
原创 JS的运算符总结
运算符可分为:算术运算符比较运算符布尔运算符二进制位运算符其他运算符,运算顺序算术运算符1.概述JavaScript共提供10个算术运算符,用来完成基本的算术运算加法运算符:x + y减法运算符: x - y乘法运算符: x * y除法运算符:x / y指数运算符:x ** y余数运算符:x % y自增运算符:++x 或者 x++自减运算符:–x 或者 x–数值运算符: +x负数值运算符:-x减法、乘法、除法运算法比较单纯,就是执行相应的数学运算。下面介绍其他几个
2021-12-11 13:41:02
762
原创 js的数据类型总结
1.简介JavaScript 语言的每一个值,都属于某一种数据类型。JavaScript 的数据类型,共有六种。(ES6 又新增了第七种 Symbol 类型的值,本教程不涉及。)数值(number):整数和小数(比如1和3.14)。字符串(string):文本(比如Hello World)。布尔值(boolean):表示真伪的两个特殊值,即true(真)和false(假)。undefined:表示“未定义”或不存在,即由于目前没有定义,所以此处暂时没有任何值。null:表示空值,即此处的值为空
2021-12-08 19:22:32
102
原创 JavaScript的基本语法
1.语句JavaScript程序的执行单位为行,也就是一行一行地执行。一般情况下,每一行就是一个语句。语句(statement)是为了完成某种任务而进行的操作,比如下面就是一行赋值语句。var a = 1 + 3;这条语句先用var命令,声明了变量,然后将1+3的运算结果赋值给了变量a。1 + 3 叫做表达式(expression),指一个为了得到返回值的计算式。语句和表达式的区别在于,前者主要为了进行某种操作,一般情况下不需要返回值;后者则是为了得到返回值,一定会返回一个值。凡是 JavaSc
2021-12-08 11:10:22
444
原创 JavaScript的导论
JavaScript的导论1.概述1.内容简介本篇文章全面介绍JavaScript核心语法,从最简单的开始讲起,循序渐进,由浅入深,力求清晰易懂。2.自序积累笔记,罗列主要用法和各种API接口,并给可以立即运行的代码。按章语言的API编排,方便以后的查阅。3.什么是Javascript语言JavaScript 是一种轻量级的脚本语言。所谓“脚本语言”,指的是它不具备开发操作系统的能力,而是只用来编写控制其他大型应用程序的“脚本”。JavaScript 是一种嵌入式(embedded)语言。它
2021-12-05 10:23:14
216
原创 项目(1)
项目制作流程1.确定网站的定位2.网站的用途3.网站的原型图构画4.网站制作技术的采用5.网站的推广6.网站的维护7.网站的安全项目需求分析产品需求1.定位2.用户:用户需求、用户画像、用户场景产品设计1.结构:功能结构、业务流程2.设计:设计风格、产品原型3.交互:便捷的入口、用心的交互产品运营1.市场2.运营3.商业Created with Raphaël 2.3.0开始我的操作确认?结束yesno项目准备工作1.项目编码规范:制定规范的目的、开发工具和开发平
2021-11-30 18:28:21
252
原创 Git介绍
GitGit介绍:分布式版本控制工具 vs 集中式版本控制工具Git安装:基于官网发布的最新版本2.31.1安装讲解Git命令:基于开发案例 详细讲解了git的常用命令Git分支:分支特性 分支创建 分支转换 分支合并 代码合并冲突解决Idea 集成GitGithub创建远程库代码推送 push代码拉取 pull代码克隆 CloneSSH免密登录Idea集成GitHubGitee码云码云创建远程库码云连接GitHub进行代码的复制和迁移Idea集成GItee码云GitLab
2021-11-08 15:44:05
186
原创 面试笔记(2)
面试笔记(2)1.我看你简历上写了你h5的新增标签有了一定的了解,你可以跟我大致说几个新增的标签还有他们的用法?H5主要新增的标签的语义化的标签,包括就是视频video音频audio、nav、article、header、section、footer,表示用来写底部或头部,还有用的比较多的就是progress进度条、包括menu菜单,svg定义矢量图,对那种小图标使用的比较方便。还有一个用的比较多的是Canvas,canvas算是一个功能比较强大的组件。还有就是新增了一些input类型,比如email、
2021-11-06 17:32:23
108
原创 前端面试题(1)
前端笔记(1)1.请简单描述html、css、js(2分)Html是超文本标记语言,是用来描述网页的一种语言Css是层叠样式表,因为直接在html修改样式过于繁琐,所以衍生出的描述html的语言,用于定义html的元素Js是一种脚本语言用来实现网页的一些动态效果,动态交互2.js有哪些数据类型(3分)有七种内置类型 分为了基本类型和对象六种基本类型:null string undefined Boolean number symbol3.如何判断一个变量是array还是object(代码)(
2021-11-02 21:14:25
734
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人