<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[mardins的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/mardins</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; mardins]]></copyright><item><title><![CDATA[日历表的jq简单写法]]></title><link>https://blog.youkuaiyun.com/mardins/article/details/107084929</link><guid>https://blog.youkuaiyun.com/mardins/article/details/107084929</guid><author>mardins</author><pubDate>Thu, 02 Jul 2020 15:18:03 +0800</pubDate><description><![CDATA[日历的表格简单的写法
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Document&lt;/title&gt;
    &lt;style&gt;
        * {
  ]]></description><category></category></item><item><title><![CDATA[jq的方法写一个选项卡]]></title><link>https://blog.youkuaiyun.com/mardins/article/details/107033389</link><guid>https://blog.youkuaiyun.com/mardins/article/details/107033389</guid><author>mardins</author><pubDate>Tue, 30 Jun 2020 09:10:51 +0800</pubDate><description><![CDATA[网页中tap面板和选项的卡的使用成了网站的必备的效果，之前我们写过一个复杂的面向对象的选项卡，今天就写一个简单jq的选项卡。
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Doc]]></description><category></category></item><item><title><![CDATA[jq和icon矢量字的运用]]></title><link>https://blog.youkuaiyun.com/mardins/article/details/107033220</link><guid>https://blog.youkuaiyun.com/mardins/article/details/107033220</guid><author>mardins</author><pubDate>Tue, 30 Jun 2020 09:01:09 +0800</pubDate><description><![CDATA[在豆瓣和手机app商城中经常会遇到评星级的一个操作。那下面我们就用jq简单的写一个滑动点亮星星的效果，当然也复习一下之前的icon的矢量图的使用。
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;t]]></description><category></category></item><item><title><![CDATA[jq的方法写一个轮播特写]]></title><link>https://blog.youkuaiyun.com/mardins/article/details/107033112</link><guid>https://blog.youkuaiyun.com/mardins/article/details/107033112</guid><author>mardins</author><pubDate>Tue, 30 Jun 2020 08:51:22 +0800</pubDate><description><![CDATA[在网页中轮播是经常遇到大页面效果之一，在平时都是使用组件直接调用。但是其实用jq写的话企事业很简单。代码如下：
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Document&l]]></description><category></category></item><item><title><![CDATA[关于滚轮滑动的js效果]]></title><link>https://blog.youkuaiyun.com/mardins/article/details/106966197</link><guid>https://blog.youkuaiyun.com/mardins/article/details/106966197</guid><author>mardins</author><pubDate>Fri, 26 Jun 2020 09:41:25 +0800</pubDate><description><![CDATA[关于滚轮滑动的js效果
实现要求：在右侧不显示滚动条，其次在使用鼠标滚动的时候页面中的模块是匀速向下或者 向上；
首先写一下基本的网页布局：
 &lt;style&gt;
        * {
            margin: 0;
            padding: 0;
        }

        body {
            height: 100vh;
            overflow: hidden;
        }

        .containe]]></description><category></category></item><item><title><![CDATA[于滑动滚动条的效果]]></title><link>https://blog.youkuaiyun.com/mardins/article/details/106966133</link><guid>https://blog.youkuaiyun.com/mardins/article/details/106966133</guid><author>mardins</author><pubDate>Fri, 26 Jun 2020 09:35:43 +0800</pubDate><description><![CDATA[关于滑动滚动条的效果
实现效果：下拉滚动条时，上面的会有进度条，页面到底上部的滚动条也会到头；
首先先写个基本布局：
 &lt;style&gt;
        * {
            margin: 0;
            padding: 0;
        }

        .progressbar {
            height: 3px;
            background: skyblue;
            position: fixed;
  ]]></description><category></category></item><item><title><![CDATA[关于网页中音乐播放的进度条的js效果]]></title><link>https://blog.youkuaiyun.com/mardins/article/details/106966002</link><guid>https://blog.youkuaiyun.com/mardins/article/details/106966002</guid><author>mardins</author><pubDate>Fri, 26 Jun 2020 09:25:09 +0800</pubDate><description><![CDATA[关于网页中音乐播放的进度条的js效果
音乐的时间读取和读条效果
首先先来简单的写一下进度条的样式
&lt;style&gt;
        * {
            margin: 0;
            padding: 0;
        }

        .container {
            height: 10px;
            width: 400px;
            background: #666;
            margin: ]]></description><category></category></item><item><title><![CDATA[js的小练习]]></title><link>https://blog.youkuaiyun.com/mardins/article/details/106915116</link><guid>https://blog.youkuaiyun.com/mardins/article/details/106915116</guid><author>mardins</author><pubDate>Tue, 23 Jun 2020 08:31:05 +0800</pubDate><description><![CDATA[关于时间的小练习
我们用字符串的方式获取现在是星期几？

    1. let now= new Date() 
    2. let week= now.getDay()
    3. let str='日一二三四五六'[week]
    4. console.log('今天星期'+str)


我们可以将上面的代码进一步封装一下：

 1. function getweeks(){
 2. let now= new Date() 
 3. return '今天星期'+'日一二三四五六'[week]
 ]]></description><category></category></item><item><title><![CDATA[关于js操作DOM的内置对象运用的小练习]]></title><link>https://blog.youkuaiyun.com/mardins/article/details/106902257</link><guid>https://blog.youkuaiyun.com/mardins/article/details/106902257</guid><author>mardins</author><pubDate>Mon, 22 Jun 2020 15:40:35 +0800</pubDate><description><![CDATA[写一个鼠标点击页面任意位置生成一个div

思路1：首先是在在window的onclick的事件中创建一个div给文档

思路2：给这个div添加一个类

思路3：获取鼠标的坐标

思路4：将创建的div添加到body中

当然要简单的设置一下div的样式

给个背景颜色和宽高和绝对绝对定位。
当然你也可以让它变有点意思，让它随机左右斜线动起来
给它一个随机随机整数0或者1

再给一个定时器：
在定时器中做个判断如果为0那x就-10px；否则就+10px，并将y的值固定为每次-10px。最后将x和y的值付给]]></description><category></category></item><item><title><![CDATA[关于Cookie的设置、读取、删除的封装]]></title><link>https://blog.youkuaiyun.com/mardins/article/details/106901833</link><guid>https://blog.youkuaiyun.com/mardins/article/details/106901833</guid><author>mardins</author><pubDate>Mon, 22 Jun 2020 15:00:31 +0800</pubDate><description><![CDATA[关于Cookie的设置、读取、删除的封装
Cookie简单的来说就是缓存的数据，方便下次的快速使用。
Cookie设置的封装：

当然也可以用，模板字符串写：

Cookie获取的封装：

Cookie删除的封装：
当然删除就是设置当前的日期的上一个时间段所以写一个方法调用setCookie的方法：


...]]></description><category></category></item><item><title><![CDATA[关于语法糖的写法]]></title><link>https://blog.youkuaiyun.com/mardins/article/details/106901615</link><guid>https://blog.youkuaiyun.com/mardins/article/details/106901615</guid><author>mardins</author><pubDate>Mon, 22 Jun 2020 14:43:25 +0800</pubDate><description><![CDATA[关于语法糖的写法
语法糖就是在不改变其所在位置的语法结构的前提下，实现了运行时的等价。之所以叫糖就是代码更简洁流畅，代码更语义自然…写着爽，看着爽，就像吃了糖。
最经常用的地方就是判断语句：
最一开始的我们这样写

使用语法糖写法：

这种写法就是运用了&amp;&amp; 运算符的特性，因为&amp;&amp;的特性是假如第一个为真，才会继续向下执行。

...]]></description><category></category></item></channel></rss>