<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[weixin_63297813的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/weixin_63297813</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; weixin_63297813]]></copyright><item><title><![CDATA[jquery手写步进器]]></title><link>https://blog.youkuaiyun.com/weixin_63297813/article/details/130448722</link><guid>https://blog.youkuaiyun.com/weixin_63297813/article/details/130448722</guid><author>weixin_63297813</author><pubDate>Sun, 30 Apr 2023 15:21:23 +0800</pubDate><description><![CDATA[这里是用jquery手写的一个步进器，效果如上图所示，限制了最小数为0。]]></description><category></category></item><item><title><![CDATA[原生JS手写轮播]]></title><link>https://blog.youkuaiyun.com/weixin_63297813/article/details/129892170</link><guid>https://blog.youkuaiyun.com/weixin_63297813/article/details/129892170</guid><author>weixin_63297813</author><pubDate>Sat, 01 Apr 2023 07:50:34 +0800</pubDate><description><![CDATA[通过css动画实现自动轮播。悬停停止轮播，选择按钮，前后点击按钮齐全。]]></description><category></category></item><item><title><![CDATA[vue手写tabbar组件]]></title><link>https://blog.youkuaiyun.com/weixin_63297813/article/details/129842784</link><guid>https://blog.youkuaiyun.com/weixin_63297813/article/details/129842784</guid><author>weixin_63297813</author><pubDate>Wed, 29 Mar 2023 18:39:29 +0800</pubDate><description><![CDATA[时间匆忙故，未作拓展，只有加粗样式根据所传入val值和回调事件，点击不同按钮触发的事件。说明：由于ui组件不能满足设计图，同时样式穿透失效，故手写。]]></description><category></category></item><item><title><![CDATA[vue 手写仿vant2 的goods-action]]></title><link>https://blog.youkuaiyun.com/weixin_63297813/article/details/129842666</link><guid>https://blog.youkuaiyun.com/weixin_63297813/article/details/129842666</guid><author>weixin_63297813</author><pubDate>Wed, 29 Mar 2023 18:33:04 +0800</pubDate><description><![CDATA[【代码】vue 手写仿vant2 的goods-action。]]></description><category></category></item><item><title><![CDATA[原生JS实现风琴页以及tbs选项卡]]></title><link>https://blog.youkuaiyun.com/weixin_63297813/article/details/129827007</link><guid>https://blog.youkuaiyun.com/weixin_63297813/article/details/129827007</guid><author>weixin_63297813</author><pubDate>Tue, 28 Mar 2023 22:43:19 +0800</pubDate><description><![CDATA[原生技术]]></description><category></category></item><item><title><![CDATA[vue做为库引入实现备忘录]]></title><link>https://blog.youkuaiyun.com/weixin_63297813/article/details/129826858</link><guid>https://blog.youkuaiyun.com/weixin_63297813/article/details/129826858</guid><author>weixin_63297813</author><pubDate>Tue, 28 Mar 2023 22:32:16 +0800</pubDate><description><![CDATA[【代码】vue做为库引入实现备忘录。]]></description><category></category></item><item><title><![CDATA[vue2引入实现tbs选项卡]]></title><link>https://blog.youkuaiyun.com/weixin_63297813/article/details/129826739</link><guid>https://blog.youkuaiyun.com/weixin_63297813/article/details/129826739</guid><author>weixin_63297813</author><pubDate>Tue, 28 Mar 2023 22:25:32 +0800</pubDate><description><![CDATA[vue作为库引入实现tbs选项卡]]></description><category></category></item><item><title><![CDATA[css中var()函数小结]]></title><link>https://blog.youkuaiyun.com/weixin_63297813/article/details/125124320</link><guid>https://blog.youkuaiyun.com/weixin_63297813/article/details/125124320</guid><author>weixin_63297813</author><pubDate>Sat, 04 Jun 2022 19:32:49 +0800</pubDate><description><![CDATA[var()函数，就如同sass和less等预编译软件一样，可以定义变量并且进行对应的使用。

函数语法:

var(name,value)

例如:

--set-color:red

var(--set-color)

第一行是设置自定义的属性的名字与值。

第二行是通过这个属性名来调用这个值。

注:名字可随意设置但必须以双破折号开头。



一共两种写法

第一种，私域写法。

#div1{

--size1:20px;

--size2:20;

font-size:var(--size1);//.]]></description><category></category></item><item><title><![CDATA[JS中匹配过滤方法总结]]></title><link>https://blog.youkuaiyun.com/weixin_63297813/article/details/124793201</link><guid>https://blog.youkuaiyun.com/weixin_63297813/article/details/124793201</guid><author>weixin_63297813</author><pubDate>Mon, 16 May 2022 09:30:20 +0800</pubDate><description><![CDATA[str.match(正则)：返回的是数组

str.indexOf(要查找的字符串):查找字符串第一次出现的位置.返回对应下标。

返回值为-1代表不存在该字符串。

str.search(要查找的字符串):检索与正则表达式相匹的值。

查找字符串第-次出现的位置，返回对应下标

若没有查找对应的字符串，则返回-1;还可以匹配正则

str.includes()：判断字符串中有没有包含某个字符，有返回true,没有返回false.

数组过滤：filter()

返回的是一个数组

使用方法：数组=数组。f]]></description><category></category></item><item><title><![CDATA[js函数字符串练习题]]></title><link>https://blog.youkuaiyun.com/weixin_63297813/article/details/124137462</link><guid>https://blog.youkuaiyun.com/weixin_63297813/article/details/124137462</guid><author>weixin_63297813</author><pubDate>Tue, 12 Apr 2022 23:28:59 +0800</pubDate><description><![CDATA[// 1.写一个函数，参数为1.一个字符，2.一个字符串，返回这个字符出现在这个字符串的第几个位置，如果没有该字符，则返回-1

   var zi=String(prompt("请输入一个字符"));//输入字符

   var str=String(prompt("请输入一个字符串"));//输入一个字符串

   var a,b;//函数的两个形参

   function hanshu(a,b){

     return b.indexOf(a);//查询字符在......]]></description><category></category></item><item><title><![CDATA[学生管理系统（无参版无登陆版）]]></title><link>https://blog.youkuaiyun.com/weixin_63297813/article/details/124137405</link><guid>https://blog.youkuaiyun.com/weixin_63297813/article/details/124137405</guid><author>weixin_63297813</author><pubDate>Tue, 12 Apr 2022 23:27:04 +0800</pubDate><description><![CDATA[// {键名:值,键名:值}

   var studentArr = [

    { name: "简晓静", age: 18, sex: "女", class: "1班" },

    { name: "饶钧", age: 28, sex: "男", class: "2班" },

    { name: "王鑫", age: 22, sex: "男", class: "1班" },

    { name: "武松", age: 32, sex: "...]]></description><category></category></item><item><title><![CDATA[CSS3新增属性小结]]></title><link>https://blog.youkuaiyun.com/weixin_63297813/article/details/123876058</link><guid>https://blog.youkuaiyun.com/weixin_63297813/article/details/123876058</guid><author>weixin_63297813</author><pubDate>Thu, 31 Mar 2022 16:45:47 +0800</pubDate><description><![CDATA[border-color:边框颜色。

需要注意："border-width" 属性如果单独使用的话是不会起作用的。请首先使用 "border-style" 属性来设置边框。

border-image：图片边框。

css3的border-image属性是使用图片来创建边框。

border-radius：圆角边框。

占位依旧是方形没改变。

一个值，全部。两个值左上右下，右上左下。四个值左上右上右下左下。八个值可以实验。

box-shadow：阴影效果

盒子阴影（六个值）。X轴偏移 y轴偏移 阴影]]></description><category></category></item></channel></rss>