<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[sunchanglan151的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/sunchanglan151</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; sunchanglan151]]></copyright><item><title><![CDATA[js中splice方法和slice方法]]></title><link>https://blog.youkuaiyun.com/sunchanglan151/article/details/129297485</link><guid>https://blog.youkuaiyun.com/sunchanglan151/article/details/129297485</guid><author>sunchanglan151</author><pubDate>Thu, 02 Mar 2023 11:51:50 +0800</pubDate><description><![CDATA[slice(startIndex,endIndex):表示从起始startIndex截取endIndex(但不包含endIndex索引位置元素)之间的内容。splice方法用来操作数组splice(startIndex,deleteNum,item1,....,)连个参数都不传的情况，拷贝的是原数组的副本，对于数组对象来说是浅拷贝。startIndex和endIndex参数同时都传入的情况。第二个参数不为0，表示执行的是替换操作。第二个参数为0，表示执行的是插入操作。没有传第三个参数的情况下，]]></description><category></category></item><item><title><![CDATA[前端国际化如何对中文——＞英文自动化翻译小demo]]></title><link>https://blog.youkuaiyun.com/sunchanglan151/article/details/127919870</link><guid>https://blog.youkuaiyun.com/sunchanglan151/article/details/127919870</guid><author>sunchanglan151</author><pubDate>Fri, 18 Nov 2022 12:30:54 +0800</pubDate><description><![CDATA[js文件中中文一键转换为英文。]]></description><category></category></item><item><title><![CDATA[回顾这段时间3个前端项目]]></title><link>https://blog.youkuaiyun.com/sunchanglan151/article/details/125674794</link><guid>https://blog.youkuaiyun.com/sunchanglan151/article/details/125674794</guid><author>sunchanglan151</author><pubDate>Fri, 08 Jul 2022 12:26:29 +0800</pubDate><description><![CDATA[​代码我已经上传码云了，需要的可以自取。后台管理系统
使用技术：vue+element-ui+echarts。但是数据都是写死的。基本上就是一些crud。包括用户信息的新增和角色的新增。
协同开发，一开始准备在github上开通团队协同开发，折腾半天，一直提交不了代码。索性直接放在码云平台，和github一样好用。
​描述：这个项目是我认为很难的一个，一个是难在和别人沟通需求问题，一个是别人一直催我，导致我连续2晚上干到1点，熬夜伤身体。这个项目无法开源，保密！
技术：vue+echarts+excel读取]]></description><category></category></item><item><title><![CDATA[html表单csrf攻击的解决方案]]></title><link>https://blog.youkuaiyun.com/sunchanglan151/article/details/125516455</link><guid>https://blog.youkuaiyun.com/sunchanglan151/article/details/125516455</guid><author>sunchanglan151</author><pubDate>Wed, 29 Jun 2022 10:55:10 +0800</pubDate><description><![CDATA[无]]></description><category></category></item><item><title><![CDATA[Mac电脑安装win7系统，解决前端IE浏览器兼容性问题]]></title><link>https://blog.youkuaiyun.com/sunchanglan151/article/details/125411815</link><guid>https://blog.youkuaiyun.com/sunchanglan151/article/details/125411815</guid><author>sunchanglan151</author><pubDate>Wed, 22 Jun 2022 16:30:39 +0800</pubDate><description><![CDATA[1、下载PD,直接上链接。
PD下载链接2、到这个网站上找windows的镜像文件。
windows镜像文件
在这里提下，我安装的win7的镜像文件。因为现在公司的前端页面需要兼容到ie9浏览器。3、windows镜像文件的下载是一个ed2k文件，需要使用迅雷。很快！注意，不要直接用PD下载镜像，特别慢！
迅雷下载链接4、把下载好的镜像文件拖到PD里面就行。......]]></description><category></category></item><item><title><![CDATA[es6中数值和对象的扩展]]></title><link>https://blog.youkuaiyun.com/sunchanglan151/article/details/124123681</link><guid>https://blog.youkuaiyun.com/sunchanglan151/article/details/124123681</guid><author>sunchanglan151</author><pubDate>Tue, 12 Apr 2022 14:46:04 +0800</pubDate><description><![CDATA[es6中数值的扩展





es6中对象的扩展 










]]></description><category></category></item><item><title><![CDATA[es6中的Class基本语法]]></title><link>https://blog.youkuaiyun.com/sunchanglan151/article/details/124115147</link><guid>https://blog.youkuaiyun.com/sunchanglan151/article/details/124115147</guid><author>sunchanglan151</author><pubDate>Tue, 12 Apr 2022 11:04:02 +0800</pubDate><description><![CDATA[直接上代码理解
class Point {
//constructor构造函数在new Point()时就会自动被调用
  constructor(x, y) {
    this.x = x;
    this.y = y;
  }
//方法的写法：1、前面不需要加上function这个关键字。
//2、方法与方法之间不需要逗号分隔
  toString() {
    return '(' + this.x + ', ' + this.y + ')';
  }
}
const b = new Point]]></description><category></category></item><item><title><![CDATA[es6中Generator函数的理解]]></title><link>https://blog.youkuaiyun.com/sunchanglan151/article/details/124094371</link><guid>https://blog.youkuaiyun.com/sunchanglan151/article/details/124094371</guid><author>sunchanglan151</author><pubDate>Mon, 11 Apr 2022 16:41:25 +0800</pubDate><description><![CDATA[Generator函数的定义

形式上，Generator函数是一个普通函数，但是有两个特征。
一是，function关键字与函数名之间有一个星号；
二是，函数体内部使用yield表达式，定义不同的内部状态

function* helloWorldGenerator() {
  yield 'hello';
  yield 'world';
  return 'ending';
}
var hw = helloWorldGenerator();

Generator 函数的调用方法与普通函数一样，也是在函]]></description><category></category></item><item><title><![CDATA[es6中的Map和Set结构]]></title><link>https://blog.youkuaiyun.com/sunchanglan151/article/details/124093332</link><guid>https://blog.youkuaiyun.com/sunchanglan151/article/details/124093332</guid><author>sunchanglan151</author><pubDate>Mon, 11 Apr 2022 11:01:39 +0800</pubDate><description><![CDATA[Set 和 Map 结构也原生具有 Iterator 接口，可以直接使用for...of循环

Map
Map是一组键值对的结构，具有极快的查找速度
与Map有关的方法的使用

var m = new Map(); // 空Map
m.set('Adam', 67); // 添加新的key-value
m.set('Bob', 59);
//遍历一下
for (let pair of map) {
  console.log(pair);
}//输出
//[''Adam',67]
//['Bob',59]
]]></description><category></category></item><item><title><![CDATA[ES6 Module中的export 和import]]></title><link>https://blog.youkuaiyun.com/sunchanglan151/article/details/124062556</link><guid>https://blog.youkuaiyun.com/sunchanglan151/article/details/124062556</guid><author>sunchanglan151</author><pubDate>Sat, 09 Apr 2022 16:41:02 +0800</pubDate><description><![CDATA[本文是看《Webpack实战：入门、进阶与调优》这本书之后的感想和总结。
ES6 Module中使用export 来导出模块，export有两种形式:
命名导出
默认导出
1、命名导出的export和import

export

一个模块可以有多个命名导出，命名导出有两种不同的写法：
//写法1,变量的声明和导出写在一行
export const name = "xiaosun";
export const add = function (a,b){ return  a + b; }
//写法2，变量先声]]></description><category></category></item><item><title><![CDATA[Mac pro微信开发者工具无法显示登录的二维码解决方案]]></title><link>https://blog.youkuaiyun.com/sunchanglan151/article/details/124058467</link><guid>https://blog.youkuaiyun.com/sunchanglan151/article/details/124058467</guid><author>sunchanglan151</author><pubDate>Sat, 09 Apr 2022 12:02:44 +0800</pubDate><description><![CDATA[一开始在微信小程序里是使用测试号开发的，更改测试号为自己的AppId死活改不了，报错：


Error: 需要重新登录,access_token expired[touristappid]

1、首先要确保你的Hbuilderx中已经配置好微信开发者的安装路径和你小程序的AppId。

2、切换网络！！！建议换成个人热点

3、然后需要进入微信开发者工具里面左下角有个“注销”,把当前账号注销。

4、重新启动Hbuilderx

这个时候就可以显示重新登录的二维码啦！完美解决！
...]]></description><category></category></item><item><title><![CDATA[Mac pro之解决git push卡顿问题]]></title><link>https://blog.youkuaiyun.com/sunchanglan151/article/details/123945380</link><guid>https://blog.youkuaiyun.com/sunchanglan151/article/details/123945380</guid><author>sunchanglan151</author><pubDate>Sun, 03 Apr 2022 21:50:21 +0800</pubDate><description><![CDATA[mac 电脑一执行git push直接卡死

直接上解决方案：

添加sendpack.sideband属性并置为false就解决了。


全局的：git config --global sendpack.sideband false

仓库的：git config --local sendpack.sideband false

记得复制代码的时候一定要自己手动敲一下--global和--local不然会报这个错误。


error: key does not contain a section: –gl]]></description><category></category></item><item><title><![CDATA[Mac pro上传代码到github报错终极解法]]></title><link>https://blog.youkuaiyun.com/sunchanglan151/article/details/123915593</link><guid>https://blog.youkuaiyun.com/sunchanglan151/article/details/123915593</guid><author>sunchanglan151</author><pubDate>Sat, 02 Apr 2022 11:11:50 +0800</pubDate><description><![CDATA[最近忙着做个微信小程序项目，寻思着将代码上传到github，结果各种报错。错误太多，我捡几个写吧。


fatal: unable to access 'https://github.com/sjhjxcs/unapp_shop.git/': Failed to connect to github.com port 443: Operation timed out

解决方案：一般是因为服务器的SSL证书没有经过第三方机构的签署，所以才报错。


git config --global http.sslVe]]></description><category></category></item><item><title><![CDATA[解决Mac pro 无法ping通github.com问题]]></title><link>https://blog.youkuaiyun.com/sunchanglan151/article/details/123914510</link><guid>https://blog.youkuaiyun.com/sunchanglan151/article/details/123914510</guid><author>sunchanglan151</author><pubDate>Sat, 02 Apr 2022 10:46:47 +0800</pubDate><description><![CDATA[ping github.com

会显示请求超时：


PING github.com (192.30.253.112): 56 data bytes
Request timeout for icmp_seq 0
Request timeout for icmp_seq 1
Request timeout for icmp_seq 2
Request timeout for icmp_seq 3
Request timeout for icmp_seq 4
Request timeout for icmp.]]></description><category></category></item><item><title><![CDATA[js中的事件]]></title><link>https://blog.youkuaiyun.com/sunchanglan151/article/details/121929907</link><guid>https://blog.youkuaiyun.com/sunchanglan151/article/details/121929907</guid><author>sunchanglan151</author><pubDate>Tue, 22 Mar 2022 15:38:40 +0800</pubDate><description><![CDATA[事件的冒泡：



如果不需要发生事件冒泡，可以通过事件对象取消事件冒泡：





冒泡的应用，事件的委派：

将事件统一绑定给元素的祖先元素，后代元素上的时间触发时会冒泡给祖先元素，利用了事件的冒泡。通过委派可以减少事件绑定的次数。

事件的绑定：




...]]></description><category></category></item><item><title><![CDATA[让一个i标签内的伪元素小图标垂直居中对齐]]></title><link>https://blog.youkuaiyun.com/sunchanglan151/article/details/123575285</link><guid>https://blog.youkuaiyun.com/sunchanglan151/article/details/123575285</guid><author>sunchanglan151</author><pubDate>Fri, 18 Mar 2022 15:06:29 +0800</pubDate><description><![CDATA[.num .icon[data-v-5e7337c8] {
    width: 60px;
    color: aliceblue;
    line-height: 60px;
    text-align: center;
}


]]></description><category></category></item><item><title><![CDATA[flex布局如何设置两行之间的距离]]></title><link>https://blog.youkuaiyun.com/sunchanglan151/article/details/123574378</link><guid>https://blog.youkuaiyun.com/sunchanglan151/article/details/123574378</guid><author>sunchanglan151</author><pubDate>Fri, 18 Mar 2022 14:37:17 +0800</pubDate><description><![CDATA[给flex item设置margin-bottom:10px





然后再给flex对象设置设置margin-bottom：-10px,抵消最后一行的margin-bottom值。
]]></description><category></category></item><item><title><![CDATA[element-ui中icon渲染不出来]]></title><link>https://blog.youkuaiyun.com/sunchanglan151/article/details/123560427</link><guid>https://blog.youkuaiyun.com/sunchanglan151/article/details/123560427</guid><author>sunchanglan151</author><pubDate>Thu, 17 Mar 2022 20:57:02 +0800</pubDate><description><![CDATA[如果代码没什么问题，多半是element-ui没有升级导致的。

先直接在项目的package.json文件中直接在devDependencies字段下填你需要的element-ui版本，比如我是这样写的：

 "element-ui":"^2.8.2"

然后依次在项目所在终端执行：

npm install
npm run serve



再刷新下页面即可显示icon图标。
...]]></description><category></category></item><item><title><![CDATA[利用python 脚本实现腾讯企业邮箱附件的批量下载]]></title><link>https://blog.youkuaiyun.com/sunchanglan151/article/details/122517116</link><guid>https://blog.youkuaiyun.com/sunchanglan151/article/details/122517116</guid><author>sunchanglan151</author><pubDate>Sat, 15 Jan 2022 22:23:16 +0800</pubDate><description><![CDATA[因为有需求，所以自己就稍微琢磨了一下这个东西，然后代码是从网上找的，目前我已经自测过是可以使用的，而且非常方便省事，这里分享给大家！

直接上代码：


# _*_ coding: utf-8 _*_ import poplibimport emailimport osfrom email.parser import Parserfrom email.header import decode_headerfrom email.utils import parseaddr def decode_str(s):]]></description><category></category></item><item><title><![CDATA[Mac pro之chrome浏览器vue插件安装问题]]></title><link>https://blog.youkuaiyun.com/sunchanglan151/article/details/122237844</link><guid>https://blog.youkuaiyun.com/sunchanglan151/article/details/122237844</guid><author>sunchanglan151</author><pubDate>Thu, 30 Dec 2021 15:17:56 +0800</pubDate><description><![CDATA[按照网上 的教程先去git clone，在npm i，再npm run build 报错





分析主要原因是没有切换到master分支！


gitclone https://github.com/vuejs/vue-devtools/tree/v5.1.1cd devtools-5.1.1查看当前分支git status切换分支git checkout master安装依赖sudocnpm install编译npmrunbuild



最后控制台出现这样表示已经编译成功，可以直接安装扩展程...]]></description><category></category></item></channel></rss>