<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[言辞i的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/w1666793979</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; w1666793979]]></copyright><item><title><![CDATA[Echarts 旭日图 隐藏过长文字，hover显示全部文字]]></title><link>https://blog.youkuaiyun.com/w1666793979/article/details/128953745</link><guid>https://blog.youkuaiyun.com/w1666793979/article/details/128953745</guid><author>w1666793979</author><pubDate>Thu, 09 Feb 2023 15:25:26 +0800</pubDate><description><![CDATA[Echarts 旭日图 隐藏过长文字，hover显示全部文字]]></description><category></category></item><item><title><![CDATA[vue 自定义指令 实现浏览器拖动元素拖动效果]]></title><link>https://blog.youkuaiyun.com/w1666793979/article/details/121097457</link><guid>https://blog.youkuaiyun.com/w1666793979/article/details/121097457</guid><author>w1666793979</author><pubDate>Tue, 02 Nov 2021 12:00:31 +0800</pubDate><description><![CDATA[自定义指令代码
import Vue from 'vue'
const drag = Vue.directive('drag', {
    inserted(el, binding) {
        let bodyw = document.querySelector('body').clientWidth - el.clientWidth
        let bodyh = document.querySelector('body').clientHeight - el.clientHeight]]></description><category></category></item><item><title><![CDATA[关于ajax你要知道的事情]]></title><link>https://blog.youkuaiyun.com/w1666793979/article/details/115874898</link><guid>https://blog.youkuaiyun.com/w1666793979/article/details/115874898</guid><author>w1666793979</author><pubDate>Mon, 19 Apr 2021 21:28:15 +0800</pubDate><description><![CDATA[一、什么是ajax？
即异步的 JavaScript 和 XML，是一种用于创建快速动态网页的技术；传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。使用AJAX则不需要加载更新整个网页，实现部分内容更新。
二、应用场景

用Ajax进行数据验证（表单验证）
按需取数据（Ajax改进分类树的实现机制，例如部门结构，文档得分类结构常常使用树形空间呈现）在初始化页面时，只获取第一级子分类的数据并且显示；当用户点开一级分类的第一节点时，页面会通过Ajax向服务器请求当前分类所属的二级子分类的所有]]></description><category></category></item><item><title><![CDATA[jQuery实现多选框全选/全部选]]></title><link>https://blog.youkuaiyun.com/w1666793979/article/details/112794594</link><guid>https://blog.youkuaiyun.com/w1666793979/article/details/112794594</guid><author>w1666793979</author><pubDate>Mon, 18 Jan 2021 20:47:30 +0800</pubDate><description><![CDATA[用js jquery 的方法实现全选/全不选；
1.html代码：
 &lt;label for="all" id="labelall"&gt;全选&lt;/label&gt;
    &lt;input type="checkbox"  id="all"&gt;

   &lt;ul id="ul"&gt;
       &lt;li&gt;
        &lt;label for="all"&gt;手机&lt;/label&gt;
        &lt;input type="checkbox" ]]></description><category></category></item><item><title><![CDATA[jQuery实现隔行变色]]></title><link>https://blog.youkuaiyun.com/w1666793979/article/details/112592493</link><guid>https://blog.youkuaiyun.com/w1666793979/article/details/112592493</guid><author>w1666793979</author><pubDate>Wed, 13 Jan 2021 21:23:21 +0800</pubDate><description><![CDATA[用jQuery方法实现隔行变色和代码注释都在下面↓↓↓
1.html代码
 &lt;form&gt;
        &lt;div&gt;
            &lt;label for="user"&gt;姓名&lt;/label&gt;
            &lt;input type="text" id="user"&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;label for="age"&gt;年龄&lt;/l]]></description><category></category></item><item><title><![CDATA[js创建对象的六种方式]]></title><link>https://blog.youkuaiyun.com/w1666793979/article/details/112401873</link><guid>https://blog.youkuaiyun.com/w1666793979/article/details/112401873</guid><author>w1666793979</author><pubDate>Sat, 09 Jan 2021 20:41:58 +0800</pubDate><description><![CDATA[一、new Object（）；
 var x="age"

        var obj=new Object();
        obj.name="wang";
        obj.x=20; //.字符串
        obj[x]=25; //[变量]
        console.log(obj);//{name: "wang", x: 20, age: 25}

二、字面量
 var a="hobby"
        var obj={"name":"wang","age":"18]]></description><category></category></item><item><title><![CDATA[Object.defineProperty()方法]]></title><link>https://blog.youkuaiyun.com/w1666793979/article/details/112065164</link><guid>https://blog.youkuaiyun.com/w1666793979/article/details/112065164</guid><author>w1666793979</author><pubDate>Fri, 01 Jan 2021 20:19:40 +0800</pubDate><description><![CDATA[Object.defineProperty( )
Object.defineProperty() 方法直接在一个对象上定义一个新属性、或者修改属性， 并返回这个对象。
Object.defineProperty(object, prop, descriptor);

object：
必须，要在其对象上添加或修改属性；
prop：
需被定义或修改的属性名；
descriptor：
需要被定义或者修改的属性的描述符；
属性：

value：该属性对应的值；
writable：是否可修改，true/false；
]]></description><category></category></item><item><title><![CDATA[Ajax与jQuery发送请求步骤]]></title><link>https://blog.youkuaiyun.com/w1666793979/article/details/111937999</link><guid>https://blog.youkuaiyun.com/w1666793979/article/details/111937999</guid><author>w1666793979</author><pubDate>Tue, 29 Dec 2020 22:04:24 +0800</pubDate><description><![CDATA[1.创建XMLHttpRequest( )；
 var xhr=new XMLHttpRequest();

2.规定请求的类型、URL 以及是否异步处理请求；
xhr.open("请求方式",`请求地址`,异步true/同步false);

3.执行  发送动作；
xhr.send();

4.指定回调函数，接收服务器响应；
xhr.onreadystatechange=function(){
                if(xhr.readyState ==4 &amp;&amp; xhr.sta]]></description><category></category></item><item><title><![CDATA[MongoDB基础操作]]></title><link>https://blog.youkuaiyun.com/w1666793979/article/details/111744440</link><guid>https://blog.youkuaiyun.com/w1666793979/article/details/111744440</guid><author>w1666793979</author><pubDate>Sat, 26 Dec 2020 15:03:36 +0800</pubDate><description><![CDATA[1.下载安装MongoDB；
下载可在官网直接下载，

https://www.mongodb.com/

2.基础操作：
①显示数据库，显示的为默认的数据库；

②创建数据库，名为students；    show dbs：显示数据库列表；
db; 显示当前正在使用的数据库；  use dbname; 创建或切换数据库

③创建集合，显示”ok”:1,为成功; 集合名不能以数字开头；

④在c2007集合新建对象；

⑤查看集合内所有对象；

⑥Limit（每页显示条数）；

⑦Skip（跳过少多条）；
]]></description><category></category></item><item><title><![CDATA[jQuery实现放大镜效果]]></title><link>https://blog.youkuaiyun.com/w1666793979/article/details/111598883</link><guid>https://blog.youkuaiyun.com/w1666793979/article/details/111598883</guid><author>w1666793979</author><pubDate>Wed, 23 Dec 2020 21:03:05 +0800</pubDate><description><![CDATA[放大镜效果想必大家并不陌生，在广泛的应用在各种线上商城的商品展示，那么今天为大家实现以下放大镜效果；
CSS样式：overflow:hidden 溢出隐藏；margin-left，margin-right 左右边距；
主要事件：鼠标事件mousemove()和mouseleave();不要忘记引入jQ文件!
效果图

1.html代码：
 &lt;div id="box"&gt;
        &lt;img src="./哈哈.jpg" alt=""&gt;//正常显示的图片
        &lt;d]]></description><category></category></item><item><title><![CDATA[html两种方法来实现tab切换效果]]></title><link>https://blog.youkuaiyun.com/w1666793979/article/details/111500722</link><guid>https://blog.youkuaiyun.com/w1666793979/article/details/111500722</guid><author>w1666793979</author><pubDate>Mon, 21 Dec 2020 21:50:33 +0800</pubDate><description><![CDATA[tab切换通过js和jQuery来实现，所有代码如下。
1.页面切换效果通过js实现**
&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;]]></description><category></category></item><item><title><![CDATA[JS判断数据类型方法以及封装方法实现检查数据类型；]]></title><link>https://blog.youkuaiyun.com/w1666793979/article/details/111396771</link><guid>https://blog.youkuaiyun.com/w1666793979/article/details/111396771</guid><author>w1666793979</author><pubDate>Fri, 18 Dec 2020 21:48:50 +0800</pubDate><description><![CDATA[**1. typeof  **
 console.log( typeof(1) );//number
 
 console.log( typeof "abc" );//string

console.log(typeof false); //boolean

console.log(typeof function () {}); //function

console.log(typeof {}); //object

console.log(typeof undefined); //undefined
	]]></description><category></category></item><item><title><![CDATA[js时间格式转换]]></title><link>https://blog.youkuaiyun.com/w1666793979/article/details/111301560</link><guid>https://blog.youkuaiyun.com/w1666793979/article/details/111301560</guid><author>w1666793979</author><pubDate>Wed, 16 Dec 2020 20:35:06 +0800</pubDate><description><![CDATA[js时间格式转换，比如转换成：年月日时分秒。
1.获取时间戳：
var time=get Date();

2.获取当前年份：（用 padStart 方法，不足两位数，在前面添加0，以下同理）
var years=time.getFullYear();

3.获取当前月份：（ 0 - 11，0代表一月，所以获取当前月份time.getMonth( ) + 1;）
var months=(time.getMonth()+1).toString().padStart(2,"0");

4.获取当前日期（ 1 -]]></description><category></category></item></channel></rss>