<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[f20212001的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/f20212001</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; f20212001]]></copyright><item><title><![CDATA[虚拟 DOM]]></title><link>https://blog.youkuaiyun.com/f20212001/article/details/125281830</link><guid>https://blog.youkuaiyun.com/f20212001/article/details/125281830</guid><author>f20212001</author><pubDate>Tue, 14 Jun 2022 16:58:02 +0800</pubDate><description><![CDATA[​	所有的浏览器渲染引擎工作流程大致分为5步：创建         树 —> 创建  -> 构建  树 —> 布局  -—> 绘制 。注意点：1、 树的构建是文档加载完成开始的？ 构建  树是一个渐进过程，为达到更好的用户体验，渲染引擎会尽快将内容显示在屏幕上，它不必等到整个  文档解析完成之后才开始构建  树和布局。2、 树是  树和  样式表构建完毕后才开始构建的？ 这三个过程在实际进行的时候并不是完全独立的，而是会有交叉，会一边加载，一边解析，以及一边渲染。3、 的解析注意点？  的解析是从右往左逆向]]></description><category></category></item><item><title><![CDATA[闭包的借鉴以及自我理解]]></title><link>https://blog.youkuaiyun.com/f20212001/article/details/125281760</link><guid>https://blog.youkuaiyun.com/f20212001/article/details/125281760</guid><author>f20212001</author><pubDate>Tue, 14 Jun 2022 16:56:20 +0800</pubDate><description><![CDATA[在理解闭包之前，有个重要的概念需要先了解一下，就是 js 执行上下文。闭包是 js 创建函数就自带的一种机制它是这样工作的，无论何时声明新函数并将其赋值给变量，都要存储函数定义和闭包。闭包包含在函数创建时作用域中的所有变量，它类似于背包。函数定义附带一个小背包，它的包中存储了函数定义创建时作用域中的所有变量。案例


第行。我们在全局执行上下文中创建了一个新的变量，并赋值了一个的函数定义。第行。我们在全局执行上下文中声明了一个名为的新变量。第行。我们需要调用函数并将其返回值赋给变量。第行。调用函数，创建新的]]></description><category></category></item><item><title><![CDATA[微信小程序获取用户当前所在位置]]></title><link>https://blog.youkuaiyun.com/f20212001/article/details/125152313</link><guid>https://blog.youkuaiyun.com/f20212001/article/details/125152313</guid><author>f20212001</author><pubDate>Mon, 06 Jun 2022 18:57:53 +0800</pubDate><description><![CDATA[调用  wx.getLocation 来进行授权，使用此属性时应注意在App.json文件中进行配置
这是提示用户要干嘛的弹窗信息wx.getSetting 判断用户是否已授权，
调用：
2. 使用腾讯地图API把经纬度传上去返回城市名称


申请开发者密钥（key）： 申请密钥开通webserviceAPI服务：控制台 ->应用管理 -> 我的应用->添加key-> 勾选WebServiceAPI -> 保存下载微信小程序JavaScriptSDK，微信小程序JavaScriptSDK v1.1安全域名设]]></description><category></category></item><item><title><![CDATA[微信小程序各个生命周期（应用生命周期，页面生命周期，组件生命周期）]]></title><link>https://blog.youkuaiyun.com/f20212001/article/details/125072534</link><guid>https://blog.youkuaiyun.com/f20212001/article/details/125072534</guid><author>f20212001</author><pubDate>Tue, 31 May 2022 20:03:58 +0800</pubDate><description><![CDATA[微信小程序各个生命周期

应用生命周期
页面生命周期
组件生命周期

1. 应用生命周期
App(Object object)
注册小程序。接受一个 Object 参数，其指定小程序的生命周期回调等。
App() 必须在 app.js 中调用，必须调用且只能调用一次。不然会出现无法预期的后果。




属性
类型
说明




onLaunch(Object object)
function
小程序初始化完成时触发，全局只触发一次。参数也可以使用 wx.getLaunchOptionsSync 获取。


]]></description><category></category></item><item><title><![CDATA[2022527微信小程序现阶段总结]]></title><link>https://blog.youkuaiyun.com/f20212001/article/details/125010413</link><guid>https://blog.youkuaiyun.com/f20212001/article/details/125010413</guid><author>f20212001</author><pubDate>Fri, 27 May 2022 20:23:31 +0800</pubDate><description><![CDATA[2022/5/27微信小程序现阶段总结
1. 介绍小程序基本文件

WXML
WXSS

1.1 WXML
WXML（WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。（类似于vue组件）
支持数据绑定
&lt;!--wxml--&gt;
&lt;view&gt; {{message}} &lt;/view&gt;

// page.js
Page({
  data: {
    message: 'Hello MINA!'
  }
})
]]></description><category></category></item><item><title><![CDATA[前后端联合开发项目总结]]></title><link>https://blog.youkuaiyun.com/f20212001/article/details/124959740</link><guid>https://blog.youkuaiyun.com/f20212001/article/details/124959740</guid><author>f20212001</author><pubDate>Wed, 25 May 2022 09:27:49 +0800</pubDate><description><![CDATA[前后端联合开发项目总结
我们做的是深蓝潜水俱乐部器材管理系统，


首先的第一个问题业务逻辑不明确，与后端沟通时间较长，


然后因为见识与自身逻辑的原因，考虑问题不充分，没有规划好页面布局，导致后期需要进行页面修改的时间比较长， 业务功能不完善，业务逻辑不匹配等等问题




首先我们根据器材管理系统开始分析，器材管理，应该要有器材的新增，器材的查询，器材的销毁，器材的修改，已经租借器材给用户，用户归还器械等等，但是我们是后台管理系统，所以用户应该是不能注册与登陆的，从常识上来讲，用户租借设备与归还设备应]]></description><category></category></item><item><title><![CDATA[vue动画库-Animate.css的使用以及部分问题]]></title><link>https://blog.youkuaiyun.com/f20212001/article/details/124674713</link><guid>https://blog.youkuaiyun.com/f20212001/article/details/124674713</guid><author>f20212001</author><pubDate>Mon, 09 May 2022 20:37:44 +0800</pubDate><description><![CDATA[vue动画库-Animate.css的使用以及部分问题
Animate.css在vue脚手架中的使用
详情见官网： Animate.css | A cross-browser library of CSS animations.
两种使用方式

在style中使用

    &lt;transition name="slide-fade"&gt;
      &lt;div class="box" v-if="show" &gt;&lt;/div&gt;
    &lt;/transition&gt;

.]]></description><category></category></item><item><title><![CDATA[vue内容绑定 计算属性 侦听器 拦截器 ESlint 路由守卫（vue及其相关知识）]]></title><link>https://blog.youkuaiyun.com/f20212001/article/details/124489026</link><guid>https://blog.youkuaiyun.com/f20212001/article/details/124489026</guid><author>f20212001</author><pubDate>Fri, 29 Apr 2022 09:44:52 +0800</pubDate><description><![CDATA[vue现阶段总结（vue及其相关知识）
1. 内容绑定问题
使用这种绑定的方式的只能显示纯文本，还有 v-text的也只能显示纯文本
 &lt;div id="app"&gt;
   &lt;p&gt;{{title}}&lt;/p&gt;
  &lt;/div&gt;

如果要显示的是HTML结构，则需要使用 v-html指令
&lt;p v-html="content"&gt;&lt;/p&gt;

2. 选项框选中数据获取问题
 var vm = new Vue({
      el: '#app',]]></description><category></category></item><item><title><![CDATA[Vant使用方法（vue2版本）]]></title><link>https://blog.youkuaiyun.com/f20212001/article/details/124482125</link><guid>https://blog.youkuaiyun.com/f20212001/article/details/124482125</guid><author>f20212001</author><pubDate>Thu, 28 Apr 2022 19:54:27 +0800</pubDate><description><![CDATA[Vantvue2版本脚手架中的简单应用]]></description><category></category></item><item><title><![CDATA[css中元素的显示与隐藏问题]]></title><link>https://blog.youkuaiyun.com/f20212001/article/details/120889983</link><guid>https://blog.youkuaiyun.com/f20212001/article/details/120889983</guid><author>f20212001</author><pubDate>Thu, 21 Oct 2021 16:57:34 +0800</pubDate><description><![CDATA[元素的显示与隐藏

元素的显示与隐藏的三种方式：

display:（不保留位置）


display:none：隐藏
display:block：显示(inline,inline-block都可以用来显示)


visibility：保留位置（会保留隐藏元素的位置）


visibility:hidden：隐藏
visibility:visible：显示


opacity:保留位置（设置不透明度）


opacity:0：隐藏
opacity:1：显示



...]]></description><category></category></item></channel></rss>