<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[LZC_yEllOwBooK的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/LZC_yEllOwBooK</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; LZC_yEllOwBooK]]></copyright><item><title><![CDATA[data响应式]]></title><link>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/128711934</link><guid>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/128711934</guid><author>LZC_yEllOwBooK</author><pubDate>Tue, 17 Jan 2023 09:44:02 +0800</pubDate><description><![CDATA[1111111111111111111111]]></description><category></category></item><item><title><![CDATA[夜间模式。]]></title><link>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/128703328</link><guid>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/128703328</guid><author>LZC_yEllOwBooK</author><pubDate>Mon, 16 Jan 2023 17:24:22 +0800</pubDate><description><![CDATA[console.log("颜色发生改变",e.matches);animation 动画地址。]]></description><category></category></item><item><title><![CDATA[map。。]]></title><link>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/127924726</link><guid>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/127924726</guid><author>LZC_yEllOwBooK</author><pubDate>Fri, 18 Nov 2022 16:09:06 +0800</pubDate><description><![CDATA[213123]]></description><category></category></item><item><title><![CDATA[java学习]]></title><link>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/126392456</link><guid>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/126392456</guid><author>LZC_yEllOwBooK</author><pubDate>Thu, 18 Aug 2022 00:03:44 +0800</pubDate><description><![CDATA[整数 int   小数 double   布尔  boolean  字符 char。]]></description><category></category></item><item><title><![CDATA[uniapp 把异步请求改为同步原理]]></title><link>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/126147338</link><guid>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/126147338</guid><author>LZC_yEllOwBooK</author><pubDate>Wed, 03 Aug 2022 19:29:35 +0800</pubDate><description><![CDATA[console.log(this.data,"成功");]]></description><category></category></item><item><title><![CDATA[uniapp脑瘫式学习]]></title><link>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/126131017</link><guid>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/126131017</guid><author>LZC_yEllOwBooK</author><pubDate>Tue, 02 Aug 2022 21:54:57 +0800</pubDate><description><![CDATA[uniapp中使用iconfont的方法：首先下载需要的图标；然后选择unicode点击生成代码；接着回到iconfont.css并且打开css文件；最后需要在【//at】前面加上【https:】，并调用iconfont。uniapp中如何使用iconfont-uni-app-PHP中文网。rpx和vx一样 750为准。uniapp 引入 icon。.....................]]></description><category></category></item><item><title><![CDATA[h5 自适应 链接分享 持久化]]></title><link>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/126100521</link><guid>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/126100521</guid><author>LZC_yEllOwBooK</author><pubDate>Mon, 01 Aug 2022 14:52:41 +0800</pubDate><description><![CDATA[postcss-px2rem将页面上写的px转化为rem。VantWeapp-轻量、可靠的小程序UI组件库。amfe-flexible配置rem等于多少px。alert（“失败”）alert（“成功”）4.如果报错ErrorNo。3.parkage.json配置。轻量、可靠的小程序UI组件库。.........]]></description><category></category></item><item><title><![CDATA[[ ].slice.call(arguments) 原理]]></title><link>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/120766451</link><guid>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/120766451</guid><author>LZC_yEllOwBooK</author><pubDate>Thu, 14 Oct 2021 16:12:39 +0800</pubDate><description><![CDATA[首先 slice是数组方法，所以要加上【】

slice 的函数内部大致结构：


Array.prototype.mySlice=function(){
            var arr=[]
            var that=this
            var arg=arguments
           switch(arguments.length){
               case 0:return this;break;
               case 1]]></description><category></category></item><item><title><![CDATA[防抖与节流]]></title><link>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/120405620</link><guid>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/120405620</guid><author>LZC_yEllOwBooK</author><pubDate>Tue, 21 Sep 2021 21:56:29 +0800</pubDate><description><![CDATA[防抖



防止抖动，在元素上鼠标移动后半秒，鼠标没有再次移动，才会计算次数，否则就重新计算时间



核心用延时计时器

1.获取页面元素，绑定上防抖事件


    // 获取到页面的元素
        var div1=document.querySelector('.div1')
        var div2=document.querySelector('.div2')
        var div3=document.querySelector('.div3')
        var.]]></description><category></category></item><item><title><![CDATA[offset client scroll pageY/Xoffset 常用方法]]></title><link>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/120147543</link><guid>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/120147543</guid><author>LZC_yEllOwBooK</author><pubDate>Tue, 07 Sep 2021 23:39:01 +0800</pubDate><description><![CDATA[1.offset（偏移量）

1.offsetWidth

获取的元素的宽度（边框+内边距+内容）

2.offsetHeight

获取到元素的高度（边框+内边距+内容）

3.offsetTop

获取元素与，最近的，且有定位，的父盒子距离（所以父盒子都没定位，则以body为父盒子）

4.offsetLeft

获取元素与，最近的，且有定位，的父盒子距离（所以父盒子都没定位，则以body为父盒子）

5.offsetparent

获取到父元素
...]]></description><category></category></item><item><title><![CDATA[js 放大镜效果（可随意更改，放大区域的大小，比例）]]></title><link>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/120122470</link><guid>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/120122470</guid><author>LZC_yEllOwBooK</author><pubDate>Sun, 05 Sep 2021 23:33:36 +0800</pubDate><description><![CDATA[效果

效果，鼠标在原图片移动，黄色小盒子跟随鼠标移动，黄色小盒子盖住的部分，在显示区显示

效果图如下：



核心思路

1.鼠标放置在图片上，显示区出现，鼠标离开小盒子，显示区消失

2.鼠标在图片上移动时，小盒子跟随鼠标移动，且鼠标在黄色小盒子中间位置

3.小盒子给判断，让其不能超出图片区域

4.小盒在图片上移动多少，显示区域要移动同比例的距离

5.当显示区大小发生改变，或显示区内容增大变小，原来图片上的黄色小盒子随之改变

操作

1.先把需要用到元素获取过来


 // 获取页面上我们需.]]></description><category></category></item><item><title><![CDATA[利用js实现轮播图（上一张，下一张，选取第几张，动画等）]]></title><link>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/120097674</link><guid>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/120097674</guid><author>LZC_yEllOwBooK</author><pubDate>Sat, 04 Sep 2021 15:58:11 +0800</pubDate><description><![CDATA[今天来说一下利用js实现轮播图效果

思路

1.首先我们要把需要用到的元素获取过来


&lt;div class="all" id='box'&gt;
        &lt;div class="screen"&gt;
            &lt;!-- 无序列表 --&gt;
            &lt;ul&gt; 
                &lt;li&gt;&lt;img src="./wf1.jpg" width="500" height="200" /&gt;&lt;/li]]></description><category></category></item><item><title><![CDATA[css圣杯布局]]></title><link>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/119994637</link><guid>https://blog.youkuaiyun.com/LZC_yEllOwBooK/article/details/119994637</guid><author>LZC_yEllOwBooK</author><pubDate>Mon, 30 Aug 2021 13:56:05 +0800</pubDate><description><![CDATA[1.利用flex布局


 &lt;style&gt;
        .father{
            height: 100px;
            display: flex;
            /* 因为div独占整行，所以不需要设置宽度 */
        }
        .left,.right{
            width: 100px;
            background-color: red;
            /* 没有flex为1这个属]]></description><category></category></item></channel></rss>