<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[weixin_44824839的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/weixin_44824839</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; weixin_44824839]]></copyright><item><title><![CDATA[vue3中使用Vchart]]></title><link>https://blog.youkuaiyun.com/weixin_44824839/article/details/135620912</link><guid>https://blog.youkuaiyun.com/weixin_44824839/article/details/135620912</guid><author>weixin_44824839</author><pubDate>Tue, 16 Jan 2024 13:19:07 +0800</pubDate><description><![CDATA[使用vue开发的web项目中使用图表，可以使用，它基于 Vue 和封装的 v-charts 图表组件，只需要统一提供一种对前后端都友好的数据格式设置简单的配置项，便可轻松生成常见的图表，避免了做繁琐的数据类型转化、修改复杂的配置项。]]></description><category></category></item><item><title><![CDATA[Flutter应用启动时背景色改成透明色]]></title><link>https://blog.youkuaiyun.com/weixin_44824839/article/details/127387358</link><guid>https://blog.youkuaiyun.com/weixin_44824839/article/details/127387358</guid><author>weixin_44824839</author><pubDate>Tue, 06 Dec 2022 10:49:41 +0800</pubDate><description><![CDATA[修改Flutter应用启动时白色背景色]]></description><category></category></item><item><title><![CDATA[flutter中读取sdcard里面的图片跟视频]]></title><link>https://blog.youkuaiyun.com/weixin_44824839/article/details/127221311</link><guid>https://blog.youkuaiyun.com/weixin_44824839/article/details/127221311</guid><author>weixin_44824839</author><pubDate>Fri, 02 Dec 2022 15:02:14 +0800</pubDate><description><![CDATA[使用flutter框架开发时,需要对系统里的文件进行读取时，需要在Android目录中添加相应的读写权限]]></description><category></category></item><item><title><![CDATA[flutter一个_controller控制多个动效]]></title><link>https://blog.youkuaiyun.com/weixin_44824839/article/details/127211165</link><guid>https://blog.youkuaiyun.com/weixin_44824839/article/details/127211165</guid><author>weixin_44824839</author><pubDate>Sat, 08 Oct 2022 16:22:06 +0800</pubDate><description><![CDATA[flutter AnimatedBuilder]]></description><category></category></item><item><title><![CDATA[React Native使用FlatList组件实现水平滚动翻页]]></title><link>https://blog.youkuaiyun.com/weixin_44824839/article/details/112389968</link><guid>https://blog.youkuaiyun.com/weixin_44824839/article/details/112389968</guid><author>weixin_44824839</author><pubDate>Sat, 09 Jan 2021 12:37:06 +0800</pubDate><description><![CDATA[主要利用到以下二个方法：
1、在一个onScrollBeginDrag回调方法（开始拖动时触发）中记录event.nativeEvent.contentOffset.x：X轴滚动的偏移量。
2、在一个 onScrollEndDrag回调方法（拖动结束时触发）中记录event.nativeEvent.contentOffset.x：X轴滚动的偏移量。
（1）若开始拖拽的偏移量 &lt; 拖动.x，则表示向后翻页。
（2）若开始拖拽的偏移量 &gt;拖动.x，则表示向前翻页。
利用onScroll滚动事件也可以]]></description><category></category></item><item><title><![CDATA[前端同时上传文件和相应的数据，实现与后端交互]]></title><link>https://blog.youkuaiyun.com/weixin_44824839/article/details/111463864</link><guid>https://blog.youkuaiyun.com/weixin_44824839/article/details/111463864</guid><author>weixin_44824839</author><pubDate>Sun, 20 Dec 2020 22:29:12 +0800</pubDate><description><![CDATA[有时候前端需要将上传的文件发送给后台，进行前后端的交互，下面是二种简单的方式：
第一种方式：利用ajax
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt; 
&lt;meta charset="UTF-8"&gt; 
&lt;title&gt;上传文件&lt;/title&gt; 
&lt;/head&gt;

&lt;body&gt;
  &lt;input type="text" id="name"&gt;
  &lt;input typ]]></description><category></category></item><item><title><![CDATA[微信小程序使用WeUI组件库搜索组件Searchbar]]></title><link>https://blog.youkuaiyun.com/weixin_44824839/article/details/111462734</link><guid>https://blog.youkuaiyun.com/weixin_44824839/article/details/111462734</guid><author>weixin_44824839</author><pubDate>Sun, 20 Dec 2020 21:31:48 +0800</pubDate><description><![CDATA[WeUI 是一套同微信原生视觉体验一致的基础样式库，由于功能需求这里直接使用搜索组件Searchbar
1，引入组件
可以通过npm方式下载构建，npm包名为weui-miniprogram
也可以通过页面按需下载
2，将下载的压缩包解压，导入到小程序中（解压的目录为component）

在component/searchbar.json中:
{
    "component": true,
    "usingComponents": {
        "mp-cells": "./cells",
 ]]></description><category></category></item><item><title><![CDATA[微信小程序路由跳转一些注意事项]]></title><link>https://blog.youkuaiyun.com/weixin_44824839/article/details/110782616</link><guid>https://blog.youkuaiyun.com/weixin_44824839/article/details/110782616</guid><author>weixin_44824839</author><pubDate>Sun, 06 Dec 2020 22:30:06 +0800</pubDate><description><![CDATA[当我们需要从当前页面跳转到另一个页面时，需要用到微信路由API
总结以下几种路由跳转方式：
wx.navigateTo 用于保留当前页面、跳转到应用内的某个页面，对于页面不是特别多的小程序，通常推荐使用 wx.navigateTo进行跳转， 以便返回原页面，以提高加载速度。当页面特别多时，则不推荐使用。
注意点：不允许跳转到 tabbar 页面
如果从A页面使用wx.navigateTo跳转到B页面时，然后B页面返回到A页面，这时A页面中的生命周期onLoad()方法不会被调用了，onshow()会被调用
]]></description><category></category></item><item><title><![CDATA[微信小程序在页面，自定义组件中使用数据监听器]]></title><link>https://blog.youkuaiyun.com/weixin_44824839/article/details/110774446</link><guid>https://blog.youkuaiyun.com/weixin_44824839/article/details/110774446</guid><author>weixin_44824839</author><pubDate>Sun, 06 Dec 2020 21:51:30 +0800</pubDate><description><![CDATA[数据监听器可以用于监听和响应任何属性和数据字段的变化，通常会在监听到某个值的改变时去操作data中的其它属性值。
在自定义组件中使用监听器：
Component({
  properties:{//监测传过来的属性
    num: {
      type: String,
      observer: function(newVal, oldVal) {
         console.log('properties-num', newVal)
      }
    },
    person: ]]></description><category></category></item><item><title><![CDATA[微信小程序中动态更新样式]]></title><link>https://blog.youkuaiyun.com/weixin_44824839/article/details/110765199</link><guid>https://blog.youkuaiyun.com/weixin_44824839/article/details/110765199</guid><author>weixin_44824839</author><pubDate>Sun, 06 Dec 2020 20:59:47 +0800</pubDate><description><![CDATA[在微信小程序中动态更新style样式：
&lt;button
      bindtap="onClick"
      disabled="{{isDisable}}"
      style="display:{{isDisplay?'flex':'none'}};background-color:{{color}};border-radius:{{radius}};shadow-color:{{shadowColor}};padding:{{padding}};margin:{{margin}};fo]]></description><category></category></item><item><title><![CDATA[微信小程序网络请求统一配置管理]]></title><link>https://blog.youkuaiyun.com/weixin_44824839/article/details/110749919</link><guid>https://blog.youkuaiyun.com/weixin_44824839/article/details/110749919</guid><author>weixin_44824839</author><pubDate>Sun, 06 Dec 2020 19:22:44 +0800</pubDate><description><![CDATA[在微信小程序开发中，对于页面中多个网络请求时需要多次调用wx.request这个接口，因此我们可以把该接口统一封装，可以减少重复代码，提高代码复用率。
新建一个utils文件夹以及二个子文件service.js，api.js
utils/service.js文件中
//接口请求统一封装
const API_BASE_URL = "http://test/hhl/api" 

const request = (url,method,data)=&gt;{
   let _url = API_BASE_URL ]]></description><category></category></item><item><title><![CDATA[微信小程序引用自定义组件及传值]]></title><link>https://blog.youkuaiyun.com/weixin_44824839/article/details/110749418</link><guid>https://blog.youkuaiyun.com/weixin_44824839/article/details/110749418</guid><author>weixin_44824839</author><pubDate>Sun, 06 Dec 2020 18:37:47 +0800</pubDate><description><![CDATA[当多个页面需要重复使用某一功能模块时，可将该功能模块抽象成自定义组件，以便在不同的页面中重复使用。
引用自定义组件：
创建自定义组件类似于页面，一个自定义组件由 json wxml wxss js 4个文件组成。
同时也可以在 wxml 文件中编写组件模板，在 wxss 文件中加入组件样式，它们的写法与页面的写法类似。
项目目录结构：

子组件的位置：components/cardItem/cardItem.js的代码如下
Component({
  properties: {
    // 这里是从父组件]]></description><category></category></item><item><title><![CDATA[css中几种水平垂直居中的方式]]></title><link>https://blog.youkuaiyun.com/weixin_44824839/article/details/110704736</link><guid>https://blog.youkuaiyun.com/weixin_44824839/article/details/110704736</guid><author>weixin_44824839</author><pubDate>Sun, 06 Dec 2020 16:47:26 +0800</pubDate><description><![CDATA[在前端开发中经常会让一个盒子模型水平，垂直居中。接下来主要是实现的几种方法
1，将body中的第一个div元素水平垂直居中
代码如下：
&lt;!DOCTYPE html&gt;  
&lt;html lang="en"&gt;  
&lt;head&gt;  
    &lt;meta charset="UTF-8"&gt;  
    &lt;title&gt;index&lt;/title&gt;  
    &lt;style&gt;  
       html,body{
    		backgr]]></description><category></category></item><item><title><![CDATA[微信小程序入门介绍]]></title><link>https://blog.youkuaiyun.com/weixin_44824839/article/details/110674687</link><guid>https://blog.youkuaiyun.com/weixin_44824839/article/details/110674687</guid><author>weixin_44824839</author><pubDate>Fri, 04 Dec 2020 23:39:17 +0800</pubDate><description><![CDATA[微信小程序简单介绍
最近公司打算把已经嵌入到微信公众号里的H5页面(施工流程管理)项目想另外再做一个微信小程序版本的，于是我边看官方文档边做项目…
认识微信小程序
首先，小程序类似Web，但不同于我们所认识的HTML，它有属于自己的开发语言及工具
小程序与普通网页开发的区别
小程序的主要开发语言是 JavaScript，同普通的网页开发来做对比两者有很大的相似性。在网页开发中，渲染线程和脚本线程是互斥的，这也是为什么长时间的脚本运行可能会导致页面失去响应，而在小程序中，二者是分开的，分别运行在不同的线程中。]]></description><category></category></item><item><title><![CDATA[jquery实现加载更多“转圈圈“效果]]></title><link>https://blog.youkuaiyun.com/weixin_44824839/article/details/109577896</link><guid>https://blog.youkuaiyun.com/weixin_44824839/article/details/109577896</guid><author>weixin_44824839</author><pubDate>Mon, 09 Nov 2020 15:08:30 +0800</pubDate><description><![CDATA[功能：发送网络请求时等待加载的圈圈动态显示，网络请求成功后关闭提示圈圈
代码：
index.html
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;css画动态等待转圈效果&lt;/title&gt;
    &lt;link rel="stylesheet" href="public/index.css"&gt;
&lt;/head&gt]]></description><category></category></item><item><title><![CDATA[原生js中实现页面加载完成后，执行JS的5种方式的顺序]]></title><link>https://blog.youkuaiyun.com/weixin_44824839/article/details/109515559</link><guid>https://blog.youkuaiyun.com/weixin_44824839/article/details/109515559</guid><author>weixin_44824839</author><pubDate>Thu, 05 Nov 2020 17:07:05 +0800</pubDate><description><![CDATA[页面加载完成后执行js的5种方式
1,2本质上没啥区别,1是2的简写方式。都是document加载完后就执行
1：jQuery的(function())2：jQuery的(function (){})
  2：jQuery的(function())2：jQuery的(document).ready(function (){})
3：使用jQuery对象,4使用dom对象。都是等整个window加载完后就执行
3：jQuery的(window).load(function())4：window.onload=]]></description><category></category></item><item><title><![CDATA[vuepress+gitee搭建个人博客]]></title><link>https://blog.youkuaiyun.com/weixin_44824839/article/details/109435553</link><guid>https://blog.youkuaiyun.com/weixin_44824839/article/details/109435553</guid><author>weixin_44824839</author><pubDate>Sun, 01 Nov 2020 21:42:50 +0800</pubDate><description><![CDATA[最近想对学过的前端知识以及做过的项目进行整理，于是采用了vuepress+gitee搭建个人博客，本篇文章主要写搭建过程及遇到的坑。
前提条件
VuePress 需要 Node.js &gt;= 8.6
快速搭建博客
mkdir vuepress-starter &amp;&amp; cd vuepress-starter //创建一个新目录并进入该目录
yarn init   //包管理器进行初始化，或者采用  npm init
yarn add -D vuepress  //安装vuepress
mkd]]></description><category></category></item><item><title><![CDATA[vue中解决微信h5原生ios虚拟键返回不刷新问题]]></title><link>https://blog.youkuaiyun.com/weixin_44824839/article/details/109163614</link><guid>https://blog.youkuaiyun.com/weixin_44824839/article/details/109163614</guid><author>weixin_44824839</author><pubDate>Tue, 20 Oct 2020 10:09:17 +0800</pubDate><description><![CDATA[问题描述：在安卓机上点击手机自带的返回键会返回上一级路由并重新加载，而ios机上并不会重新加载
分析：需要在进入页面时加入监听，并在页面离开时移除监听。因为home页面是个列表滚动，所以采用了keep-alive路由缓存，所以不能在mounted()和beforeDestroy()生命周期中写，因此我在home.vue中加了组件内的守卫beforeRouteEnter()，beforeRouteLeave (),并在里面添加监听、移除监听。
注意：
addEventListener()与removeEven]]></description><category></category></item><item><title><![CDATA[使用vue-router传参时注意事项]]></title><link>https://blog.youkuaiyun.com/weixin_44824839/article/details/108976208</link><guid>https://blog.youkuaiyun.com/weixin_44824839/article/details/108976208</guid><author>weixin_44824839</author><pubDate>Tue, 13 Oct 2020 10:31:23 +0800</pubDate><description><![CDATA[name = null
inviter=undefined
this.$router.replace('/home',{
query: {
                   openId: openId,  //string
                    name: name,   //null
                    inviter:to.query.inviter,  //undefined
     //这里只是作为测试:路由参数类型只能是： 'string | (str]]></description><category></category></item><item><title><![CDATA[github连接远程仓库时出现Warning: Permanently added the RSA host key for IP address ‘***********‘ ......]]></title><link>https://blog.youkuaiyun.com/weixin_44824839/article/details/108004498</link><guid>https://blog.youkuaiyun.com/weixin_44824839/article/details/108004498</guid><author>weixin_44824839</author><pubDate>Fri, 14 Aug 2020 14:58:33 +0800</pubDate><description><![CDATA[Warning: Permanently added the RSA host key for IP address ‘***********’ …Permission denied（publickey）的问题。
解决方法：
1.打开git bash
2.输入cd C:
3.cat ~/.ssh/id_rsa.pub

4.应该会出现上图所示一大段字符串:ssh-rsa…，这就是所谓的publickey；但是如果提示报错的话则说明没有公钥，此时你应当自己创建一个公钥，输入
ssh-keygen
然后一直回车]]></description><category></category></item></channel></rss>