<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[LEGLO_的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/LEGLO_</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; LEGLO_]]></copyright><item><title><![CDATA[vue2自定义防抖 节流指令]]></title><link>https://blog.youkuaiyun.com/LEGLO_/article/details/132366609</link><guid>https://blog.youkuaiyun.com/LEGLO_/article/details/132366609</guid><author>LEGLO_</author><pubDate>Fri, 18 Aug 2023 17:43:09 +0800</pubDate><description><![CDATA[/添加自定义防抖指令},},});//添加自定义节流指令},},});]]></description><category></category></item><item><title><![CDATA[纯前端d3.js可交互时序图]]></title><link>https://blog.youkuaiyun.com/LEGLO_/article/details/124401651</link><guid>https://blog.youkuaiyun.com/LEGLO_/article/details/124401651</guid><author>LEGLO_</author><pubDate>Mon, 25 Apr 2022 11:54:29 +0800</pubDate><description><![CDATA[使用d3js实现的可交互时序图
需要具体代码请私聊


]]></description><category></category></item><item><title><![CDATA[如何修改百度地图外网源码]]></title><link>https://blog.youkuaiyun.com/LEGLO_/article/details/124380200</link><guid>https://blog.youkuaiyun.com/LEGLO_/article/details/124380200</guid><author>LEGLO_</author><pubDate>Sun, 24 Apr 2022 12:44:40 +0800</pubDate><description><![CDATA[百度地图源码修改方式;百度地图源码；百度地图源码修改]]></description><category></category></item><item><title><![CDATA[前端JS使用jsencrypt进行RSA加解密]]></title><link>https://blog.youkuaiyun.com/LEGLO_/article/details/124048079</link><guid>https://blog.youkuaiyun.com/LEGLO_/article/details/124048079</guid><author>LEGLO_</author><pubDate>Fri, 08 Apr 2022 18:20:53 +0800</pubDate><description><![CDATA[npm i jsencrypt -S 

import {JSEncrypt} from 'jsencrypt ' //
//or
&lt;script src="./node_modules/jsencrypt/bin/jsencrypt.min.js"&gt;&lt;/script&gt;


    let encrypt = new JSEncrypt();
    let pubkey = `-----BEGIN PUBLIC KEY-----
    MIGfMA0GCSqGSIb3DQEBAQ]]></description><category></category></item><item><title><![CDATA[Canvas水印]]></title><link>https://blog.youkuaiyun.com/LEGLO_/article/details/123926871</link><guid>https://blog.youkuaiyun.com/LEGLO_/article/details/123926871</guid><author>LEGLO_</author><pubDate>Sat, 02 Apr 2022 18:52:27 +0800</pubDate><description><![CDATA[前端,canvas,水印，]]></description><category></category></item><item><title><![CDATA[vue小工具之二维码生成（QRcode.js）]]></title><link>https://blog.youkuaiyun.com/LEGLO_/article/details/122565783</link><guid>https://blog.youkuaiyun.com/LEGLO_/article/details/122565783</guid><author>LEGLO_</author><pubDate>Tue, 18 Jan 2022 18:27:24 +0800</pubDate><description><![CDATA[vue小工具之二维码生成（QRcode.js）]]></description><category></category></item><item><title><![CDATA[vue小工具之照片信息提取（EXIF.js）]]></title><link>https://blog.youkuaiyun.com/LEGLO_/article/details/122565645</link><guid>https://blog.youkuaiyun.com/LEGLO_/article/details/122565645</guid><author>LEGLO_</author><pubDate>Tue, 18 Jan 2022 18:24:49 +0800</pubDate><description><![CDATA[vue小工具之照片信息提取（EXIF.js）,使用exif.js提取照片信息]]></description><category></category></item><item><title><![CDATA[圆等分点坐标计算]]></title><link>https://blog.youkuaiyun.com/LEGLO_/article/details/121852486</link><guid>https://blog.youkuaiyun.com/LEGLO_/article/details/121852486</guid><author>LEGLO_</author><pubDate>Fri, 10 Dec 2021 11:31:42 +0800</pubDate><description><![CDATA[圆等分点坐标计算]]></description><category></category></item><item><title><![CDATA[npm publish报错error 426 Upgrade Required - PUT http://registry.npmjs.org/your-packageName]]></title><link>https://blog.youkuaiyun.com/LEGLO_/article/details/121469429</link><guid>https://blog.youkuaiyun.com/LEGLO_/article/details/121469429</guid><author>LEGLO_</author><pubDate>Mon, 22 Nov 2021 13:12:10 +0800</pubDate><description><![CDATA[error:
npm notice 
npm notice Beginning October 4, 2021, all connections to the npm registry - including for package installation - must use TLS 1.2 or higher. You are currently using plaintext http to connect. Please visit the GitHub blog for more informa]]></description><category></category></item><item><title><![CDATA[Vue动态组件的双向绑定及数据传输,比v-if更优雅]]></title><link>https://blog.youkuaiyun.com/LEGLO_/article/details/121468888</link><guid>https://blog.youkuaiyun.com/LEGLO_/article/details/121468888</guid><author>LEGLO_</author><pubDate>Mon, 22 Nov 2021 12:11:08 +0800</pubDate><description><![CDATA[当你在写好了一些与解耦业务的公共组件，想着在动态渲染相关的业务里面使用时是否会不知道如何往下做，而对Vue-Component-is的理解也只停留在组件展示阶段，而业务中很多场景都可以使用component-is实现，类似复杂表单开发、拖拽组件的实现等等，如果你正在使用大量的v-if，那么我建议你看看这篇文章；
先来看看以前v-if的写法
        &lt;!-- //输入框 --&gt;
        &lt;finput v-if="info.component === 'input'" v-m]]></description><category></category></item><item><title><![CDATA[js获取一年有多少周及每周详细日期]]></title><link>https://blog.youkuaiyun.com/LEGLO_/article/details/121229856</link><guid>https://blog.youkuaiyun.com/LEGLO_/article/details/121229856</guid><author>LEGLO_</author><pubDate>Tue, 09 Nov 2021 15:49:23 +0800</pubDate><description><![CDATA[获取一年的周数量及详细
function formatNumber(n) {
  return n.toString().length &gt; 1 ? n : '0' + n
}

const getWeek = {
  run: (year) =&gt; {
    let days = getWeek.getDate(year || new Date().getFullYear())
    let weeks = {};
    for (let i = 0; i &lt; days.length;]]></description><category></category></item><item><title><![CDATA[vue动态渐变斑马纹进度条]]></title><link>https://blog.youkuaiyun.com/LEGLO_/article/details/116703035</link><guid>https://blog.youkuaiyun.com/LEGLO_/article/details/116703035</guid><author>LEGLO_</author><pubDate>Wed, 12 May 2021 12:30:06 +0800</pubDate><description><![CDATA[vue-processbar
npm i vue-processbar -S

Usage
1.import vueProcessbar from 'vue-processbar'

2.components: {
    vueProcessbar
  }
3.options:{//default props
    height:'30px',//进度条高度
    radius:'15px',//进度条圆角 可为px、%等
    time:'3000ms',//动画开始到结束时间
    anima]]></description><category></category></item><item><title><![CDATA[防抖与节流,rxjs防抖与节流]]></title><link>https://blog.youkuaiyun.com/LEGLO_/article/details/109330321</link><guid>https://blog.youkuaiyun.com/LEGLO_/article/details/109330321</guid><author>LEGLO_</author><pubDate>Wed, 28 Oct 2020 12:43:10 +0800</pubDate><description><![CDATA[简介
最近在看Rxjs的文档，看到operator内debounceTime、throttleTime的两个方法，怪自己读书少，之前写防抖节流的时候一直想写个utils可能是因为理解不到位就一直没敢下手，今天既然发现了工具就记个笔记写下来以便日后少掉一点头发。
代码:
一、安装rxjs
npm install -S rxjs
npm install -S rxjs-compat

二、引用
import { Observable } from "rxjs/Observable";
import "rxjs/]]></description><category></category></item><item><title><![CDATA[vue太阳系模型,vue solar-system]]></title><link>https://blog.youkuaiyun.com/LEGLO_/article/details/109289899</link><guid>https://blog.youkuaiyun.com/LEGLO_/article/details/109289899</guid><author>LEGLO_</author><pubDate>Mon, 26 Oct 2020 15:12:20 +0800</pubDate><description><![CDATA[简介
本人很喜欢太空与各种天文景象，经常在steam的宇宙沙盘模拟各种太阳系的场景，今日突发奇想用vue做个简略太阳系简单娱乐一下，仅仅八大行星的公转轨道，并没有太阳、自转、卫星、行星带等等细节，行星数据轨道半长轴、赤道半径、公转周期均来自百科。
&lt;template&gt;
  &lt;div class="container"&gt;
    &lt;div
      v-for="(planet, index) in system"
      :key="'system' + index"
 ]]></description><category></category></item><item><title><![CDATA[vue饼状图，vue-pie，canvas饼状图，饼状图，canvas]]></title><link>https://blog.youkuaiyun.com/LEGLO_/article/details/109240523</link><guid>https://blog.youkuaiyun.com/LEGLO_/article/details/109240523</guid><author>LEGLO_</author><pubDate>Fri, 23 Oct 2020 13:17:43 +0800</pubDate><description><![CDATA[NPM
https://www.npmjs.com/package/vue-pie-canvas#preview
预览


]]></description><category></category></item><item><title><![CDATA[JavaScript-字母和数字的相互转换]]></title><link>https://blog.youkuaiyun.com/LEGLO_/article/details/108999801</link><guid>https://blog.youkuaiyun.com/LEGLO_/article/details/108999801</guid><author>LEGLO_</author><pubDate>Sat, 10 Oct 2020 16:35:45 +0800</pubDate><description><![CDATA[一、字母转数字
 let letter = 'a';
 let num = letter.toUpperCase().charCodeAt() - 64;
 console.log(num); // 1

一、数字转字母
 let num = 1;
 let letter = String.fromCharCode(64  + num);
 console.log(letter); // 'A'


]]></description><category></category></item><item><title><![CDATA[vue-tree-down,vue流程图，纵向流程图]]></title><link>https://blog.youkuaiyun.com/LEGLO_/article/details/108322683</link><guid>https://blog.youkuaiyun.com/LEGLO_/article/details/108322683</guid><author>LEGLO_</author><pubDate>Mon, 31 Aug 2020 15:49:12 +0800</pubDate><description><![CDATA[souce
git:https://github.com/zhuyuhaoliar/vue-tree-down
npm:https://www.npmjs.com/package/vue-tree-down
vue-tree-down
Usage
npm install vue-tree-down

1.import TreeDown from "vue-tree-down"
2.components: {
    TreeDown,
  }
3.list: [//datasource
        {
]]></description><category></category></item><item><title><![CDATA[vue-tree树状图,横向树状图,流程图]]></title><link>https://blog.youkuaiyun.com/LEGLO_/article/details/108240626</link><guid>https://blog.youkuaiyun.com/LEGLO_/article/details/108240626</guid><author>LEGLO_</author><pubDate>Wed, 26 Aug 2020 15:28:45 +0800</pubDate><description><![CDATA[souce
git:https://github.com/zhuyuhaoliar/vue-tree-right
npm:https://www.npmjs.com/package/vue-tree-right
vue-tree-right
Usage
npm install vue-tree-right

1.import TreeRight from "vue-tree-right"
2.components: {
    TreeRight,
  }
3.list: [//datasource
   ]]></description><category></category></item><item><title><![CDATA[ios拍照图片旋转（前端解决方案）]]></title><link>https://blog.youkuaiyun.com/LEGLO_/article/details/106495134</link><guid>https://blog.youkuaiyun.com/LEGLO_/article/details/106495134</guid><author>LEGLO_</author><pubDate>Tue, 02 Jun 2020 14:10:52 +0800</pubDate><description><![CDATA[npm: yh-utils.

]]></description><category></category></item><item><title><![CDATA[Nuxt.js服务端渲染]]></title><link>https://blog.youkuaiyun.com/LEGLO_/article/details/106492048</link><guid>https://blog.youkuaiyun.com/LEGLO_/article/details/106492048</guid><author>LEGLO_</author><pubDate>Tue, 02 Jun 2020 11:47:38 +0800</pubDate><description><![CDATA[Nuxt.js服务端渲染
一、安装
npx create-nuxt-app &lt;项目名&gt; //npx在NPM版本5.2.0默认安装了

配置项：koa+UI+Universal+Axios…
二、页面配置
比如想要生成的链接为http://domain/hot/617464918241
hot为文章分类，617464918241为文章ID，则pages目录为:
├── pages
│   ├── _type
│   │   └── _id.vue
│   │   └── index.vue
│  ]]></description><category></category></item></channel></rss>