mr-sun12123-CSDN博客

原创 Vue3 + ts + element-plus全局注册ts不生效解决方法

在写练手项目时，用到ts和element-plus，将ui组件全局注册后发现无法有ts提示效果，可以尝试一下做法。接着在tsconfig.json中配置。这样就会有ts的提示效果了。

2023-06-14 08:34:48 1003

原创日常小细节Tailwind CSS

安装完 vscode 中 Tailwind 然后在写代码的时候没有提示怎么办需要在setting中设置如下代码 "files.associations": { "*.css": "tailwindcss" }, "editor.quickSuggestions": { "strings": true }, "tailwindCSS.includeLanguages": { "plaintext": "html" }...

2022-04-15 16:08:18 393

原创 4.28学习笔记 jQuery实现全选、反选、全不选

该效果以前使用原生js已经写过,现在用jq改写! html内容可从前面的文章看到下面是jq代码,写jq代码之前要先看是否引入了jq库// 定义 inp为true 的数量默认值为0let inpCount = 0;// 封装函数实现反选全选全不选function all(flag) { // 循环设置checked的属性值 for (let i = 0; i < $('.inp').length; i++) { // 调用函数传入的值 $(`.inp`).eq(i).prop('.

2021-04-28 19:10:41 256 1

原创 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 236 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 195

原创 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 245 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 671

原创 4.02学习笔记封装insertAfter

将新节点插入到指定节点的后面/** 函数 : insertAfter* 作用 : 新节点插入到指定节点的后面* 参数 : 兄节点/旧，弟节点/新* 返回值: 无* */function insertAfter(oldNode, newNode) { if (oldNode != oldNode.parentNode.lastElementChild) { // 判断如果不是父节点的最后一个子节点执行的语句 oldNode.parentNode.insertBefore(newNo

2021-04-02 22:58:26 301 3

原创 3.30学习笔记 js 字符串的反转

反转字符串方法一:思路,定义一个新的字符串,用来接收遍历的字符串,代码如下var str = "abcdef";var newStr = '';for (var i = str.length - 1; i >= 0; i--) { // 反过来遍历 newStr += str[i]; // 将字符串逐个添加到新字符串中}方法二:思路:转换为数组倒序再转为字符串str = str.split('').reverse().join('') // 优点代码简洁,十分易懂

2021-03-30 23:39:26 179

原创 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 1680 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 211 1

原创 3.26日学习笔记数组的去重

要求将数组中重复的项去掉（数组去重）思路一:循环遍历两次依次对比,将后面相同的值删除var arr =[2,3,4,2,5,6,3,7,3,7,3,4]for (var i = 0; i < arr.length; i++) { for (var j = i+1; j < arr.length; j++) { if (arr[i] == arr[j]) { arr.splice(i, 1); j-- } }} 但当数组中出现了两个NaN时,

2021-03-26 21:56:24 163 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 676

原创 3.23日 less的学习笔记

一. less的编译文件less是一门向后兼容的css扩展语言①引用less.js文件 (缺点是不是预编译)②使用编译器编译less 文件二. less的注释// 这是不会被编译到css 的注释/* 这是能编译到css样式中的注释*/三. less的变量以 @ 符开头定义变量属性值定义变量@color:pink // 定义一个颜色可以直接使用 color:@color;属性名定义变量 (用的少)@m:margin; // 可以通过@m 来使用margin 使用 @{m}

2021-03-23 16:56:26 152

原创力扣面试题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 193 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&lt

2021-03-15 15:44:55 361 2

原创隐藏div的几种方法

隐藏div的几种方法方法1: display <div class="one"></div>.one { display: none;}方法2: opacity.two { opacity: 0;}rgba.three { background: rgba(0,0,0,0);}方法4:float:left + margin-left 或 float:right + margin-right 值用负的.four { float: left;

2021-03-02 19:40:12 16972

原创初来乍到原生js写日历

js日常原生js写日历思路 :1. 获取到每个月具体的天数2.获取每天具体的星期值代码实现下面展示一些 html代码块。<div class="out"> <p class="ppp"> <span id="prev">上一月</span> <span id="nian"></span> <span id="next">下一月</span> </p> <p id="

2021-02-02 21:55:44 206 1

mr_sun的博客