<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[mr_sun的博客]]></title><description><![CDATA[我是一个小菜鸟]]></description><link>https://blog.youkuaiyun.com/faker55open_</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; faker55open_]]></copyright><item><title><![CDATA[Vue3 + ts + element-plus全局注册ts不生效解决方法]]></title><link>https://blog.youkuaiyun.com/faker55open_/article/details/131199984</link><guid>https://blog.youkuaiyun.com/faker55open_/article/details/131199984</guid><author>faker55open_</author><pubDate>Wed, 14 Jun 2023 08:34:48 +0800</pubDate><description><![CDATA[在写练手项目时，用到ts和element-plus，将ui组件全局注册后发现无法有ts提示效果，可以尝试一下做法。接着在tsconfig.json中配置。这样就会有ts的提示效果了。]]></description><category></category></item><item><title><![CDATA[日常小细节Tailwind CSS]]></title><link>https://blog.youkuaiyun.com/faker55open_/article/details/124197158</link><guid>https://blog.youkuaiyun.com/faker55open_/article/details/124197158</guid><author>faker55open_</author><pubDate>Fri, 15 Apr 2022 16:08:18 +0800</pubDate><description><![CDATA[安装完 vscode 中 Tailwind 然后在写代码的时候没有提示怎么办

需要在setting中设置如下代码
  "files.associations": {
    "*.css": "tailwindcss"
  },
  "editor.quickSuggestions": {
    "strings": true
  },
  "tailwindCSS.includeLanguages": {
    "plaintext": "html"
  }



...]]></description><category></category></item><item><title><![CDATA[4.28学习笔记 jQuery实现全选、反选、全不选]]></title><link>https://blog.youkuaiyun.com/faker55open_/article/details/116240721</link><guid>https://blog.youkuaiyun.com/faker55open_/article/details/116240721</guid><author>faker55open_</author><pubDate>Wed, 28 Apr 2021 19:10:41 +0800</pubDate><description><![CDATA[该效果以前使用原生js已经写过,现在用jq改写! html内容可从前面的文章看到下面是jq代码,写jq代码之前要先看是否引入了jq库
// 定义 inp为true 的数量 默认值为0
let inpCount = 0;
// 封装函数实现反选 全选 全不选
function all(flag) {
	// 循环设置checked的属性值
	for (let i = 0; i &lt; $('.inp').length; i++) {
	// 调用函数传入的值
	$(`.inp`).eq(i).prop('.]]></description><category></category></item><item><title><![CDATA[4.22学习笔记 使用canvas实现画板]]></title><link>https://blog.youkuaiyun.com/faker55open_/article/details/116035596</link><guid>https://blog.youkuaiyun.com/faker55open_/article/details/116035596</guid><author>faker55open_</author><pubDate>Fri, 23 Apr 2021 00:02:31 +0800</pubDate><description><![CDATA[需求:使用canvas 实现一个能写字的画板
&lt;canvas width="800" height="500"&gt;&lt;/canvas&gt;  // 创建画布
 &lt;input type="color"&gt;// 颜色 后面可以改变笔的颜色

// 获取节点
let canvas = document.getElementsByTagName('canvas')[0];
let inp = document.getElementsByTagName('input')[0];
let ct]]></description><category></category></item><item><title><![CDATA[4.18学习笔记 三级联动(对象实现)]]></title><link>https://blog.youkuaiyun.com/faker55open_/article/details/115840814</link><guid>https://blog.youkuaiyun.com/faker55open_/article/details/115840814</guid><author>faker55open_</author><pubDate>Sun, 18 Apr 2021 22:06:47 +0800</pubDate><description><![CDATA[根据选取的省会城市,相应的改变市级城市,再根据选取的市级城市,相应改变区级/街道
&lt;select id="se1"&gt;
    &lt;option value=""&gt;请选择市/地区&lt;/option&gt;
&lt;/select&gt;
&lt;select id="se2"&gt;
    &lt;option value=""&gt;请选择市/地区&lt;/option&gt;
&lt;/select&gt;
&lt;select id="se3"&gt;
  &lt;optio]]></description><category></category></item><item><title><![CDATA[4.09学习笔记 原生js 实现淡入淡出效果]]></title><link>https://blog.youkuaiyun.com/faker55open_/article/details/115563163</link><guid>https://blog.youkuaiyun.com/faker55open_/article/details/115563163</guid><author>faker55open_</author><pubDate>Sat, 10 Apr 2021 08:36:06 +0800</pubDate><description><![CDATA[原生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;
	// 给元素添]]></description><category></category></item><item><title><![CDATA[4.08学习笔记 页面跳转的几种方式]]></title><link>https://blog.youkuaiyun.com/faker55open_/article/details/115533522</link><guid>https://blog.youkuaiyun.com/faker55open_/article/details/115533522</guid><author>faker55open_</author><pubDate>Thu, 08 Apr 2021 22:38:39 +0800</pubDate><description><![CDATA[一. open()  方法用于打开一个新的浏览器窗口或查找一个已命名的窗口
window.open(URL,name,specs,replace); 



URL打开指定的页面的URL(绝对路径或相对路径),如果没有指定的URL,打开新的空白窗口


指定target属性或窗口的名称,默认值:_blank


一个逗号分隔的项目列表: height = pixels    窗口的高度,最小值为100 width = pixels     窗口的宽度, 最小值为100 left = pixels      ]]></description><category></category></item><item><title><![CDATA[4.02学习笔记  封装insertAfter]]></title><link>https://blog.youkuaiyun.com/faker55open_/article/details/115409327</link><guid>https://blog.youkuaiyun.com/faker55open_/article/details/115409327</guid><author>faker55open_</author><pubDate>Fri, 02 Apr 2021 22:58:26 +0800</pubDate><description><![CDATA[将新节点插入到指定节点的后面
/*
* 函数 : insertAfter
* 作用 : 新节点插入到指定节点的后面
* 参数 : 兄节点/旧，弟节点/新
* 返回值: 无
* */

function insertAfter(oldNode, newNode) {
	if (oldNode != oldNode.parentNode.lastElementChild) {  // 判断  如果不是父节点的最后一个子节点执行的语句
		oldNode.parentNode.insertBefore(newNo]]></description><category></category></item><item><title><![CDATA[3.30学习笔记  js 字符串的反转]]></title><link>https://blog.youkuaiyun.com/faker55open_/article/details/115339109</link><guid>https://blog.youkuaiyun.com/faker55open_/article/details/115339109</guid><author>faker55open_</author><pubDate>Tue, 30 Mar 2021 23:39:26 +0800</pubDate><description><![CDATA[反转字符串
方法一:
思路,定义一个新的字符串,用来接收遍历的字符串,代码如下
var str = "abcdef";
var newStr = '';
for (var i = str.length - 1; i &gt;= 0; i--) {  // 反过来遍历
	newStr += str[i];  //  将字符串逐个添加到新字符串中
}

方法二:
思路:转换为数组 倒序再转为 字符串
str = str.split('').reverse().join('')  // 优点代码简洁,十分易懂

]]></description><category></category></item><item><title><![CDATA[3.29学习笔记 随机的0到50的随机整数,统计每个数字出现的次数]]></title><link>https://blog.youkuaiyun.com/faker55open_/article/details/115313265</link><guid>https://blog.youkuaiyun.com/faker55open_/article/details/115313265</guid><author>faker55open_</author><pubDate>Mon, 29 Mar 2021 22:30:05 +0800</pubDate><description><![CDATA[需求:统计n个随机数出现的次数
思路: 通过对象来查看出现的次数
let num, arr, obj; // 定义三个变量
function randomNumber(n) {  // 定义一个函数
	arr = []; // 定义一个空数组
	obj = {};  // 定义一个空对象
	for (var i = 0; i &lt;= n; i++) {  // 重复生成n个随机数
	 	// 0~50  但不包括50 的随机
		num = Math.floor(Math.random() * 50);]]></description><category></category></item><item><title><![CDATA[3.27日学习笔记  复选框全选、反选、全不选]]></title><link>https://blog.youkuaiyun.com/faker55open_/article/details/115271175</link><guid>https://blog.youkuaiyun.com/faker55open_/article/details/115271175</guid><author>faker55open_</author><pubDate>Sat, 27 Mar 2021 20:59:09 +0800</pubDate><description><![CDATA[需求:点击全选btn所有按钮点亮,第一排全选按钮也跟着亮,全不选btn,都不亮。全选按钮根据第二排按钮是否都亮自动选取或取消

html部分
&lt;input type="checkbox" id="allInp"&gt;全选&lt;br&gt;
&lt;input type="checkbox" class="inp"&gt;
&lt;input type="checkbox" class="inp"&gt;
&lt;input type="checkbox" class="inp"&gt;
&lt;i]]></description><category></category></item><item><title><![CDATA[3.26日学习笔记 数组的去重]]></title><link>https://blog.youkuaiyun.com/faker55open_/article/details/115255910</link><guid>https://blog.youkuaiyun.com/faker55open_/article/details/115255910</guid><author>faker55open_</author><pubDate>Fri, 26 Mar 2021 21:56:24 +0800</pubDate><description><![CDATA[要求将数组中重复的项去掉（数组去重）
思路一:
循环遍历两次依次对比,将后面相同的值删除
var arr =[2,3,4,2,5,6,3,7,3,7,3,4]
for (var i = 0; i &lt; arr.length; i++) {
	for (var j = i+1; j &lt; arr.length; j++) {
		if (arr[i] == arr[j]) {
			arr.splice(i, 1);
			j--
       }
   }
}   

但当数组中出现了两个NaN时,]]></description><category></category></item><item><title><![CDATA[3月25日学习笔记  判断一个数是否为浮点数]]></title><link>https://blog.youkuaiyun.com/faker55open_/article/details/115213579</link><guid>https://blog.youkuaiyun.com/faker55open_/article/details/115213579</guid><author>faker55open_</author><pubDate>Thu, 25 Mar 2021 17:21:45 +0800</pubDate><description><![CDATA[需求:封装一个函数，判断一个数是否为浮点数
开始思路:
function isFloat(sum) {
//方法一:
	if (sum % 1 != 0 &amp;&amp; !isNaN(sum)) {
		alert(`${sum} 是一个浮点数`)
	} else {
		alert('不是浮点数');
	}
//方法二:
	if (sum !=parseInt(sum) &amp;&amp; !isNaN(sum)) {
		alert(`${sum} 是一个浮点数`)
	} else {
		al]]></description><category></category></item><item><title><![CDATA[3.23日 less的学习笔记]]></title><link>https://blog.youkuaiyun.com/faker55open_/article/details/115126867</link><guid>https://blog.youkuaiyun.com/faker55open_/article/details/115126867</guid><author>faker55open_</author><pubDate>Tue, 23 Mar 2021 16:56:26 +0800</pubDate><description><![CDATA[一. less的编译文件
less是一门向后兼容的css扩展语言
①引用less.js文件 (缺点是不是预编译)
②使用编译器编译less 文件
二. less的注释
// 这是不会被编译到css 的注释
/* 这是能编译到css样式中的注释*/

三. less的变量
以 @ 符开头定义变量
属性值定义变量
@color:pink 	 // 定义一个颜色  可以直接使用 color:@color;

属性名定义变量 (用的少)
@m:margin;  // 可以通过@m 来使用margin 使用 @{m}]]></description><category></category></item><item><title><![CDATA[力扣面试题16.06 解题思路]]></title><link>https://blog.youkuaiyun.com/faker55open_/article/details/115065043</link><guid>https://blog.youkuaiyun.com/faker55open_/article/details/115065043</guid><author>faker55open_</author><pubDate>Mon, 22 Mar 2021 10:08:51 +0800</pubDate><description><![CDATA[给定两个整数数组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]]></description><category></category></item><item><title><![CDATA[原生js 实现轮播图无缝滚动]]></title><link>https://blog.youkuaiyun.com/faker55open_/article/details/114831196</link><guid>https://blog.youkuaiyun.com/faker55open_/article/details/114831196</guid><author>faker55open_</author><pubDate>Mon, 15 Mar 2021 15:44:55 +0800</pubDate><description><![CDATA[实现原理
前面加一张=最后的图片,最后面加一张原先的第一的图片
html结构
&lt;div class="box"&gt;
	&lt;ul class="box-ul"&gt;
		&lt;li&gt;5&lt;/li&gt;
		&lt;li&gt;1&lt;/li&gt;
		&lt;li&gt;2&lt;/li&gt;
		&lt;li&gt;3&lt;/li&gt;
		&lt;li&gt;4&lt;/li&gt;
		&lt;li&gt;5&lt;/li&gt;
		&lt;li&gt;1&lt]]></description><category></category></item><item><title><![CDATA[隐藏div的几种方法]]></title><link>https://blog.youkuaiyun.com/faker55open_/article/details/114292365</link><guid>https://blog.youkuaiyun.com/faker55open_/article/details/114292365</guid><author>faker55open_</author><pubDate>Tue, 02 Mar 2021 19:40:12 +0800</pubDate><description><![CDATA[隐藏div的几种方法
方法1: display

	&lt;div class="one"&gt;&lt;/div&gt;

.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;
	]]></description><category></category></item><item><title><![CDATA[初来乍到 原生js写日历]]></title><link>https://blog.youkuaiyun.com/faker55open_/article/details/113574381</link><guid>https://blog.youkuaiyun.com/faker55open_/article/details/113574381</guid><author>faker55open_</author><pubDate>Tue, 02 Feb 2021 21:55:44 +0800</pubDate><description><![CDATA[js日常
原生js写日历
思路 :1. 获取到每个月具体的天数
2.获取每天具体的星期值
代码实现
下面展示一些 html代码块。
&lt;div class="out"&gt;
	&lt;p class="ppp"&gt;
		&lt;span id="prev"&gt;上一月&lt;/span&gt;
		&lt;span id="nian"&gt;&lt;/span&gt;
		&lt;span id="next"&gt;下一月&lt;/span&gt;
	&lt;/p&gt;
	&lt;p id="]]></description><category></category></item></channel></rss>