原生js
关注
分享
扫一扫
森屿Z
这个作者很懒，什么都没留下…
展开
-
js常见的面试题（一）
（一）什么是JavaScript，有什么特点，作用是什么？ 1）JavaScript是基于对象和事件驱动的解释性脚本语言 2）基于对象：js是一种基于对象的语言，这意味着它能运用自己已经创建的对象，因此，许多功能可以来自脚步环境种对象的方法与脚步的相互作用 3）事件驱动：JavaScript 可以直接对用户或者客户输入做出响应，无须经过 web 服务器，它对用户的响应，以事件驱动的方式进行 4）解释性：浏览器可以直接识别和解析js代码 5）跨平台性: Jav...原创 2021-10-11 22:25:36 · 339 阅读 · 0 评论 -
原生js实现倒计时
1.功能实现<script> /* 倒计时 = 目标时间 - 现在时间; */ // 解决1s延迟 auto(); // 每隔1s 重新计算差值 setInterval(auto, 1000); function auto() { // 创建当前时间 var cur = new Date();原创 2021-10-11 21:59:35 · 207 阅读 · 0 评论 -
原生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 · 219 阅读 · 0 评论 -
轮播图 （无缝轮播图）
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 · 3399 阅读 · 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 · 643 阅读 · 0 评论 -
聊天框发送
<!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 · 236 阅读 · 0 评论 -
快速排序/二分法
// 快速排序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 · 153 阅读 · 0 评论 -
缓冲运动函数
// 缓冲运动函数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 · 126 阅读 · 0 评论 -
事件解绑函数
// 事件解绑函数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 · 93 阅读 · 0 评论 -
事件绑定函数
//事件绑定函数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 · 165 阅读 · 0 评论 -
查找字符串出现的次数
//查找字符串出现的次数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 · 629 阅读 · 0 评论 -
求随机数的函数
//求随机数的函数function getRandom(min, max) { //min:最小值 //max:最大值 var num = Math.floor(Math.random() * (max - min) + min); return num;}原创 2021-09-09 19:30:53 · 256 阅读 · 0 评论 -
生成随机验证码
// 生成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 · 746 阅读 · 0 评论 -
运动函数：
//运动函数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 · 132 阅读 · 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 · 132 阅读 · 0 评论