<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[work33的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/work33</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; work33]]></copyright><item><title><![CDATA[前端工程师--手写js一些常见的code。有一定的基础，不然看不懂]]></title><link>https://blog.youkuaiyun.com/work33/article/details/127143528</link><guid>https://blog.youkuaiyun.com/work33/article/details/127143528</guid><author>work33</author><pubDate>Sun, 09 Oct 2022 13:56:17 +0800</pubDate><description><![CDATA[/ 特点 1. 改变this指向  2. 不影响原对象的返回  3. 接收多个参数 4. 自己返回的是一个函数。思路：循环调用传进来的peomise数组，有一个promise失败整个promise就是失败的。思路：判断当前item项是数组还是对象，都不是直接复制，是的话就递归。新对象需要能够访问到构造函数的属性，所以需要重新指定它的原型；场景：发送请求，屏幕滚动，窗口大小缩小的时候要执行的代码。思路：双指针并置换头尾，注意处理中间值，不然又会反转一遍。思路：通过自定义属性将自己的this先存起来。]]></description><category></category></item><item><title><![CDATA[前端开发工程师--js面试题-概念篇]]></title><link>https://blog.youkuaiyun.com/work33/article/details/127124057</link><guid>https://blog.youkuaiyun.com/work33/article/details/127124057</guid><author>work33</author><pubDate>Sat, 01 Oct 2022 12:33:19 +0800</pubDate><description><![CDATA[不同的对象类型调用toString方法时，根据原型链的知识，调用的是对应的重写之后的toString方法（function类型返回内容为函数体的字符串，Array类型返回元素组成的字符串…setInterval会按照设定的时间间隔重复地在Event Queue注册回调函数，如果某一段时间主线程代码执行太久，那么setInterval的回调函数可能阻塞到一起执行，无法保持设定的时间间隔，如果此时setInterval用于动画，则体现为卡顿。（4）判断函数的返回值类型，如果是值类型，返回创建的对象。]]></description><category></category></item><item><title><![CDATA[css常见面试题]]></title><link>https://blog.youkuaiyun.com/work33/article/details/127105598</link><guid>https://blog.youkuaiyun.com/work33/article/details/127105598</guid><author>work33</author><pubDate>Fri, 30 Sep 2022 14:59:13 +0800</pubDate><description><![CDATA[块级作用域上下文（里面的元素是独立起来的，不会受外面的元素影响）例子。]]></description><category></category></item><item><title><![CDATA[vite3打包优化]]></title><link>https://blog.youkuaiyun.com/work33/article/details/127086840</link><guid>https://blog.youkuaiyun.com/work33/article/details/127086840</guid><author>work33</author><pubDate>Wed, 28 Sep 2022 17:18:53 +0800</pubDate><description><![CDATA[在没有配置之前打包的文件都是一把嗦。]]></description><category></category></item><item><title><![CDATA[vue3+ts遇到的小问题]]></title><link>https://blog.youkuaiyun.com/work33/article/details/126747123</link><guid>https://blog.youkuaiyun.com/work33/article/details/126747123</guid><author>work33</author><pubDate>Sun, 25 Sep 2022 22:42:06 +0800</pubDate><description><![CDATA[解决：1. 检查是或否是，是的话进入拓展设置，所有的选项都勾选2. 还是不行就要更新vscoe了。一般的话会在力捕抓到一个错误。跟新就好了。]]></description><category></category></item><item><title><![CDATA[react记坑：使用百度地图的天气api无效]]></title><link>https://blog.youkuaiyun.com/work33/article/details/125567518</link><guid>https://blog.youkuaiyun.com/work33/article/details/125567518</guid><author>work33</author><pubDate>Fri, 01 Jul 2022 23:52:10 +0800</pubDate><description><![CDATA[百度]]></description><category></category></item><item><title><![CDATA[vue2源码--生命周期]]></title><link>https://blog.youkuaiyun.com/work33/article/details/124859079</link><guid>https://blog.youkuaiyun.com/work33/article/details/124859079</guid><author>work33</author><pubDate>Sat, 21 May 2022 13:59:16 +0800</pubDate><description><![CDATA[生命周期
beforeCreate
这个钩子函数只是初始化了事件，生命周期，如果在这里获取data得到的是一个undefined
initEvent，在vm添加事件属性
initLifecycle：初始化vm.$options这个空属性
initRender：初始化虚拟dom需要的属性

beforeCreate模板还没有被替换掉。

create
initInjections(vm);
initState(vm);
1. data 的数据在这里初始化  initData()
2. 让data的数据变成响应]]></description><category></category></item><item><title><![CDATA[【踩坑实录】linux让你的node项目运行在后台]]></title><link>https://blog.youkuaiyun.com/work33/article/details/123765622</link><guid>https://blog.youkuaiyun.com/work33/article/details/123765622</guid><author>work33</author><pubDate>Sat, 26 Mar 2022 22:48:44 +0800</pubDate><description><![CDATA[linux]]></description><category></category></item><item><title><![CDATA[腾讯云实操--mysql]]></title><link>https://blog.youkuaiyun.com/work33/article/details/123030270</link><guid>https://blog.youkuaiyun.com/work33/article/details/123030270</guid><author>work33</author><pubDate>Sun, 20 Feb 2022 14:14:05 +0800</pubDate><description><![CDATA[安装mysql
1.下载包
wget http://repo.mysql.com/mysql57-community-release-el7-8.noarch.rpm
2.安装
sudo rpm -ivh mysql57-community-release-el7-8.noarch.rpm
sudo yum install mysql-server
这样按道理是安装成功了
查看是否安装成功就要查看有没有pid
service mysqld start
chkconfig --list mysqld
mysq]]></description><category></category></item><item><title><![CDATA[腾讯云实操]]></title><link>https://blog.youkuaiyun.com/work33/article/details/122902628</link><guid>https://blog.youkuaiyun.com/work33/article/details/122902628</guid><author>work33</author><pubDate>Sun, 13 Feb 2022 21:39:31 +0800</pubDate><description><![CDATA[购买（学生版）

直接在官网搜索购买即可
购买完成在面板启动
不知道root的密码的话可以充重置密码

使用ftp工具连接服务器

按着步骤填写
ip
用户名 root
密码 ： 重置之后的密码
端口 ：默认是 22

简单的LAMP的部署

切换root  su  -

在 /usr/local 文件下执行(也可以随便创个目录安装

1.安装Nginx包 (必须是root用户，Nginx版本自己定)
wget http://nginx.org/download/nginx-1.13.1.tar.gz


]]></description><category></category></item><item><title><![CDATA[地区数组，广东]]></title><link>https://blog.youkuaiyun.com/work33/article/details/121823964</link><guid>https://blog.youkuaiyun.com/work33/article/details/121823964</guid><author>work33</author><pubDate>Thu, 09 Dec 2021 15:03:42 +0800</pubDate><description><![CDATA[let provinces = ["北京", "天津", "上海", "重庆", "新疆", "西藏", "宁夏", "内蒙古",
        "广西", "黑龙江", "吉林", "辽宁", "河北", "山东", "江苏", "安徽",
        "浙江", "福建", "广东", "海南", "云南", "贵州", "四川", "湖南",
        "湖北", "河南", "山西", "陕西", "甘肃", "青海", "江西", "台湾", "香港", "澳门"]


 let c.]]></description><category></category></item><item><title><![CDATA[scroll家族简介]]></title><link>https://blog.youkuaiyun.com/work33/article/details/121802440</link><guid>https://blog.youkuaiyun.com/work33/article/details/121802440</guid><author>work33</author><pubDate>Wed, 08 Dec 2021 22:26:38 +0800</pubDate><description><![CDATA[scroll家族




属性/方法
解释




element.scrollHeight
返回元素的整体高度。


element.scrollWidth
返回元素的整体宽度。


element.scrollLeft
返回元素左边缘与视图之间的距离。单位px（包括padding）


element.scrollTop
返回元素上边缘与视图之间的距离。 单位px（包括padding）






属性/方法
解释




window.scrollBy()
使窗口滚动到指定位置


window.sc]]></description><category></category></item><item><title><![CDATA[不用下载mock.js。直接生成想要的数据]]></title><link>https://blog.youkuaiyun.com/work33/article/details/121553674</link><guid>https://blog.youkuaiyun.com/work33/article/details/121553674</guid><author>work33</author><pubDate>Fri, 26 Nov 2021 10:08:18 +0800</pubDate><description><![CDATA[打开mock的官网，点击示例示例
打开开发者工具，在控制到输入
不同的数据，按着例子。填入即可，循环生成多少条数据。复杂的数据结构也是可以自己构造
 let obj = [];
    for (let i = 0; i &lt; 100; i++) {
        obj[i] = Mock.mock({
            id: "@id()", // 得到随机的id,对象
            username: "@cname()", // 随机生成中文名字
            da]]></description><category></category></item><item><title><![CDATA[element plus组件二次封装]]></title><link>https://blog.youkuaiyun.com/work33/article/details/121549112</link><guid>https://blog.youkuaiyun.com/work33/article/details/121549112</guid><author>work33</author><pubDate>Thu, 25 Nov 2021 22:22:53 +0800</pubDate><description><![CDATA[自定义表格

Table.vue   表格模板，通过插槽进行填充不同的结构


问题：用来做循环的父盒子不能template  不能添加自定义属性。求大老解决   

&lt;template&gt;
  &lt;el-table :data="tableData" style="width: 100%" class="tab"&gt;
    &lt;template  v-for="item in tabcur" :key="item"&gt;
      &lt;el-table-column :la]]></description><category></category></item><item><title><![CDATA[H5与微信的一下交互（监听微信内置浏览器私有接口 WeixinJSBridgeReady）]]></title><link>https://blog.youkuaiyun.com/work33/article/details/121543831</link><guid>https://blog.youkuaiyun.com/work33/article/details/121543831</guid><author>work33</author><pubDate>Thu, 25 Nov 2021 18:06:06 +0800</pubDate><description><![CDATA[1.禁止微信分享
&lt;script&gt;
		document.addEventListener("WeixinJSBridgeReady", function onBridgeReady() {
			console.log("关闭分享复制链接");
			WeixinJSBridge.call("hideOptionMenu");
		});
&lt;/script&gt;



document.addEventListener('WeixinJSBridgeReady',function on]]></description><category></category></item><item><title><![CDATA[vue3+ts+element plus 使echarts自适应（推荐）]]></title><link>https://blog.youkuaiyun.com/work33/article/details/121480516</link><guid>https://blog.youkuaiyun.com/work33/article/details/121480516</guid><author>work33</author><pubDate>Mon, 22 Nov 2021 21:01:26 +0800</pubDate><description><![CDATA[&lt;template&gt;
  &lt;el-row :gutter="10"&gt;
    &lt;el-col :xs="24" :sm="24" :md="8" :lg="8" :xl="8"&gt;
      &lt;el-card class="box-card"&gt;
        &lt;template #header&gt;
          &lt;div class="card-header"&gt;
            &lt;span&gt;Card name&]]></description><category></category></item><item><title><![CDATA[jq给动态添加的元素绑定事件]]></title><link>https://blog.youkuaiyun.com/work33/article/details/121210339</link><guid>https://blog.youkuaiyun.com/work33/article/details/121210339</guid><author>work33</author><pubDate>Mon, 08 Nov 2021 16:20:32 +0800</pubDate><description><![CDATA[现在不用了live
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;t]]></description><category></category></item><item><title><![CDATA[vue3+ts中使用封装后的echarts。适合小白（报错的也可以看Initialize failed: invalid dom.）]]></title><link>https://blog.youkuaiyun.com/work33/article/details/120870457</link><guid>https://blog.youkuaiyun.com/work33/article/details/120870457</guid><author>work33</author><pubDate>Wed, 20 Oct 2021 17:19:13 +0800</pubDate><description><![CDATA[封装的echarts
userEach.ts
import { ref, nextTick } from 'vue'
import * as echarts from 'echarts'
//这个方法，接收一个option和dom的id
//目的：用的时候只需要传option和dom的id就能绘制出一个图表，很适合我们小白刚开始学函数的用法
export default function useEchar (option:object, name:string) {
  const myChart = re]]></description><category></category></item><item><title><![CDATA[数据结构之堆栈（四）]]></title><link>https://blog.youkuaiyun.com/work33/article/details/120126800</link><guid>https://blog.youkuaiyun.com/work33/article/details/120126800</guid><author>work33</author><pubDate>Mon, 06 Sep 2021 15:24:50 +0800</pubDate><description><![CDATA[栈


什么是栈？

栈在实际的例子中有点像手枪的弹夹。你每次添加子弹的时候都是会把你前面添加的子弹给压到最下面。而打出来的子弹都是你最新的。所以就有一个特点，先进去的子弹会先出来。后进去的子弹回后出来。栈结构在网页中是很常用的一个数据结构。我们很经常用的浏览器的前进后退功能就是这样的。
栈是限定了仅在表尾（栈顶）进行插入删除的操作的线性表



栈的例子



注意：栈一定是遵循先进先出的原则。所以想想312这种情况会发生吗？还有一点栈其实也是一个线性表


栈的结构定义 


栈的几种常见情况（顺序结构]]></description><category></category></item><item><title><![CDATA[数据结构（三）---链表]]></title><link>https://blog.youkuaiyun.com/work33/article/details/119856403</link><guid>https://blog.youkuaiyun.com/work33/article/details/119856403</guid><author>work33</author><pubDate>Sun, 29 Aug 2021 16:38:10 +0800</pubDate><description><![CDATA[概念
我们先想一个游戏场景—老鹰抓小鸡。母鸡后面都有序的跟着小鸡们，第一个小鸡被第二个小鸡紧跟着防止掉队。如果有一次第二个被甩出去了后面的小鸡都没有了方向，整个队伍就散了。好在第二个小鸡及时回来补救。这就是一个单链表，在代码层面上显示出来的就是一个数组。单链表的特点就是只有一个或零个前驱有一个或零个后继。例如我们的排队、月份、星座。我们的班级算吗？不算。仔细想想只有一个或者零个。
线性表的顺序存储（可变数组）
顺序结构说白了就是在内存开一片地，占定了一定的空间，数据就按着分配的位置就坐。就好比说现在疫情，之]]></description><category></category></item></channel></rss>