<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Jane's Blog]]></title><description><![CDATA[移动客户端工程师]]></description><link>https://blog.youkuaiyun.com/Cituses</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Cituses]]></copyright><item><title><![CDATA[vue3.x:报错记录清单]]></title><link>https://blog.youkuaiyun.com/Cituses/article/details/130203799</link><guid>https://blog.youkuaiyun.com/Cituses/article/details/130203799</guid><author>Cituses</author><pubDate>Mon, 17 Apr 2023 16:47:32 +0800</pubDate><description><![CDATA[#报错提示在组件命名的时候不够规范，根据官方风格指南，除了根组件（App.vue）外，自定义组件名称应该由多单词组成，防止和html标签冲突。vue-cli创建的项目使用了最新的vue/cli-plugin-eslint插件，在vue/cli-plugin-eslint v7.20.0版本之后就引用了vue/multi-word-component-names规则，所以在编译的时候判定此次错误。]]></description><category></category></item><item><title><![CDATA[微前端：qiankun 主应用与子应用之间的跳转]]></title><link>https://blog.youkuaiyun.com/Cituses/article/details/128547229</link><guid>https://blog.youkuaiyun.com/Cituses/article/details/128547229</guid><author>Cituses</author><pubDate>Wed, 04 Jan 2023 14:09:53 +0800</pubDate><description><![CDATA[qiankun主应用与子应用间的跳转]]></description><category></category></item><item><title><![CDATA[js处理xml文件]]></title><link>https://blog.youkuaiyun.com/Cituses/article/details/127088926</link><guid>https://blog.youkuaiyun.com/Cituses/article/details/127088926</guid><author>Cituses</author><pubDate>Wed, 28 Sep 2022 14:32:08 +0800</pubDate><description><![CDATA[js 操作xml数据]]></description><category></category></item><item><title><![CDATA[微前端：qiankun]]></title><link>https://blog.youkuaiyun.com/Cituses/article/details/120533986</link><guid>https://blog.youkuaiyun.com/Cituses/article/details/120533986</guid><author>Cituses</author><pubDate>Tue, 28 Sep 2021 17:32:31 +0800</pubDate><description><![CDATA[什么是微前端
微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。
微前端项目搭建流程
本文主要记录qiankun与vue-template相结合实现微服务框架过程。参考文档涉及 qiankun-TMVC、qiankun、element-ui、vue-element-admin
1、乾坤
qiankun 是一个基于&nbsp;single-spa&nbsp;的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。
2、vue-template
是]]></description><category></category></item><item><title><![CDATA[vue：vue3.x学习笔记]]></title><link>https://blog.youkuaiyun.com/Cituses/article/details/117739970</link><guid>https://blog.youkuaiyun.com/Cituses/article/details/117739970</guid><author>Cituses</author><pubDate>Wed, 09 Jun 2021 13:46:43 +0800</pubDate><description><![CDATA[命令式编程和声明式编程
命令式编程关注的是 “how to do”；
声明式编程关注的是 “what to do”，由框架(机器)完成 “how”的过程；
模板语法
v-once用于指定元素或者组件只渲染一次。
&lt;h2 v-once&gt;
      {{message}}:{{counter}}
      &lt;div&gt;{{tips}} : {{counter}}&lt;/div&gt;
&lt;/h2&gt;
&lt;button @click="addAction"&gt;+&lt;]]></description><category></category></item><item><title><![CDATA[vue：vue2.x学习笔记]]></title><link>https://blog.youkuaiyun.com/Cituses/article/details/117739910</link><guid>https://blog.youkuaiyun.com/Cituses/article/details/117739910</guid><author>Cituses</author><pubDate>Wed, 09 Jun 2021 13:45:03 +0800</pubDate><description><![CDATA[v-if&nbsp;vs&nbsp;v-show
v-if&nbsp;是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。
v-if&nbsp;也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。
相比之下，v-show&nbsp;就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换。
一般来说，v-if&nbsp;有更高的切换开销，而&nbsp;v-show&nbsp;有更高的初始渲]]></description><category></category></item><item><title><![CDATA[react：创建新项目]]></title><link>https://blog.youkuaiyun.com/Cituses/article/details/108226009</link><guid>https://blog.youkuaiyun.com/Cituses/article/details/108226009</guid><author>Cituses</author><pubDate>Tue, 25 Aug 2020 17:45:40 +0800</pubDate><description><![CDATA[React中文官方文档给出创建新应用的最佳方式（命令行）。
npx create-react-app my-app
cd my-app
npm start

终端直接报错，提示如下：
bogon:~ jing$ npx creat-react-app myJob_react
npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.com/creat-react-app - Not found
npm ERR! 404 
n]]></description><category></category></item><item><title><![CDATA[微信小程序：页面跳转url传参，对象数据过长报错]]></title><link>https://blog.youkuaiyun.com/Cituses/article/details/108123134</link><guid>https://blog.youkuaiyun.com/Cituses/article/details/108123134</guid><author>Cituses</author><pubDate>Thu, 20 Aug 2020 14:31:24 +0800</pubDate><description><![CDATA[小程序A页面跳转B页面通过url传参时，若参数为对象（字典）需要先转成字符串（使用用JSON.stringify()转换成字符串）B页面在用JSON.parse()再转换回对象（字典）。
但是这样的传参方式遇到一个问题，对象数据长度过大时B页面在用JSON.parse()会报错。
Unexpected end of JSON input

控制台打印查看问题是发现是，字符串长度超过限制,已经做截取（大致在45KB的数据量左右会被截取）导致数据转换回来时格式不对而报错。
这时可以再添加另一个API：
enco]]></description><category></category></item><item><title><![CDATA[微信小程序:scroll-view安卓机隐藏横向滚动条]]></title><link>https://blog.youkuaiyun.com/Cituses/article/details/104612032</link><guid>https://blog.youkuaiyun.com/Cituses/article/details/104612032</guid><author>Cituses</author><pubDate>Mon, 02 Mar 2020 15:04:38 +0800</pubDate><description><![CDATA[微信小程序使用scroll-view横向布局在iOS和Android上有不同的展示，iOS无滚动条，Android有滚动条，按照产品需求需要隐藏横向滚动条。
在网上搜索一些，说是以下几段代码可以实现，代码如下：

使用组件的伪类。亲测，在小程序端无效

/隐藏滚动条/
::-webkit-scrollbar{
      width: 0;
      height: 0;
      color...]]></description><category></category></item><item><title><![CDATA[微信小程序:百度地图JavaScript API定位不准确，实际位置偏差大]]></title><link>https://blog.youkuaiyun.com/Cituses/article/details/103630269</link><guid>https://blog.youkuaiyun.com/Cituses/article/details/103630269</guid><author>Cituses</author><pubDate>Fri, 20 Dec 2019 11:53:36 +0800</pubDate><description><![CDATA[发现一个严重问题，我们的服务端使用了百度地图提供的SDK，微信小程序端使用wx.getLocation获取经纬度，与服务端经纬度位置对应不上。更换了百度地图为小程序提供的SDK，经过测试发现，该SDK获得取得经纬度和wx.getLocation获取经纬度是一致，与服务端经纬度位置也对应不上。

为了解决经纬度前后端一致，查找了转换方法，如有疑问可以在拾取坐标系统测试，方法如下：
方法亲测有效，误差...]]></description><category></category></item><item><title><![CDATA[微信小程序:分包报错]]></title><link>https://blog.youkuaiyun.com/Cituses/article/details/102822158</link><guid>https://blog.youkuaiyun.com/Cituses/article/details/102822158</guid><author>Cituses</author><pubDate>Wed, 30 Oct 2019 17:28:11 +0800</pubDate><description><![CDATA[微信提供了分包加载
目前小程序分包大小有以下限制：

整个小程序所有分包大小不超过 8M
单个分包/主包大小不能超过 2M

出现这个报错，主要是因为放在tabbar中的的子路径也放在了分包中，解决办法：
1、更分包路径
2、撤出分包


...]]></description><category></category></item><item><title><![CDATA[微信公众号开发入门教程]]></title><link>https://blog.youkuaiyun.com/Cituses/article/details/98876651</link><guid>https://blog.youkuaiyun.com/Cituses/article/details/98876651</guid><author>Cituses</author><pubDate>Tue, 08 Oct 2019 16:44:11 +0800</pubDate><description><![CDATA[微信公众号的类型
分为三个类型，一旦选定就不能更改，三类型不同，适用人群不同。
开发环境
微信公众号
外网映射工具（开发调试）

]]></description><category></category></item><item><title><![CDATA[微信小程序:小程序内用户帐号登录规范调整和优化建议]]></title><link>https://blog.youkuaiyun.com/Cituses/article/details/97100694</link><guid>https://blog.youkuaiyun.com/Cituses/article/details/97100694</guid><author>Cituses</author><pubDate>Wed, 24 Jul 2019 09:56:55 +0800</pubDate><description><![CDATA[昨天晚上大概九点多，公众平台安全助手突然发来一条推送 《小程序内用户帐号登录规范调整通知》 粗略的看一眼推送，还以为自己的小程序被发警告信，惊吓出一身冷汗，迅速打开推送文章，细度一番才安下心来。
&lt;小程序内用户帐号登录规范调整和优化建议&gt;总结下来就是：微信要规范小程序内帐号登录功能，开发者、设计师来活啦！
1．服务范围开放的小程序
不限制用户注册，但是注册后无任何提示强制用户登录后才享...]]></description><category></category></item><item><title><![CDATA[git常用命令]]></title><link>https://blog.youkuaiyun.com/Cituses/article/details/90261026</link><guid>https://blog.youkuaiyun.com/Cituses/article/details/90261026</guid><author>Cituses</author><pubDate>Thu, 16 May 2019 12:10:18 +0800</pubDate><description><![CDATA[小白git操作
小白git操作适合新使用git操作人员，包含了下载远程代码，修改后提交代码到远程，操作简单，易于掌握。
// 远程仓库代码克隆到本地 (localhost:~ Jane$ 确保你终端路径)
git clone https://github.com/CitrusHan/MyJobs_WeChat.git    
//  进入到你的项目文件 
cd MyJobs_WeChat
//  ...]]></description><category></category></item><item><title><![CDATA[微信小程序:自定义组件（Component）]]></title><link>https://blog.youkuaiyun.com/Cituses/article/details/88990149</link><guid>https://blog.youkuaiyun.com/Cituses/article/details/88990149</guid><author>Cituses</author><pubDate>Wed, 03 Apr 2019 10:50:03 +0800</pubDate><description><![CDATA[微信小程序文档中提供的组件有限，一定程度上限制了开发需求，这里就需要我们自定义一些控件，实现开发需求。自定义控件有两种方式，一种是选择模板的方式，另一种是选择组件的方式来创建。这里我选择了组件方式来创建，这样只需引入组件和外部添加数据，内部展示数据，即可实现重用。

1、文件目录结构
这里一定要注意我们目录结构，个人喜好把项目中的业务文件放在pages中，图片放在与pages同级的images文件...]]></description><category></category></item><item><title><![CDATA[web前端 -- Day26 js高级]]></title><link>https://blog.youkuaiyun.com/Cituses/article/details/88820473</link><guid>https://blog.youkuaiyun.com/Cituses/article/details/88820473</guid><author>Cituses</author><pubDate>Tue, 26 Mar 2019 14:54:34 +0800</pubDate><description><![CDATA[拷贝
浅拷贝: 只复制指向对象的指针，而不复制引用对象本身。就相当于把一个对象中的所有的内容，复制一份给另一个对象，属于直接复制。或者说就是把一个对象的地址给了另一个对象,他们指向相同，两个对象之间有共同的属性或者方法，都可以使用。
深拷贝: 复制引用对象本身，把一个对象中所有的属性或者方法,一个一个的找到.并且在另一个对象中开辟相应的空间，一个一个的存储到另一个对象中。
这里借用网上的一个通俗的...]]></description><category></category></item><item><title><![CDATA[web前端 -- Day25 js高级]]></title><link>https://blog.youkuaiyun.com/Cituses/article/details/88820028</link><guid>https://blog.youkuaiyun.com/Cituses/article/details/88820028</guid><author>Cituses</author><pubDate>Tue, 26 Mar 2019 14:41:11 +0800</pubDate><description><![CDATA[apply和call的使用
apply和call作用: 可以改变this的指向
apply的使用语法
函数名字.apply(对象,[参数1,参数2,…]);
方法名字.apply(对象,[参数1,参数2,…]);
call的使用语法
函数名字.call(对象,参数1,参数2,…);
方法名字.call(对象,参数1,参数2,…);
   //函数的调用,改变this的指向
       funct...]]></description><category></category></item><item><title><![CDATA[web前端 -- Day24 js高级]]></title><link>https://blog.youkuaiyun.com/Cituses/article/details/88818744</link><guid>https://blog.youkuaiyun.com/Cituses/article/details/88818744</guid><author>Cituses</author><pubDate>Tue, 26 Mar 2019 14:02:49 +0800</pubDate><description><![CDATA[原型链 重点
原型链: 是一种关系,实例对象和原型对象之间的关系,关系是通过原型(__proto__)来联系的。
 //人的构造函数
    function Person(age) {
      this.age=10;
    }
    //人的原型对象方法
    Person.prototype.eat=function () {
      console.log("吃什么？什么时候...]]></description><category></category></item><item><title><![CDATA[web前端 -- Day23 js高级]]></title><link>https://blog.youkuaiyun.com/Cituses/article/details/88818056</link><guid>https://blog.youkuaiyun.com/Cituses/article/details/88818056</guid><author>Cituses</author><pubDate>Tue, 26 Mar 2019 13:32:03 +0800</pubDate><description><![CDATA[js基础 JavaScript简称:JS
JS分三个部分:

ECMAScript标准—基础的语法
DOM  Document Object Model 文档对象模型
BOM Browser Object Model 浏览器对象模型

什么是JS?  前面的文章有更详细的解释，自行查找

是一门脚本语言
是一门解释性语言
是一门弱类型语言
是一门基于对象的语言
是一门动态类型的语言

动态页面 ：...]]></description><category></category></item><item><title><![CDATA[web前端 -- Day22 js基础]]></title><link>https://blog.youkuaiyun.com/Cituses/article/details/88816506</link><guid>https://blog.youkuaiyun.com/Cituses/article/details/88816506</guid><author>Cituses</author><pubDate>Tue, 26 Mar 2019 11:45:31 +0800</pubDate><description><![CDATA[元素的样式
元素的样式属性是无法直接通过：对象.style.属性 来获取的，（样式在style属性中设置）
offset系列：获取元素的宽高
offsetWidth：元素的宽 (有边框)
offsetHeight：元素的高 （有边框）
offsetTop：元素距离上边位置的值
offsetLeft：元素距离左边位置的值
scroll系列：卷曲出去的值
scrollWidth：元素中内容的实际宽度 ...]]></description><category></category></item></channel></rss>