<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[笙]]></title><description><![CDATA[前端记载]]></description><link>https://blog.youkuaiyun.com/zyj0209</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; zyj0209]]></copyright><item><title><![CDATA[elementui中的tree组件相关操作集合]]></title><link>https://blog.youkuaiyun.com/zyj0209/article/details/109626233</link><guid>https://blog.youkuaiyun.com/zyj0209/article/details/109626233</guid><author>zyj0209</author><pubDate>Wed, 11 Nov 2020 17:58:57 +0800</pubDate><description><![CDATA[目录

1. 刷新指定节点

2. 自定义过滤方法

3.新增子节点

1. 刷新指定节点

node节点有一个loaded的属性，用来存储该节点是否展开过，

刷新指定节点的思路：无论该节点是否展开过，通通设置loaded=false，然后触发node节点的expand函数去展开节点


refreshNode(node){
  node.loaded = false
  node.expand()
},

2. 自定义过滤方法

如果使用的不是懒加载，就可以直接使用官方给的方式去过滤，简单省事！

但是]]></description><category></category></item><item><title><![CDATA[elementui中表头中使用下拉菜单组件并使用v-if控制列的显示与否，导致渲染出两个相同的下拉菜单]]></title><link>https://blog.youkuaiyun.com/zyj0209/article/details/109576696</link><guid>https://blog.youkuaiyun.com/zyj0209/article/details/109576696</guid><author>zyj0209</author><pubDate>Mon, 09 Nov 2020 14:51:21 +0800</pubDate><description><![CDATA[问题

做项目过程中，有一个这样的需求，表头有下拉菜单进行数据筛选，同时该列会在某种条件下才触发的显示。如下：类型选择数据库资源时，数据库资源类型这一列才会显示，但是实际做出来之后，就是下面这样，很明显的渲染出了两个相同的下拉菜单，错位也是很严重



网上百度居然没有人没有相关的问题。。。

于是尝试了很多办法，

加上key试了一下不行！

行内样式用display控制列的显示与否，结果导致了其他列出现了异常，尤其是操作列，居然不显示了？

又尝试了替换成别的组件，换了表格自带的表头筛选方法等，但是又导]]></description><category></category></item><item><title><![CDATA[报错Cannot download “https://npm.taobao.org/mirrors/node-sass/v4.13.1/win32-x64-83_binding.node“]]></title><link>https://blog.youkuaiyun.com/zyj0209/article/details/109505185</link><guid>https://blog.youkuaiyun.com/zyj0209/article/details/109505185</guid><author>zyj0209</author><pubDate>Thu, 05 Nov 2020 10:17:34 +0800</pubDate><description><![CDATA[执行npm i时报错


Downloading binary from https://npm.taobao.org/mirrors/node-sass/v4.13.1/win32-x64-83_binding.node
Cannot download "https://npm.taobao.org/mirrors/node-sass/v4.13.1/win32-x64-83_binding.node": 

HTTP error 404 Not Found

Hint: If github.com is]]></description><category></category></item><item><title><![CDATA[修复修改了el-table组件的滚动条样式后出现的问题]]></title><link>https://blog.youkuaiyun.com/zyj0209/article/details/109195523</link><guid>https://blog.youkuaiyun.com/zyj0209/article/details/109195523</guid><author>zyj0209</author><pubDate>Wed, 21 Oct 2020 10:22:38 +0800</pubDate><description><![CDATA[问题描述：

众所周知，i-table的滚动条使用的是原生的滚动条，样式比较丑，于是本人就擅自改动了一下滚动条样式，理想中的样子是这样的



但是实际是这样的，



出现了显示不全，固定列离滚动条距离加宽的问题

下面是我修改滚动条用的样式


/deep/.el-table__body-wrapper {
    &amp;::-webkit-scrollbar {
      height: 6px;
      width: 6px;
    }
    &amp;::-webkit-scr...]]></description><category></category></item><item><title><![CDATA[Vue中$refs的理解]]></title><link>https://blog.youkuaiyun.com/zyj0209/article/details/108402703</link><guid>https://blog.youkuaiyun.com/zyj0209/article/details/108402703</guid><author>zyj0209</author><pubDate>Fri, 04 Sep 2020 13:53:08 +0800</pubDate><description><![CDATA[转载地址

$refs是一个对象，持有注册过ref attribute的所有DOM元素和组件实例。

描述

ref被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的$refs对象上，

如果在普通的DOM元素上使用，引用指向的就是DOM元素；

如果用在子组件上，引用就指向组件实例，

另外当v-for用于元素或组件的时候，引用信息将是包含DOM节点或组件实例的数组。


&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;title&]]></description><category></category></item><item><title><![CDATA[CSS伪类、伪元素笔记]]></title><link>https://blog.youkuaiyun.com/zyj0209/article/details/108279894</link><guid>https://blog.youkuaiyun.com/zyj0209/article/details/108279894</guid><author>zyj0209</author><pubDate>Fri, 28 Aug 2020 15:41:39 +0800</pubDate><description><![CDATA[CSS伪类

伪类存在的意义是为了通过选择器找到那些不存在与DOM树中的信息以及不能被常规CSS选择器获取到的信息。

使用时为一个冒号

伪元素

创建抽象元素，但是这些元素不存在于DOM树中，如::first-letter，类似于将元素的首字母单独拿别的标签包起来，创建了之前不存在的抽象元素，该元素也不会出现在dom树中，于是就有了“伪”一说

使用时是两个冒号

下面是伪类伪元素的总结图








...]]></description><category></category></item><item><title><![CDATA[es6,7,8,9,10]]></title><link>https://blog.youkuaiyun.com/zyj0209/article/details/108242370</link><guid>https://blog.youkuaiyun.com/zyj0209/article/details/108242370</guid><author>zyj0209</author><pubDate>Wed, 26 Aug 2020 16:29:50 +0800</pubDate><description><![CDATA[参考文章ES6、ES7、ES8、ES9、ES10新特性一览
]]></description><category></category></item><item><title><![CDATA[Promise笔记]]></title><link>https://blog.youkuaiyun.com/zyj0209/article/details/104021661</link><guid>https://blog.youkuaiyun.com/zyj0209/article/details/104021661</guid><author>zyj0209</author><pubDate>Tue, 25 Aug 2020 14:18:59 +0800</pubDate><description><![CDATA[promise是异步编程的解决方案

1. 什么时候用到promise？

一般情况下是有异步操作时，对其进行封装，常见的场景就是网路请求，一个网络请求完成后会传给下一个网络请求参数去继续请求，如果当这个回调比较多且数据处理比较麻烦时，就会让我们陷入回调地狱

2. 状态

等待态（Pending）：比如正在进行网络请求时，或者定时器还没到时间

执行态/满足状态（Fulfilled）: 当我们主...]]></description><category></category></item><item><title><![CDATA[微信小程序-超过一定高度，进行动作]]></title><link>https://blog.youkuaiyun.com/zyj0209/article/details/103912701</link><guid>https://blog.youkuaiyun.com/zyj0209/article/details/103912701</guid><author>zyj0209</author><pubDate>Mon, 13 Jan 2020 16:00:09 +0800</pubDate><description><![CDATA[需求

历史搜索界面上超出两行，不存储，不显示



小程序怎么获取元素高度？小程序都没Document对象，怎样操作DOM?

一开始我就是这样想的，臣妾办不到!

然而现实又啪啪啪的打脸了~ 没有Document对象，小程序人家还是可以获取元素的基本信息的，人家有方法啊!

就是它wx.createSelectorQuery



需求实现

wxml中:为目标元素绑定一个id


&...]]></description><category></category></item><item><title><![CDATA[微信小程序-请求异常处理]]></title><link>https://blog.youkuaiyun.com/zyj0209/article/details/103910673</link><guid>https://blog.youkuaiyun.com/zyj0209/article/details/103910673</guid><author>zyj0209</author><pubDate>Thu, 09 Jan 2020 16:59:33 +0800</pubDate><description><![CDATA[自己琢磨的处理方法，如有缺陷，非常欢迎提出，我们共同进步

大概思路: 

请求连接失败--&gt; 检查失败原因(请求超时? 网络异常？其他？) --&gt; 直接提示用户

请求连接成功--&gt; 非token问题( code报200,500等 ) --&gt; 正常流程走

          --&gt; token问题( code报token异常约定的c...]]></description><category></category></item><item><title><![CDATA[微信小程序：首页需要等待onLaunch中某请求执行完成]]></title><link>https://blog.youkuaiyun.com/zyj0209/article/details/103909577</link><guid>https://blog.youkuaiyun.com/zyj0209/article/details/103909577</guid><author>zyj0209</author><pubDate>Thu, 09 Jan 2020 16:11:15 +0800</pubDate><description><![CDATA[小程序开发中有时候会遇到下面这样的情况：

小程序打开时，我们需要触发登陆，获取用户的基本信息，然后在首页中立即使用，但是会发现在app.js的onLaunch中请求发出去了，首页在onLoad中却没有拿到数据？

还有一个场景，比如，你希望用户在打开小程序的时候，就会自动定位，无论用户进入小程序先看到的是哪个页面，那么，定位函数势必需要在onLaunch中触发，但是呢，定位异步请求需要时间，你首...]]></description><category></category></item><item><title><![CDATA[百度经纬度转腾讯地图经纬度]]></title><link>https://blog.youkuaiyun.com/zyj0209/article/details/103909323</link><guid>https://blog.youkuaiyun.com/zyj0209/article/details/103909323</guid><author>zyj0209</author><pubDate>Thu, 09 Jan 2020 15:33:58 +0800</pubDate><description><![CDATA[也是参照的别人的，实际开发中使用的这个函数，传入百度的经纬度，输出腾讯地图经纬度


const bMapTransqqMap = (lng, lat) =&gt; {
  let x_pi = (3.14159265358979324 * 3000.0) / 180.0;
  let x = lng - 0.0065;
  let y = lat - 0.006;
  let z = Math...]]></description><category></category></item><item><title><![CDATA[webSocket初体验]]></title><link>https://blog.youkuaiyun.com/zyj0209/article/details/99676786</link><guid>https://blog.youkuaiyun.com/zyj0209/article/details/99676786</guid><author>zyj0209</author><pubDate>Fri, 16 Aug 2019 15:00:54 +0800</pubDate><description><![CDATA[1. webSocket解读

2. 使用webSocket

客户端
	服务端
	界面展示
参考文章：

https://www.cnblogs.com/myzhibie/p/4470065.html

https://www.liaoxuefeng.com/wiki/1022910821149312/1103303693824096

1.webSocket解读

WebSocket是HT...]]></description><category></category></item><item><title><![CDATA[微信小程序-组件中使用computed]]></title><link>https://blog.youkuaiyun.com/zyj0209/article/details/99305492</link><guid>https://blog.youkuaiyun.com/zyj0209/article/details/99305492</guid><author>zyj0209</author><pubDate>Mon, 12 Aug 2019 16:27:06 +0800</pubDate><description><![CDATA[安装

具体的使用步骤：

1. 初始化npm

命令行进入到小程序项目根目录，执行初始化npm


npm init

2.完成后，在项目中创建目录node_modules



3.cd到node_modules目录下，执行(安装computed)


npm install --save miniprogram-computed



4. 前往开发者工具

勾选 “使用开发者模块“
...]]></description><category></category></item><item><title><![CDATA[H5中的meta]]></title><link>https://blog.youkuaiyun.com/zyj0209/article/details/98942640</link><guid>https://blog.youkuaiyun.com/zyj0209/article/details/98942640</guid><author>zyj0209</author><pubDate>Fri, 09 Aug 2019 16:13:11 +0800</pubDate><description><![CDATA[1.Keywords，便于搜索引擎 ，放在前面标记不应超过 874 个字符


&lt;meta name="Keywords" content="网页关键字"&gt;

2. 网页描述 ，不超过 150 个字符且能准确反映网页内容的描述标签


&lt;meta name="description" content="网页描述文字" &gt;

3.refresh，过指定时间后，刷新或者重...]]></description><category></category></item><item><title><![CDATA[微信小程序-将图片裁剪成规定的尺寸]]></title><link>https://blog.youkuaiyun.com/zyj0209/article/details/94619454</link><guid>https://blog.youkuaiyun.com/zyj0209/article/details/94619454</guid><author>zyj0209</author><pubDate>Thu, 04 Jul 2019 15:25:16 +0800</pubDate><description><![CDATA[需求：

图片上传时，要求必须是720*720大小的图片，但是用camera拍出来的照片大小不固定，有的手机是720*720，有的就是1080*1080，还有480*480的

解决办法：

将图片转换成canvas，再在canvas中操作，最后将canvas转换图片导出

先大概贴一下html代码和js中的data


  &lt;view style='height:292px;width:2...]]></description><category></category></item><item><title><![CDATA[配置好了ssh，tortoiseGit还是不能进行正常的拉取代码等操作的解决办法]]></title><link>https://blog.youkuaiyun.com/zyj0209/article/details/92806497</link><guid>https://blog.youkuaiyun.com/zyj0209/article/details/92806497</guid><author>zyj0209</author><pubDate>Wed, 19 Jun 2019 11:04:52 +0800</pubDate><description><![CDATA[这几天使用tortoiseGit去拉取gitlab上的代码，怎么都报错，经常报不支持ssh（No supported authentication methods available(sever sent:publickey)）等问题，换成http的地址之后，最开始几天还正常，突然有一天，就报错说地址不存在，拒绝访问等错误（大概就是这个意思，具体的提示，现在已经不能重现了）

后来用git bus...]]></description><category></category></item><item><title><![CDATA[关于前端的书写规范]]></title><link>https://blog.youkuaiyun.com/zyj0209/article/details/89884389</link><guid>https://blog.youkuaiyun.com/zyj0209/article/details/89884389</guid><author>zyj0209</author><pubDate>Mon, 06 May 2019 15:45:43 +0800</pubDate><description><![CDATA[参考文章：https://www.25xt.com/html5css3/15586.html

下面是在该文章中截取的两个地址

HTML/CSS编码规范

http://codeguide.bootcss.com

百度前端规范(CSS, HTML, JS)

http://zhuanlan.zhihu.com/fuyun/19884834
...]]></description><category></category></item><item><title><![CDATA[taro开发微信小程序: 生命周期]]></title><link>https://blog.youkuaiyun.com/zyj0209/article/details/89509609</link><guid>https://blog.youkuaiyun.com/zyj0209/article/details/89509609</guid><author>zyj0209</author><pubDate>Thu, 25 Apr 2019 09:51:22 +0800</pubDate><description><![CDATA[文章来源

生命周期
componentWillMount

在微信小程序中这一生命周期方法对应页面的onLoad或入口文件app中的onLaunch

componentDidMount

在微信小程序中这一生命周期方法对应页面的onReady或入口文件app中的onLaunch，在 componentWillMount后执行

componentDidShow

在微信小程序中这一生命周期方法...]]></description><category></category></item><item><title><![CDATA[em与rem的使用]]></title><link>https://blog.youkuaiyun.com/zyj0209/article/details/89470532</link><guid>https://blog.youkuaiyun.com/zyj0209/article/details/89470532</guid><author>zyj0209</author><pubDate>Tue, 23 Apr 2019 13:30:48 +0800</pubDate><description><![CDATA[学习地址:http://caibaojian.com/rem-vs-em.html

总结来说:

1. em单位基于使用他们的元素的字体大小。会受到任何继承的父元素字体大小影响，一般用于边距，导航间距等适配设置。

2.rem 单位基于 html 元素的字体大小。当html元素没有明确设置字体大小时，就按照用户浏览器设置的字体大小来计算，默认的浏览器字体大小一般是16px. 如 html...]]></description><category></category></item></channel></rss>