原生js
mr-sun12123
一个小菜鸟
展开
-
4.22学习笔记 使用canvas实现画板
需求:使用canvas 实现一个能写字的画板<canvas width="800" height="500"></canvas> // 创建画布 <input type="color">// 颜色 后面可以改变笔的颜色// 获取节点let canvas = document.getElementsByTagName('canvas')[0];let inp = document.getElementsByTagName('input')[0];let ct原创 2021-04-23 00:02:31 · 252 阅读 · 1 评论 -
4.18学习笔记 三级联动(对象实现)
根据选取的省会城市,相应的改变市级城市,再根据选取的市级城市,相应改变区级/街道<select id="se1"> <option value="">请选择市/地区</option></select><select id="se2"> <option value="">请选择市/地区</option></select><select id="se3"> <optio原创 2021-04-18 22:06:47 · 218 阅读 · 0 评论 -
4.09学习笔记 原生js 实现淡入淡出效果
原生js 实现淡入淡出淡出/** 函数picOut 实现淡出功能* 参数 ele 节点* spe 时间 默认 20ms* opac 透明度 默认值0* 返回值:无** */function picOut(ele, spe, opac) { //透明度从100开始减 var op = 100; // 改变的速度 默认值为20ms spe = spe || 20; // opac 最终元素的透明度值 默认为0 opac = opac || 0; // 给元素添原创 2021-04-10 08:36:06 · 262 阅读 · 1 评论 -
4.08学习笔记 页面跳转的几种方式
一. open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口window.open(URL,name,specs,replace); URL打开指定的页面的URL(绝对路径或相对路径),如果没有指定的URL,打开新的空白窗口指定target属性或窗口的名称,默认值:_blank一个逗号分隔的项目列表: height = pixels 窗口的高度,最小值为100 width = pixels 窗口的宽度, 最小值为100 left = pixels原创 2021-04-08 22:38:39 · 695 阅读 · 0 评论 -
4.02学习笔记 封装insertAfter
将新节点插入到指定节点的后面/** 函数 : insertAfter* 作用 : 新节点插入到指定节点的后面* 参数 : 兄节点/旧,弟节点/新* 返回值: 无* */function insertAfter(oldNode, newNode) { if (oldNode != oldNode.parentNode.lastElementChild) { // 判断 如果不是父节点的最后一个子节点执行的语句 oldNode.parentNode.insertBefore(newNo原创 2021-04-02 22:58:26 · 314 阅读 · 3 评论 -
3.29学习笔记 随机的0到50的随机整数,统计每个数字出现的次数
需求:统计n个随机数出现的次数思路: 通过对象来查看出现的次数let num, arr, obj; // 定义三个变量function randomNumber(n) { // 定义一个函数 arr = []; // 定义一个空数组 obj = {}; // 定义一个空对象 for (var i = 0; i <= n; i++) { // 重复生成n个随机数 // 0~50 但不包括50 的随机 num = Math.floor(Math.random() * 50);原创 2021-03-29 22:30:05 · 1710 阅读 · 2 评论 -
3.27日学习笔记 复选框全选、反选、全不选
需求:点击全选btn所有按钮点亮,第一排全选按钮也跟着亮,全不选btn,都不亮。全选按钮根据第二排按钮是否都亮自动选取或取消html部分<input type="checkbox" id="allInp">全选<br><input type="checkbox" class="inp"><input type="checkbox" class="inp"><input type="checkbox" class="inp"><i原创 2021-03-27 20:59:09 · 223 阅读 · 1 评论 -
3月25日学习笔记 判断一个数是否为浮点数
需求:封装一个函数,判断一个数是否为浮点数开始思路:function isFloat(sum) {//方法一: if (sum % 1 != 0 && !isNaN(sum)) { alert(`${sum} 是一个浮点数`) } else { alert('不是浮点数'); }//方法二: if (sum !=parseInt(sum) && !isNaN(sum)) { alert(`${sum} 是一个浮点数`) } else { al原创 2021-03-25 17:21:45 · 690 阅读 · 0 评论 -
力扣面试题16.06 解题思路
给定两个整数数组a和b,计算具有最小差绝对值的一对数值(每个数组中取一个值),并返回该对数值的差示例:输入:{1, 3, 15, 11, 2}, {23, 127, 235, 19, 8}输出:3,即数值对(11, 8)来源:力扣(LeetCode)链接:https://leetcode-cn.com/problems/smallest-difference-lcci著作权归领扣网络所有。商业转载请联系官方授权,非商业转载请注明出处。var min = 0;var smallestDiffe原创 2021-03-22 10:08:51 · 206 阅读 · 4 评论 -
原生js 实现轮播图无缝滚动
实现原理前面加一张=最后的图片,最后面加一张原先的第一的图片html结构<div class="box"> <ul class="box-ul"> <li>5</li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>1<原创 2021-03-15 15:44:55 · 377 阅读 · 2 评论