<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[admin12345671的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/admin12345671</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; admin12345671]]></copyright><item><title><![CDATA[uni-app面试题]]></title><link>https://blog.youkuaiyun.com/admin12345671/article/details/130178630</link><guid>https://blog.youkuaiyun.com/admin12345671/article/details/130178630</guid><author>admin12345671</author><pubDate>Sun, 16 Apr 2023 10:02:51 +0800</pubDate><description><![CDATA[入口文件，主要作用是初始化vue实例、定义全局组件、使用需要的插件如 vuex，注意uniapp无法使用vue-router，路由须在pages.json中进行配置。是uni-app的主组件，所有页面都是在App.vue下进行切换的，是页面入口文件。除此之外，应用生命周期仅可在App.vue中监听，在页面监听无效。小程序绑定某个变量的值为元素属性时，会用两个大括号{{}}括起来，如果不加括号，为被认为是字符串。vue和uni-app动态绑定一个变量的值为元素的某个属性的时候，会在属性前面加上冒号":";]]></description><category></category></item><item><title><![CDATA[微信小程序面试题]]></title><link>https://blog.youkuaiyun.com/admin12345671/article/details/130169329</link><guid>https://blog.youkuaiyun.com/admin12345671/article/details/130169329</guid><author>admin12345671</author><pubDate>Sat, 15 Apr 2023 14:20:38 +0800</pubDate><description><![CDATA[5. 设置id 的方法标识来传值，通过e.currentTarget.id获取设置的id值，然后通过设置全局对象的方式来传递数据。wx.redirectTo()：关闭当前页面，跳转到应用内的某个页面。wx.navigateTo()：保留当前页面，跳转到应用内的某个页面。页面样式表文件，用来定义页面中用到的各类样式表。其在页面中不可缺少。wx.reLaunch()：关闭所有页面，打开到应用内的某个页面。页面结构文件，用来设计页面的布局、数据绑定等。页面逻辑文件，页面的逻辑，请求和数据处理。]]></description><category></category></item><item><title><![CDATA[微信小程序发布上线流程]]></title><link>https://blog.youkuaiyun.com/admin12345671/article/details/130112891</link><guid>https://blog.youkuaiyun.com/admin12345671/article/details/130112891</guid><author>admin12345671</author><pubDate>Wed, 12 Apr 2023 17:49:18 +0800</pubDate><description><![CDATA[微信小程序账号在邮箱中激活后，需要完善小程序信息，包括小程序主体类型，是个人账号、还是企业账号，或者政府、媒体等组织，都是在这个环节填写的。如果是自己开发小程序，需要为小程序添加开发者，在微信小程序后台的。这是因为微信小程序的邮箱和微信公众平台、个人微信号及微信开发平台的注册邮箱是互斥的，但凡你的邮箱注册或绑定过这几个渠道，都是不可以的，建议更换邮箱注册。使用微信小程序开发者的微信扫一扫登录，AppID选择需要开发的小程序IP，项目名称和保存目录自行设置，微信小程序。注册微信小程序邮箱被占用。]]></description><category></category></item><item><title><![CDATA[vue面试题2023]]></title><link>https://blog.youkuaiyun.com/admin12345671/article/details/130052025</link><guid>https://blog.youkuaiyun.com/admin12345671/article/details/130052025</guid><author>admin12345671</author><pubDate>Wed, 12 Apr 2023 17:27:40 +0800</pubDate><description><![CDATA[一、1.Vue的生命周期方法有哪些？- beforeCreate 初始化实例前（在当前阶段 data、methods、computed 以及 watch 上的数据和方法都不能被访问。）- created 实例创建完成之后被调用- beforeMount 挂载开始之前被调用（相关的 render 函数首次被调用）- mounted 挂载之后 （在当前阶段真实的DOM挂载完毕，数据完成双向绑定，可以访问DOM节点）- beforeUpdate 数据更新前调用 （不会触发重新渲染过程）- updated 更新完成]]></description><category></category></item><item><title><![CDATA[uni-app与原生小程序、vue的区别]]></title><link>https://blog.youkuaiyun.com/admin12345671/article/details/129747919</link><guid>https://blog.youkuaiyun.com/admin12345671/article/details/129747919</guid><author>admin12345671</author><pubDate>Fri, 24 Mar 2023 12:08:24 +0800</pubDate><description><![CDATA[bindtap@click①微信小程序：<input   value='{{sex}}'getInput(e){ //实时监听 console.log() }②uni-app：<1、基本相同view，text、scroll-view，input、picker、swiper等等2、api基本相同,wx换成uni即可。]]></description><category></category></item><item><title><![CDATA[前端面试2023]]></title><link>https://blog.youkuaiyun.com/admin12345671/article/details/129724107</link><guid>https://blog.youkuaiyun.com/admin12345671/article/details/129724107</guid><author>admin12345671</author><pubDate>Thu, 23 Mar 2023 09:46:00 +0800</pubDate><description><![CDATA[十五、promise的理解和async函数，如何实现多个网络请求成功之后，并拿到数据之后再执行其他的异步操作。四、computed的计算属性和watch监听的一个区别。二十六、适配，移动端各种机型的适配是怎么做的。二十一、小程序的双向数据绑定和vue的区别。七、vuex的核心属性怎么使用，怎么理解。六、Vnode是什么，是怎么渲染的？二十三、项目中遇到的问题和解决思路。九、用户登录的权限是怎么操作的？十、vue的传值，组件之间的传值。二十、小程序的支付是如何实现的。二十四、性能优化是怎么实现的。]]></description><category></category></item><item><title><![CDATA[Vue3疫情项目]]></title><link>https://blog.youkuaiyun.com/admin12345671/article/details/129629017</link><guid>https://blog.youkuaiyun.com/admin12345671/article/details/129629017</guid><author>admin12345671</author><pubDate>Mon, 20 Mar 2023 19:53:51 +0800</pubDate><description><![CDATA[项目地址：跨域：数据绑定：赋值：简单版：省略{{data.}}写法：取值：多层数据查找   find或者循环3.两个table频繁切换   v-show根据type判断  切换v-showv-if 与v-show不能在同一标签上。]]></description><category></category></item><item><title><![CDATA[Vue3+TS手写音乐播放器]]></title><link>https://blog.youkuaiyun.com/admin12345671/article/details/129599175</link><guid>https://blog.youkuaiyun.com/admin12345671/article/details/129599175</guid><author>admin12345671</author><pubDate>Mon, 20 Mar 2023 19:49:40 +0800</pubDate><description><![CDATA[最后，播放音乐   audio.play() 自带的api。iconPark字体图标库    npm 下载。四、点击左侧菜单时的样式：router里设置。九、Pinia 状态管理，数据持久化存储。六、axios 封装 .ts。十、点击播放，暂停按钮，切换状态。七、发送请求   api.ts。五、轮播图   swiper。index.vue初始化。二、循环遍历左侧菜单列表。点击轮播图片发送请求。八、点击轮播，音乐播放。]]></description><category></category></item><item><title><![CDATA[vue3 + ts]]></title><link>https://blog.youkuaiyun.com/admin12345671/article/details/129640919</link><guid>https://blog.youkuaiyun.com/admin12345671/article/details/129640919</guid><author>admin12345671</author><pubDate>Sat, 18 Mar 2023 23:03:10 +0800</pubDate><description><![CDATA[在 vue3.2 中，我们只需在script标签中添加setup。就可以做到，组件只需引入不用注册，属性和方法也不用 return 才能于 template 中使用，也不用写setup函数，也不用写export default ，甚至是自定义指令也可以在我们的template中自动获得。一、模板语法1.使用 JavaScript 表达式我们仅在模板中绑定了一些简单的属性名。2.调用函数3.ref获取元素得给ref指定类型4.reactive在模板使用直接即可修改直接修改obj[name]]]></description><category></category></item><item><title><![CDATA[vue公共组件封装及传值]]></title><link>https://blog.youkuaiyun.com/admin12345671/article/details/127840095</link><guid>https://blog.youkuaiyun.com/admin12345671/article/details/127840095</guid><author>admin12345671</author><pubDate>Mon, 14 Nov 2022 00:56:09 +0800</pubDate><description><![CDATA[插槽（Slot）是Vue提出来的一个概念，正如名字一样，插槽用于决定将所携带的内容，插入到指定的某个位置，从而使模板分块，具有模块化的特质和更大的重用性。插槽显不显示、怎样显示是由父组件来控制的，而插槽在哪里显示就由子组件来进行控制父组件拥有结构，子组件用slot占位作用域插槽是一种子传父传参的方式，解决了普通slot在parent中无法访问child数据的去问题；]]></description><category></category></item><item><title><![CDATA[常用Js   css]]></title><link>https://blog.youkuaiyun.com/admin12345671/article/details/127735960</link><guid>https://blog.youkuaiyun.com/admin12345671/article/details/127735960</guid><author>admin12345671</author><pubDate>Mon, 07 Nov 2022 20:24:57 +0800</pubDate><description><![CDATA[1、Array.map()

使用.map()方法，可以创建一个基于原始数组的修订版数组。.map()方法接受一个函数，该函数遍历数组中的所有项并进行相应的修改。

当需要更新数组中的所有项并将其存储到一个新数组中时，.map()方法就可以派上用场了。

例如有一个文章列表的数组，如下：


const articles = [    {        article_id: "6976209276364652558",        title: "如何在 vue 的计算属性中传递参数",    ]]></description><category></category></item><item><title><![CDATA[ES6 常用简化代码技巧]]></title><link>https://blog.youkuaiyun.com/admin12345671/article/details/127737265</link><guid>https://blog.youkuaiyun.com/admin12345671/article/details/127737265</guid><author>admin12345671</author><pubDate>Mon, 07 Nov 2022 19:26:34 +0800</pubDate><description><![CDATA[解构


解构 ：是将一个数据结构分解为更小的部分的过程。ES6 中，从数组和对象中提取值，对变量进行赋值。


那么解构有什么用处呢？


	
可以大大的简化变量声明操作。

	

//ES5
varfoo=1
varbar=2
varbaz=3

//ES6
let[foo,bar,baz]=[1,2,3]



	
变量交换：看起来如同镜像。赋值语句的左侧的解构模式，右侧是临时创建的数组字面量。x 被赋值为数组中的 y，y 被赋值为数组中的 x。

	

letx]]></description><category></category></item><item><title><![CDATA[lyric-parser解析歌词]]></title><link>https://blog.youkuaiyun.com/admin12345671/article/details/118737311</link><guid>https://blog.youkuaiyun.com/admin12345671/article/details/118737311</guid><author>admin12345671</author><pubDate>Wed, 14 Jul 2021 21:04:17 +0800</pubDate><description><![CDATA[安装


npm install lyric-parser


用法




 let lyric = new Lyric(lyricStr, handler)

 function hanlder({lineNum, txt}){
   // this hanlder called when lineNum change
 }


API




//播放歌词
play()

//暂停歌词
stop()

//歌词跳转
seek(startTime)

//切换播放/暂停状态
toggelePlay(..]]></description><category></category></item><item><title><![CDATA[uni-app之ColorUI使用地址]]></title><link>https://blog.youkuaiyun.com/admin12345671/article/details/118619158</link><guid>https://blog.youkuaiyun.com/admin12345671/article/details/118619158</guid><author>admin12345671</author><pubDate>Sat, 10 Jul 2021 01:24:27 +0800</pubDate><description><![CDATA[ColorUI使用简易教程

https://blog.youkuaiyun.com/miao_yf/article/details/102971767



简易教程之交互组件

https://blog.youkuaiyun.com/miao_yf/article/details/103081988



简易教程之扩展插件

https://blog.youkuaiyun.com/miao_yf/article/details/103199773
...]]></description><category></category></item><item><title><![CDATA[【uni-app】subPackages 分包加载机制]]></title><link>https://blog.youkuaiyun.com/admin12345671/article/details/118606216</link><guid>https://blog.youkuaiyun.com/admin12345671/article/details/118606216</guid><author>admin12345671</author><pubDate>Fri, 09 Jul 2021 23:40:08 +0800</pubDate><description><![CDATA[起初小程序上线时，微信限制了代码包不能超过1MB，后来功能变大变成了2M了，限制大小是出于对小程序启动速度的考虑，希望用户在使用任何一款小程序时，都能获得一种“秒开”体验。但是，2MB也限制了小程序功能的扩展，小程序业务的发展可能需要更大的体积。为了解决这个问题，微信推出了—分包加载。


小程序分包加载

对小程序进行分包，可以优化小程序首次启动的下载时间，以及在多团队共同开发时可以更好的解耦协作。

切记一条，如果你的项目是要实现tabBar底部导航的，tab的页面一定要放在pages下面，不能放分包.]]></description><category></category></item><item><title><![CDATA[uni-app项目]]></title><link>https://blog.youkuaiyun.com/admin12345671/article/details/118500413</link><guid>https://blog.youkuaiyun.com/admin12345671/article/details/118500413</guid><author>admin12345671</author><pubDate>Tue, 06 Jul 2021 23:21:12 +0800</pubDate><description><![CDATA[一、

1.pages.json


{
	"pages": [ 
		{
			"path": "pages/index/index"
		},
		{
			"path":"pages/news/news",
			"style":{
				
			}
		},
		{
			"path": "pages/cart/cart"
		},
		{
			"path": "pages/member/member"
		}
	],
	"globalStyle": {
		"navigationBarText]]></description><category></category></item><item><title><![CDATA[uni-app UI框架之uview-ui使用]]></title><link>https://blog.youkuaiyun.com/admin12345671/article/details/118525001</link><guid>https://blog.youkuaiyun.com/admin12345671/article/details/118525001</guid><author>admin12345671</author><pubDate>Tue, 06 Jul 2021 18:14:58 +0800</pubDate><description><![CDATA[npm i uview-ui

一、引入uView主JS库

在项目根目录中的main.js中，引入并使用uView的JS库， 注意这两行要放在import Vue之后。


// main.js
import uView from "uview-ui";
Vue.use(uView);








二、在引入uView的全局SCSS主题文件

在项目根目录的uni.scss中引入此文件。


/* uni.scss */
@import 'uview-ui/theme.scss';






三、.]]></description><category></category></item><item><title><![CDATA[uni-app]]></title><link>https://blog.youkuaiyun.com/admin12345671/article/details/118492911</link><guid>https://blog.youkuaiyun.com/admin12345671/article/details/118492911</guid><author>admin12345671</author><pubDate>Mon, 05 Jul 2021 22:37:49 +0800</pubDate><description><![CDATA[1.下拉刷新，上拉刷新，请求


&lt;template&gt;
	&lt;view&gt;
		&lt;view&gt;
			{{accessToken}}
		&lt;/view&gt;
		&lt;button type="primary" @click="pullDown"&gt;下拉刷新&lt;/button&gt;
		&lt;button type="default" @click="getRequest"&gt;get请求&lt;/button&gt;
		&lt;view v-for=]]></description><category></category></item><item><title><![CDATA[vue3变化+vue3项目的创建]]></title><link>https://blog.youkuaiyun.com/admin12345671/article/details/118336331</link><guid>https://blog.youkuaiyun.com/admin12345671/article/details/118336331</guid><author>admin12345671</author><pubDate>Tue, 29 Jun 2021 16:18:06 +0800</pubDate><description><![CDATA[VUE3新特性

createApp

在 Vue3中，改变全局 Vue行为的 API现在被移动到了由新的createApp方法所创建的应用实例上。

vue3.0中使用createApp 来创建vue实例


import { createApp } from 'vue' 
import App from './App.vue' 
const app = createApp(App); 
app.mount('#app');

main.js 下加载router、vuex


import { ...]]></description><category></category></item><item><title><![CDATA[vue中@param 常用注释模板]]></title><link>https://blog.youkuaiyun.com/admin12345671/article/details/118281420</link><guid>https://blog.youkuaiyun.com/admin12345671/article/details/118281420</guid><author>admin12345671</author><pubDate>Sun, 27 Jun 2021 22:35:26 +0800</pubDate><description><![CDATA[代码在注释区会有这样的写法，用来备注变量的类型


 /**
 * 获取事件在列表中的位置
 * @param context
 * @param callback
 * @private
 */
_evIndex(event, context, callback) {
    let index = -1;
    for (let i = 0; i &lt;= event.length; i++) {
        if (event[i].context === contex &amp;&amp; ]]></description><category></category></item></channel></rss>