<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ShhLife的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/ShhLife</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ShhLife]]></copyright><item><title><![CDATA[微信小程序之云开发]]></title><link>https://blog.youkuaiyun.com/ShhLife/article/details/122522466</link><guid>https://blog.youkuaiyun.com/ShhLife/article/details/122522466</guid><author>ShhLife</author><pubDate>Sun, 16 Jan 2022 15:41:37 +0800</pubDate><description><![CDATA[环境搭建
创建云开发项目
勾选上 微信云开发 输入你的AppID 然后点击确定


然后点击左上角的云开发按钮进入面板

你的云函数，所谓云函数，就是操作你云数据库的方法，通过对应的云函数去对你的数据库里的数据进行增删改查

就此云开发环境搭建完成
云开发Demo
Demo描述
Demo名称：留言板；
Demo功能需求：

能发布留言
留言显示
留言有发布用户的用户信息
留言可以附带图片，发布的时候能够上传图片
留言拥有对应时间戳
拥有翻页功能，一页只显示三条数据

Demo实现
编写云函数方法
首先，根据]]></description><category></category></item><item><title><![CDATA[微信小程序之登录流程]]></title><link>https://blog.youkuaiyun.com/ShhLife/article/details/122483930</link><guid>https://blog.youkuaiyun.com/ShhLife/article/details/122483930</guid><author>ShhLife</author><pubDate>Thu, 13 Jan 2022 22:19:56 +0800</pubDate><description><![CDATA[微信登录流程

wx.getUserProfile() 方法获取头像和昵称
wx.login() 获取code 这个code是随机的
通过 wx.request() 方法将code发送到服务器
服务器将接收到的code与appid+appsecret发送到微信接口服务进行校验，
微信服务校验通过返回session_key+openid等
服务器通过openid、session_key自定义登录状态（也就是确定登陆状态）
服务器返回自定义登录状态
小程序将登录状态存储（存入storage中）
小程序通过wx.]]></description><category></category></item><item><title><![CDATA[微信小程序 - 组件应用]]></title><link>https://blog.youkuaiyun.com/ShhLife/article/details/122482740</link><guid>https://blog.youkuaiyun.com/ShhLife/article/details/122482740</guid><author>ShhLife</author><pubDate>Thu, 13 Jan 2022 21:46:51 +0800</pubDate><description><![CDATA[组件创建
在小程序目录中新建一个components文件夹，用于存放各种组件，然后在其中创建一个自己需要的组件（我创建了一个名为item的组件）
建立组件文件的时候，建议直接右键文件夹–&gt;选择新建component

配置
组件建立后，需要进行配置才可进行使用
接下来，为了方便，在pages文件夹中新建一个页面user

配置user.json文件

该链接为components中组件的路径
接下来在user中引用组件

组件传值
组件创建完毕，接下来搞传值，毕竟组件在大多数时候都需要依靠父组件的数据]]></description><category></category></item><item><title><![CDATA[react 创建百度地图]]></title><link>https://blog.youkuaiyun.com/ShhLife/article/details/122462562</link><guid>https://blog.youkuaiyun.com/ShhLife/article/details/122462562</guid><author>ShhLife</author><pubDate>Wed, 12 Jan 2022 21:48:15 +0800</pubDate><description><![CDATA[准备工作
在百度开放平台中注册账号，并拿到ak
ak获取方式：百度开放平台==&gt;控制台==&gt;我的应用

安装
npm i react-bmapgl -S

引入js
在public文件夹下的index.html中引入
&lt;script src="//api.map.baidu.com/api?type=webgl&amp;v=1.0&amp;ak=您的ak码"&gt;

导入组件 使用组件
import React,{Component} from 'react';
// 导入地图组件
im]]></description><category></category></item><item><title><![CDATA[react 自定义组件引入及父子组件相互传值]]></title><link>https://blog.youkuaiyun.com/ShhLife/article/details/122227859</link><guid>https://blog.youkuaiyun.com/ShhLife/article/details/122227859</guid><author>ShhLife</author><pubDate>Thu, 30 Dec 2021 02:16:58 +0800</pubDate><description><![CDATA[React自定义组件及父子组件传值]]></description><category></category></item><item><title><![CDATA[从零开始 创建一个webpack实例]]></title><link>https://blog.youkuaiyun.com/ShhLife/article/details/122196019</link><guid>https://blog.youkuaiyun.com/ShhLife/article/details/122196019</guid><author>ShhLife</author><pubDate>Tue, 28 Dec 2021 18:43:45 +0800</pubDate><description><![CDATA[webpack概念

webpack 是现代JavaScript应用程序的静态模块打包器(module bundler)
当webpack工作时，它会递归构建一个项目的依赖关系图，其中包含了每个应用程序需要的模块，然后将所有模块打包成一个或者多个bundle
安装

确定你已经安装了nodejs
Nodjs官网安装地址:http://nodejs.cn/ 
安装好后可以在可以在cmd窗口中查看

首先 创建一个文件并且进入文件

npm初始化文件 (建立package文件)
npm init -y


然后]]></description><category></category></item><item><title><![CDATA[原生js实现弹跳小球]]></title><link>https://blog.youkuaiyun.com/ShhLife/article/details/120234305</link><guid>https://blog.youkuaiyun.com/ShhLife/article/details/120234305</guid><author>ShhLife</author><pubDate>Sat, 11 Sep 2021 10:56:23 +0800</pubDate><description><![CDATA[突发奇想，写了个小球来回弹跳的案例。
主要就是利用了margin-left / top 值进行位移，当然，也可以使用定位去做。
本案例所用到的有：

DOM元素获取
DOM样式操作
.offsetWidth 获取元素宽度
.offsetHeight 获取元素高度
setInterval() 定时器

上代码
整体使用原生js
&lt;style&gt; //style样式
        * {
            margin: 0;
            padding: 0;
        }]]></description><category></category></item><item><title><![CDATA[DOM元素获取]]></title><link>https://blog.youkuaiyun.com/ShhLife/article/details/120196394</link><guid>https://blog.youkuaiyun.com/ShhLife/article/details/120196394</guid><author>ShhLife</author><pubDate>Thu, 09 Sep 2021 21:15:15 +0800</pubDate><description><![CDATA[BOM（Document Object Model） 浏览器对象模型

]]></description><category></category></item><item><title><![CDATA[JavaScript 数组方法]]></title><link>https://blog.youkuaiyun.com/ShhLife/article/details/120188308</link><guid>https://blog.youkuaiyun.com/ShhLife/article/details/120188308</guid><author>ShhLife</author><pubDate>Wed, 08 Sep 2021 21:47:58 +0800</pubDate><description><![CDATA[JavaScript 数组对象(部分)
数组的增删改查

.pop()：从数组尾部删除一个元素

var arr=["arr1","arr2","arr3","arr4"];
arr.pop();


.shift()：从数组头部删除一个元素

var arr=["arr1","arr2","arr3","arr4"];
arr.shift();


.push(参数1,参数2…): 在尾部添加元素;
(参数为要添加的元素）

var arr=["arr1","arr2","arr3","arr4"];
a]]></description><category></category></item></channel></rss>