- 博客(20)
- 收藏
- 关注
RSS订阅原创 JS小案例
案例1：描述：在输入框输入内容，实现弹幕功能。<body> <input type="text" id="words" /> <input type="button" value="走你" id="btn" /></body>CSS代码如下：<style> .newList{ height: 100px; overflow: hidden;
2021-06-27 20:27:49
114
原创 HTML 5 Cavas画布
1:什么是Canvas?canvas元素用于在网页上绘制图像HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。HTML5 <canvas> 标签用于绘制图像（通过脚本，通常是 JavaScript）。不过，<canvas> 元素本身并没有绘制能力（它仅仅是图形的容器） - 您必须使用脚本来完成实际的绘图任务。getCo
2021-06-16 20:37:33
84
原创 JQuery_scroll事件
1：定时器JavaScript 在浏览器中是单线程执行的，但允许使用定时器指定在某个时间之后或每隔一段时间就 执行相应的代码。延时调用：setTimeout()用于指定在一定时间后执行某些代码，定时调用：setInterval()用于指定 每隔一段时间执行某些代码。setTimeout()setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式，调用一个函数不马上执行，而是隔一段时间以后在执行，而且只会执行一次SetTimeout()方法通常接收两个参数：要执行的代
2021-06-07 17:16:39
557
原创 2021-05-23
jQuery 遍历1: 什么是遍历？jQuery 遍历，意为“移动”，用于根据其相对于其他元素的关系来“查找”（或选取）HTML 元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。下图展示了一个家族树。通过 jQuery 遍历，您能够从被选（当前的）元素开始，轻松地在家族树中向上移动（祖先），向下移动（子孙），水平移动（同胞）。这种移动被称为对 DOM 进行遍历。图示解释： <div> 元素是 <ul> 的父元素，同时是其...
2021-05-23 10:15:55
167
原创 2021-05-19
JavaScript流程控制1: JavaScript流程控制什么是流程？程序中的三种基本流程结构： 顺序结构 分支结构 循环结构 顺序结构：按照顺序一条一条的执行代码，从上到下。分支结构：执行代码的时候，可以根据条件进行选择，条件越多对应的结果越多，分支也就越多。例如if…else…语句,switch语句循环语句：用来重复不断的做一件事,for循环，while循环，do…while循环条件语句条件语句用于基于不同的条件来执行不同的动作。通...
2021-05-19 08:43:18
71
原创 2021-05-19
JQuery—动画篇1: 动画基础隐藏于显示jQuery 可以创建隐藏、显示、切换、滑动以及自定义动画等效果1：jQuery中隐藏元素的hide方法让页面上的元素不可见，一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局，语法： $elem.hide();hide([speed,[easing],[fn]])2:jQuery中显示元素的show方法css中有display:none属性，同时也有d...
2021-05-19 08:31:54
196
原创 2021-05-12
JavaScript数组1: Array 对象Array 对象用于在单个的变量中存储多个值，数组也是动态大小的，会随着数据添加而 自动增长。 数组(Array) - 数组也是对象（内建对象） - 它和我们普通对象功能类似，也是用来存储一些值的 - 不同的是普通对象使用字符串作为属性名 而数组是使用数字来作为索引操作元素 - 索引：...
2021-05-12 19:37:56
28
原创 2021-05-10
RegExp正则表达式1: 什么是RegExp? RegExp 是正则表达式的缩写，英文名为Regular Expression，在代码中常简写为regex、RegExp或RE，它是对字符串执行模式匹配的强大工具。 正则表达式：又称规则表达式， RegExp 对象用于规定在文本中检索的内容 正则表达式的模式可以是任何简单或复杂的正则表达式，更复杂的模式包括了更多的字符，并可用于解析、格式检查、替换等等。创建RegExp对象的语法：var 变量=new RegExp("正则表达式"...
2021-05-10 10:15:37
52
原创 2021-05-10
JavaScript函数1: JavaScript函数简介函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 函数function：A．函数也是一个对象 B．函数中可以封装一些功能(代码),在需要的使用可以执行这些功能(代码) C．函数中可以保存一些代码在需要的时候调用检查一个函数对象时 使用typeof，会返回function实例：2: JavaScript函数语法函数就是包裹在花括号中的代码块，前面使用了关键词...
2021-05-10 08:55:09
91
1
原创 2021-05-09
Json1:什么是JsonJavaScript对象表示法（JavaScript Object Notation） JSON是存储和交换文本信息的语法：1.JSON是轻量级的文本数据交换格式2.JSON独立于语言和平台3.JSON具有自我描述性，更容易理解。类似于xml,比XML更小、更快、更易解析(XML:指可扩展标记语言。XML被设计用来传输和存储数据。)2:Json的语法JSON语法是JavaScript对象表示语法的子集。1.数据在名称/值对中(数据...
2021-05-09 08:57:40
32
原创 2021-05-02
Ajax的知识总结1:什么是AjaxAsynchronous JavaScript and XML（异步的 JavaScript 和 XML） 概念：Ajax不是某种编程语言，是能够创建快速动态网页和更新部分网页的技术 AJAX 是一种在无需重新加载整个网页的情况下，通过在后台与服务器进行少量数据交换，优化了浏览器与服务器之间的传输。 传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。...
2021-05-02 14:40:34
36
原创 2021-04-28
Form表单的提交方式和接收方式表单提交在程序里面也是常见的东西；就是把我们填写的数据提交上去；进行保存；例如：微信登录，QQ登录等要填写的数据form表单时有两种提交方式一种是get方式，这也是默认的，到服务器端时就会调用处理get请求的doGet方法而另一种是post方式，这需要在form表单中指定，即 method="post"，服务器端会自动调用doPost方法来处理该请求。接收表单数据有4种方式1：通过形参的方式接收表单提交的数据（可以接收post与get...
2021-04-28 20:28:50
39
原创 2021-04-27
Js的數据转换1、JavaScript中的数据类型基本数据类型：Null, Undefined, String, Number, Boolean复杂数据类型：Object，Date可以使用typeof 运算符来确定变量的数据类型数据类型转换又分为强制类型转换和隐式转换；强制类型转换：指的是将一个数据类型强制转换为其他的数据类型类型转换主要指，将其他的数据类型转换为.转换为布尔值Boolean.转换为数字Number.转换为字符串String（一）：转换为字符串St
2021-04-27 20:27:26
24
原创 2021-04-27
date对象Date 对象Date 对象用于处理日期和时间。Date对象(内建对象) Date：日期对象时间戳，指的是从格林威治标准时间的1970年1月1日，0时0分0秒 到当前日期所花费的毫秒数（1秒=1000毫秒）创建一个Date对象 方法：使用构造函数创建，会封装为当前代码执行的时间 var d=new Date(); <script>/* 日期对象Date Date对象(内建对象)...
2021-04-27 19:40:42
100
原创 2021-04-27
this对象我们刚接触this的时候；觉得this的指向一种；当时觉得被它弄到头大；所以今天就聊聊this的指向。解析器在调用函数每次都会向函数内部传递一个隐含的参数 这个隐含的参数就是this,this指向的是一个对象， 这个对象我们称为函数执行的上下文对象， 根据函数调用方式不同，this会指向不同的对象总结this this : 默认指向 window 对 象 1.以函数的形式调用时，this永远...
2021-04-27 19:37:11
31
原创 2021-04-27
Fle布局之flex-flow刚开始学前端网页布局的时候；我们使用知道的是盒模型传统布局方式：display属性 + position属性 + float属性，有一些位置的变动使用盒模型传统布局方式会比较麻烦；用float属性还要清除浮动等一系列的问题。；想要垂直居中的效果便不易实现；当老师讲到flex布局就很容易解决布局元素的位置的变化。那我们先了解一下什么是flex布局：Flex布局：Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活...
2021-04-27 19:33:56
31
原创 2021-04-27
CSS3中动画实现的方法我们平常追求页面的切换、改变的时候显得自然生动、具有流动性的美感，就给它们添加了动画的效果。CSS3中动画实现的方法一、 transition 属性（过渡）二、 transform 属性（转变）三、animation属性（动画）每个属性都会配合使用。第一种：transition 属性（过渡）css过渡属性过渡属性是一个复合属性，主要包括以下几个属性transition-property:指定过渡或动态模拟的css属性transit...
2021-04-27 19:27:36
28
原创 2021-04-27
Js的數据转换1、JavaScript中的数据类型 基本数据类型：Null, Undefined, String, Number, Boolean 复杂数据类型：Object，Date 可以使用typeof 运算符来确定变量的数据类型 数据类型转换又分为强制类型转换和隐式转换； 强制类型转换：指的是将一个数据类型强制转换为其他的数据类型 类型转换主要指，将其他的数据类型转换为 .转换为布尔值Bo...
2021-04-27 19:07:02
196
原创 2021-04-27
js中判斷一個數是否是質數思路：首先先理解什麽是質數質數：指大於1的自然數，除了1和該數自身整除的數，無法被其他自然數整除的。使用for循环求质数；在數學中最小的質數是2；所以可以從2開啓判斷；那麽來一個1~100的之間的判斷，如果是質數就打印出來...
2021-04-27 17:03:06
31
原创 2021-04-27
CSS3 径向渐变 radio-gradient 今天想要分享的是径向渐变，那么先了解一下： 1.什么是径向渐变： 线性渐变是从一个方向到另一个方向渐变。 径向渐变是从一个点向四周渐变 ...
2021-04-27 16:51:58
65
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人