- 博客(16)
- 收藏
- 关注
RSS订阅原创 js常见的面试题（一）
（一）什么是JavaScript，有什么特点，作用是什么？ 1）JavaScript是基于对象和事件驱动的解释性脚本语言 2）基于对象：js是一种基于对象的语言，这意味着它能运用自己已经创建的对象，因此，许多功能可以来自脚步环境种对象的方法与脚步的相互作用 3）事件驱动：JavaScript 可以直接对用户或者客户输入做出响应，无须经过 web 服务器，它对用户的响应，以事件驱动的方式进行 4）解释性：浏览器可以直接识别和解析js代码 5）跨平台性: Jav...
2021-10-11 22:25:36
336
原创 原生js实现倒计时
1.功能实现<script> /* 倒计时 = 目标时间 - 现在时间; */ // 解决1s延迟 auto(); // 每隔1s 重新计算差值 setInterval(auto, 1000); function auto() { // 创建当前时间 var cur = new Date();
2021-10-11 21:59:35
204
原创 原生js实现关不掉的广告
1.结构<div><button>X</button></div>2.样式<style> div { position: fixed; bottom: 10px; right: 10px; width: 200px; height: 200px; border: 1px so
2021-10-11 21:55:23
215
原创 轮播图 （无缝轮播图）
1.无缝轮播核心:在最后多加一张第一张图,当达到最后一张t1的时候一瞬间将ul拉回到0的位置结构：<div class="wrap"> <ul> <li><img src="./image/t1.png" alt=""></li> <li><img src="./image/t2.png" alt=""></li> ...
2021-09-17 22:09:58
3392
2
原创 点击切换下一张图片
1.结构<img src="1.jpg" alt=""><br><button>下一张</button>2.样式<style> body{ text-align: center; } img{ width: 300px; }</style>3.js部分<script>
2021-09-17 21:58:46
636
原创 聊天框发送
<!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>Do.
2021-09-16 22:09:47
231
原创 快速排序/二分法
// 快速排序function qs(array) { // 7. 设置结束条件 if (array.length <= 1) { return array; } // 1. 找下标 var ind = Math.floor(array.length / 2); // 2. 存值 var val = array[ind]; // console.log(val); // 3. 删除中间值 array.s.
2021-09-16 21:52:36
152
原创 缓冲运动函数
// 缓冲运动函数function buffMove(ele, json, fn) { // ele: 元素 // json: 属性和目标值 // fn: 回调函数 // 1. 清楚定时器 clearInterval(ele.timer); // 2. 开启新的定时器 ele.timer = setInterval(function () { // 9. 假设本次循环已经到达结束值 var tag = true;.
2021-09-16 21:51:08
124
原创 事件解绑函数
// 事件解绑函数function unbind(ele, type, fn) { // ele: 元素 // type: 事件类型 // fn: 函数名 if (ele.removeEventListener) { ele.removeEventListener(type, fn, false); } else { ele.datachEvent('on'+type, fn); }}...
2021-09-16 21:48:41
91
原创 事件绑定函数
//事件绑定函数function bind(ele, type, fn) { // ele:元素 // type:事件类型 // fn:函数 if (ele.attachEvent) { ele.attachEvent('on' + type, fn); } else { ele.addEventListener(type, fn, false); }}
2021-09-16 21:47:12
160
原创 查找字符串出现的次数
//查找字符串出现的次数function findNum(string,code) { //string:字符串的变量名 //code:查找的字符 //初始下标 var index = 0; //次数 var num = 0; //循环 while (string.indexOf(code, index) != -1) { index = string.indexOf(code, index) + 1; nu.
2021-09-16 21:45:46
628
原创 求随机数的函数
//求随机数的函数function getRandom(min, max) { //min:最小值 //max:最大值 var num = Math.floor(Math.random() * (max - min) + min); return num;}
2021-09-09 19:30:53
250
原创 生成随机验证码
// 生成num位随机验证码function randomCode(num) { // 1.1 生成随机验证码 var str = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'; // 1.2 空字符 var s = ''; // 1.3 1-num for (var i = 1; i <= num; i++) { var n = Math.floor.
2021-09-09 19:28:37
709
原创 运动函数：
//运动函数var timer =null;function move(ele, attr, step, target) { //ele:元素 //attr:属性 //step:每一步走的像素值 //target:目标位置 var cur = parseInt(getStyle(ele, attr)); console.log(cur); step = cur > target ? -step: step; clearInterva.
2021-09-08 08:31:10
128
1
原创 获取非行间样式函数
// 获取非行间样式函数function getStyle(ele,arrt){ //ele:元素 //attr:属性 if(window.getComputedStyle){ var w = getComputedStyle(ele)[arrt]; }else{ var w = ele.currentStyle[arrt]; } // console.log(w); return w;}...
2021-09-07 16:47:53
128
原创 JavaScript简介
JavaScript介绍概念：js: 是基于对象和事件驱动的解释性的脚本语言;特点：基于对象: 一切皆对象, js可以使用自己创建的对象事件驱动: 都是由事件来进行响应的解释性: 相对于编译性来说, 浏览器可以直接识别js，并且去执行跨平台性: 只要浏览器支持js 那么js就可以运行 与操作系统与环境无关相对安全性: 有同源策略限制组成部分：ECMAScript:语法标准DOM: Document Object Model 文档对象模型BOM: Browser Object Mod
2021-09-06 00:17:14
80
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人