<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[sunny_day的博客]]></title><description><![CDATA[Just For Myself]]></description><link>https://blog.youkuaiyun.com/yang__k</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; yang__k]]></copyright><item><title><![CDATA[js原型与原型链]]></title><link>https://blog.youkuaiyun.com/yang__k/article/details/161880946</link><guid>https://blog.youkuaiyun.com/yang__k/article/details/161880946</guid><author>yang__k</author><pubDate>Thu, 11 Jun 2026 10:05:54 +0800</pubDate><description><![CDATA[‌描述‌：Person.prototype 本身也是一个普通的 JavaScript 对象。‌通俗理解‌：“Person.prototype 虽然是一个特定的原型对象，但它本质上还是一个普通对象，所以它也继承了最基础的 Object.prototype 上的通用方法（如 toString、hasOwnProperty）。‌“实例 p 的原型指向 Person 的原型对象，Person 的原型对象又指向通用的 Object 原型对象，而 Object 原型对象是原型链的顶层，其原型为 null。]]></description><category></category></item><item><title><![CDATA[uni-app 初体验]]></title><link>https://blog.youkuaiyun.com/yang__k/article/details/161658417</link><guid>https://blog.youkuaiyun.com/yang__k/article/details/161658417</guid><author>yang__k</author><pubDate>Wed, 03 Jun 2026 15:56:55 +0800</pubDate><description><![CDATA[注意： 在pages.json 里面配置tabBar时，里面的list里面至少得配置两个，不然在小程序运行的时候就会报错；如下，运行报错，删除掉tabBar就好了；2. 以小程序为例，运行到小程序模拟器：需要配置微信开发者工具的路径。2. pages.json 里面的pages里面相当于路由的配置。1. pages下面就是放页面的地方，1. 点击运行到浏览器可直接查插，3. 开始使用HBuilderX，新建一个项目。然后就可以在开发者工具里面看到你运行的小程序；4. 输入名称，默认模板，直接创建。]]></description><category></category></item><item><title><![CDATA[实时获取上传进度]]></title><link>https://blog.youkuaiyun.com/yang__k/article/details/161626102</link><guid>https://blog.youkuaiyun.com/yang__k/article/details/161626102</guid><author>yang__k</author><pubDate>Tue, 02 Jun 2026 15:31:34 +0800</pubDate><description><![CDATA[onUploadProgress: 这是 axios 提供的一个配置项，它接收一个回调函数。该回调函数会在上传过程中被触发，参数 progressEvent 包含了 loaded（已上传字节数）和 total（总字节数）和进度progress。1. Axios 对 XHR 进行了封装，提供了更简洁的。]]></description><category></category></item><item><title><![CDATA[使用echarts map 画polygon]]></title><link>https://blog.youkuaiyun.com/yang__k/article/details/161624702</link><guid>https://blog.youkuaiyun.com/yang__k/article/details/161624702</guid><author>yang__k</author><pubDate>Tue, 02 Jun 2026 15:07:14 +0800</pubDate><description><![CDATA[他只是把几个点位成了一个封闭图形，实际上，你无法控制围成图形的面的操作，所以不符合需求。1. 一开始查配置型没找到series: { type: 'polygon' }的配置，于是就想着拿线段去围成一个polygon。]]></description><category></category></item><item><title><![CDATA[vue cli 创建工程(vue3+vite+pinia)]]></title><link>https://blog.youkuaiyun.com/yang__k/article/details/157731342</link><guid>https://blog.youkuaiyun.com/yang__k/article/details/157731342</guid><author>yang__k</author><pubDate>Fri, 06 Feb 2026 10:20:01 +0800</pubDate><description><![CDATA[本文介绍了Vue3项目从零开始的完整搭建流程。主要内容包括：1)通过npm/pnpm初始化项目并配置镜像源；2)集成ElementPlus组件库和i18n国际化方案，实现语言切换及状态保持；3)配置axios封装HTTP请求，使用provide/inject实现全局注入；4)实现px到rem的响应式布局转换；5)使用Pinia进行状态管理，展示组合式API写法。文中详细说明了各功能的实现步骤和关键代码，包括i18n模块化处理、ElementPlus多语言适配、axios拦截器配置等技术细节，为Vue3项目开]]></description><category></category></item><item><title><![CDATA[数组操作总结]]></title><link>https://blog.youkuaiyun.com/yang__k/article/details/119334225</link><guid>https://blog.youkuaiyun.com/yang__k/article/details/119334225</guid><author>yang__k</author><pubDate>Mon, 02 Aug 2021 22:52:19 +0800</pubDate><description><![CDATA[1.shift() 删除数组的第一个元素，返回删除的元素


let a = [1,2,3,4,5,6,7]; let b = a.shift() // a:[2, 3, 4, 5, 6, 7] b: 1

2.pop() 删除数组最后一个元素，返回删除的元素


let a = [1,2,3,4,5,6,7]; let b = a.shift() // a:[1，2, 3, 4, 5, 6] b: 7

3.unshift() 向数组首位添加元素，返回数组长度


let a = [1...]]></description><category></category></item><item><title><![CDATA[echarts 图形的tooltip需要展示很多相关的内容]]></title><link>https://blog.youkuaiyun.com/yang__k/article/details/116139941</link><guid>https://blog.youkuaiyun.com/yang__k/article/details/116139941</guid><author>yang__k</author><pubDate>Sun, 25 Apr 2021 22:41:15 +0800</pubDate><description><![CDATA[有时候会遇到那种需求，在tooltip中展示很多相关数据，或者是点击图形，带着一些相关数据去下钻。

只要有拿的到的数据，在给对应data值的时候，使用对象push进去，图形的数值只会取value字段对应的值；


options.serises[0].data.push(
    {name: "XXX"},
    {status: "doing"},
    {type: "start"},
    {id: "1234"},
    {value: 88},     
),
options.seri]]></description><category></category></item><item><title><![CDATA[loadsh 实用的js工具库]]></title><link>https://blog.youkuaiyun.com/yang__k/article/details/116139799</link><guid>https://blog.youkuaiyun.com/yang__k/article/details/116139799</guid><author>yang__k</author><pubDate>Sun, 25 Apr 2021 22:29:31 +0800</pubDate><description><![CDATA[地址：https://www.lodashjs.com/
]]></description><category></category></item><item><title><![CDATA[兄弟间通信bus.js]]></title><link>https://blog.youkuaiyun.com/yang__k/article/details/116139599</link><guid>https://blog.youkuaiyun.com/yang__k/article/details/116139599</guid><author>yang__k</author><pubDate>Sun, 25 Apr 2021 22:26:16 +0800</pubDate><description><![CDATA[兄弟间通信：

场景：点击子组件一更改子组件二的内容

父组件：


&lt;template&gt;
  &lt;div id="app"&gt;
    &lt;my-page /&gt;
    &lt;my-page-two /&gt;
  &lt;/div&gt;
&lt;/template&gt;

&lt;script&gt;
import myPage from './components/myPage.vue'
import myPageTwo from './components/myP]]></description><category></category></item><item><title><![CDATA[el-table 合并相同数据的列]]></title><link>https://blog.youkuaiyun.com/yang__k/article/details/109909376</link><guid>https://blog.youkuaiyun.com/yang__k/article/details/109909376</guid><author>yang__k</author><pubDate>Sat, 21 Nov 2020 21:53:10 +0800</pubDate><description><![CDATA[&lt;template&gt;
  &lt;div class="hello1"&gt;
     &lt;el-table
     :data="tableData"
     border
     :span-method="spanMethod"
     :cell-style="cellStyle"
     :header-cell-style="titleHeader"
     &gt;
       &lt;el-table-column v-for="(item,i) in ti.]]></description><category></category></item><item><title><![CDATA[鼠标点击控制div层展开收缩]]></title><link>https://blog.youkuaiyun.com/yang__k/article/details/108696079</link><guid>https://blog.youkuaiyun.com/yang__k/article/details/108696079</guid><author>yang__k</author><pubDate>Sun, 20 Sep 2020 22:47:25 +0800</pubDate><description><![CDATA[.展开收缩时使用的CSS动画完成的

一.首先动态设置class：

1.三目运算符判断


&lt;div :class="isActive?'anmDiv':'aaa'"&gt;&lt;/div&gt;

2.


:class="{ 'active': isActive, 'sort': isSort }"

3.在computed里面判断


     &lt;div :class="divStyle"&gt;&lt;/div&gt;

&lt;script&gt;
export default {]]></description><category></category></item><item><title><![CDATA[解决申请 Googl e账号填写电话号码不能验证的问题]]></title><link>https://blog.youkuaiyun.com/yang__k/article/details/81195943</link><guid>https://blog.youkuaiyun.com/yang__k/article/details/81195943</guid><author>yang__k</author><pubDate>Tue, 23 Jun 2020 09:54:34 +0800</pubDate><description><![CDATA[使用google账号的好处是不管在哪里，只用在chorm登录google浏览器你自己收藏的书签和扩展工具都会同步，对于开发人员来说是非常好用的。

方法很简单：用手机自带的电子邮件申请，按流程走，稳稳的。

1.点击添加邮箱



2.点击GMail



3.,随便输入一些东西，点击下一步



4.点击注册账号



5.按上面的注册即可
...]]></description><category></category></item><item><title><![CDATA[vue-cli3 引入基本框架配置]]></title><link>https://blog.youkuaiyun.com/yang__k/article/details/106822936</link><guid>https://blog.youkuaiyun.com/yang__k/article/details/106822936</guid><author>yang__k</author><pubDate>Thu, 18 Jun 2020 08:58:07 +0800</pubDate><description><![CDATA[1.引入elementUI


vue add element

2.在plugins下面的element.js 里面引入你需要的组件（这里我只是用了按钮和表格）


import Vue from 'vue'
import { Button,Table,TableColumn } from 'element-ui'

Vue.use(Button).use(Table).use(TableColumn);

3.在.babelrc中修改配置，改为官方的配置


{
  "presets": [["es20]]></description><category></category></item><item><title><![CDATA[windows  ubuntu子系统操作文件]]></title><link>https://blog.youkuaiyun.com/yang__k/article/details/106664226</link><guid>https://blog.youkuaiyun.com/yang__k/article/details/106664226</guid><author>yang__k</author><pubDate>Wed, 10 Jun 2020 13:56:43 +0800</pubDate><description><![CDATA[打开Ubuntu子系统命令行输入： explorer.exe . （注意：explorer.exe后面是空格加一个"."）

即可以查看ubuntu 子系统文件文件放在哪里


]]></description><category></category></item><item><title><![CDATA[vue-cli 安装步骤]]></title><link>https://blog.youkuaiyun.com/yang__k/article/details/106646988</link><guid>https://blog.youkuaiyun.com/yang__k/article/details/106646988</guid><author>yang__k</author><pubDate>Tue, 09 Jun 2020 20:53:58 +0800</pubDate><description><![CDATA[电脑重新装系统后，需要重新安装vue-cli脚手架，还是好久以前装过，现在再整理一遍供以后参考。



1.安装nvm包管理器：

https://github.com/coreybutler/nvm-windows/releases

下载nvm-setup.zip,解压安装；

2.命令行输入nvm查看信息



3.查看需要node的版本，安装你需要的版本

https://nodejs.org/zh-cn/download/releases/

3.输入nvm install 14.0.0 (这里.]]></description><category></category></item><item><title><![CDATA[什么是SEO]]></title><link>https://blog.youkuaiyun.com/yang__k/article/details/106612782</link><guid>https://blog.youkuaiyun.com/yang__k/article/details/106612782</guid><author>yang__k</author><pubDate>Mon, 08 Jun 2020 09:54:42 +0800</pubDate><description><![CDATA[**1.什么是SEO？**

**全称：Search English Optimization，搜索引擎优化**

汉译为搜索引擎优化。是一种方式：利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是：为网站提供生态式的自我营销解决方案，让其在行业内占据领先地位，获得品牌收益；SEO包含站外SEO和站内SEO两方面；为了从搜索引擎中获得更多的免费流量，从网站结构、内容建设方案、用户互动传播、页面等角度进行合理规划，还会使搜索引擎中显示的网站相关信息对用户来说更具有吸引力。

从宏观的角度来说，我认为]]></description><category></category></item><item><title><![CDATA[Vue中的单向数据流]]></title><link>https://blog.youkuaiyun.com/yang__k/article/details/106471229</link><guid>https://blog.youkuaiyun.com/yang__k/article/details/106471229</guid><author>yang__k</author><pubDate>Mon, 01 Jun 2020 14:07:03 +0800</pubDate><description><![CDATA[单向数据流

数据从父级组件传递给子组件，只能单向绑定。

子组件内部不能直接修改从父级传递过来的数据。




&lt;section id="app"&gt;
   &lt;custom-component :count="count"&gt;&lt;/custom-component&gt;
&lt;/section&gt;





Vue.component("custom-component", {
  props: ['count'],
  template: `
          &l..]]></description><category></category></item><item><title><![CDATA[ES6新特性小结]]></title><link>https://blog.youkuaiyun.com/yang__k/article/details/106388724</link><guid>https://blog.youkuaiyun.com/yang__k/article/details/106388724</guid><author>yang__k</author><pubDate>Wed, 27 May 2020 20:04:40 +0800</pubDate><description><![CDATA[ES6小结1.let 和 const2.变量的解构赋值1.数组的解构赋值2.对象的解构赋值3.字符串的解构赋值4.数字以及布尔值的解构赋值5.函数参数的解构赋值6.解构的用途3.模板字符串4.箭头函数5.Symbol1.消除魔术字符串(当常量多的时候我们就要去给他们赋值很多的唯一值很麻烦)2.Symbol作为对象属性名3.Symbol for4.Symbol keyFor6.Set和Map1.Set2.WeakSet 也是不重复的值得集合，它的成员只能是对象，而不能是其他类型的值, WeakSet 没有si]]></description><category></category></item><item><title><![CDATA[关于iframe跨域使用postMessage的实现]]></title><link>https://blog.youkuaiyun.com/yang__k/article/details/106289644</link><guid>https://blog.youkuaiyun.com/yang__k/article/details/106289644</guid><author>yang__k</author><pubDate>Fri, 22 May 2020 19:28:46 +0800</pubDate><description><![CDATA[这篇文章主要介绍了关于iframe跨域使用postMessage的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧



当我们要在域名A.com下使用一个域名B.com提供的页面服务，直觉想到的实现方式就是使用iframe。但是iframe直接的交互存在**跨域问题**，目前看来解决方式有两种。一是使用nginx代理转发，在域名A的nginx上配置指定的转发规则，直接指向域名B，直接干掉了跨域；另一种方式是使用postMessag.]]></description><category></category></item><item><title><![CDATA[将数字转化为千分位格式]]></title><link>https://blog.youkuaiyun.com/yang__k/article/details/106220566</link><guid>https://blog.youkuaiyun.com/yang__k/article/details/106220566</guid><author>yang__k</author><pubDate>Tue, 19 May 2020 18:30:45 +0800</pubDate><description><![CDATA[transformStyle(value) {
          return (value).toString().replace(/(\d{1,3})(?=(\d{3})+$)/g, '$1,');
        },


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