<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[qq_897164979的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_41454366</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_41454366]]></copyright><item><title><![CDATA[react 组件内暴露方法供原生android调用]]></title><link>https://blog.youkuaiyun.com/qq_41454366/article/details/122805328</link><guid>https://blog.youkuaiyun.com/qq_41454366/article/details/122805328</guid><author>qq_41454366</author><pubDate>Mon, 07 Feb 2022 11:07:01 +0800</pubDate><description><![CDATA[React
import { useEffect } from 'react';
// 组件
const Index = () =&gt; {
  // 定义方法
  const testFunction = (arg) =&gt; {
  	alert(`调用成功${arg}`);
  }
  
  useEffect(() =&gt; {
 	// 在useEffect中暴露方法到window上。
 	// ts 中可以这样
  	(window as any).test = testFunction;]]></description><category></category></item><item><title><![CDATA[js split 正则分割字符串]]></title><link>https://blog.youkuaiyun.com/qq_41454366/article/details/119027111</link><guid>https://blog.youkuaiyun.com/qq_41454366/article/details/119027111</guid><author>qq_41454366</author><pubDate>Fri, 23 Jul 2021 11:12:46 +0800</pubDate><description><![CDATA[正则表达式 分割字符串 str.split(/[,-\s.]/)  /[中间加多个分割符]/
\s 为空格转义
"Hello World,I-am code".split(/[,-\s.]/)  // ["Hello", "World", "I", "am", "code"]
"Earth-is-our home".split(/[,-\s.]/) // ["Earth", "is", "our", "home"]
"This.is.a-sentence".split(/[,-\s.]/) // ["Thi]]></description><category></category></item><item><title><![CDATA[MongoDB2.4.5安装与用户配置]]></title><link>https://blog.youkuaiyun.com/qq_41454366/article/details/118024503</link><guid>https://blog.youkuaiyun.com/qq_41454366/article/details/118024503</guid><author>qq_41454366</author><pubDate>Fri, 18 Jun 2021 14:23:14 +0800</pubDate><description><![CDATA[MongoDB2.4.5安装与用户配置安装创建管理员用户以授权方式启动MongoDB,给使用的数据库添加用户打开数据库可视化工具mongodbManager进行测试
安装

下载mongodb解压版本地址：
http://downloads.mongodb.org/win32/mongodb-win32-x86_64-2.4.5.zip
其他版本：http://dl.mongodb.org/dl/win32/x86_64
解压mongodb-win32-x86_64-2.4.5到 F:\MongoDB

新]]></description><category></category></item><item><title><![CDATA[React + ts echarts组件]]></title><link>https://blog.youkuaiyun.com/qq_41454366/article/details/116590748</link><guid>https://blog.youkuaiyun.com/qq_41454366/article/details/116590748</guid><author>qq_41454366</author><pubDate>Mon, 10 May 2021 11:10:36 +0800</pubDate><description><![CDATA[import * as React from "react";
import * as echarts from "echarts";

/**
 * 参数列表
 * key: string; 唯一值
 * option: object | null; 图表数据
 * style: {
 *      width: string; 图表宽度
 *      height: string; 图表高度
 * };
 * className?: string; 图表CSS样式类名称
 * onRender?(in]]></description><category></category></item><item><title><![CDATA[使用React hooks完成响应式组件开发]]></title><link>https://blog.youkuaiyun.com/qq_41454366/article/details/108778965</link><guid>https://blog.youkuaiyun.com/qq_41454366/article/details/108778965</guid><author>qq_41454366</author><pubDate>Thu, 24 Sep 2020 18:06:21 +0800</pubDate><description><![CDATA[好久没更新博客了，接触React已经有一段时间了，近期在做公司官网的开发。
技术要求使用React ，响应式布局。
开始准备使用css @media 来负责页面的响应布局。
当开发到一定程度时发现媒体查询并不能满足所有的情况。
当一个组件切换不同大小设备时只是改变宽度、边距或者排版时，媒体查询当然更好。
但是当一个组件在pc上的展示模式和在移动端展示的模式完全不同时，与其使用大量的媒体查询进行display:none;不如直接切换不同的组件来的优雅。
于是就想怎么在React中优雅的获取屏幕宽度，保证在动态]]></description><category></category></item><item><title><![CDATA[微信上传永久图片素材并获取mediaId]]></title><link>https://blog.youkuaiyun.com/qq_41454366/article/details/102736565</link><guid>https://blog.youkuaiyun.com/qq_41454366/article/details/102736565</guid><author>qq_41454366</author><pubDate>Fri, 25 Oct 2019 09:21:57 +0800</pubDate><description><![CDATA[public String uploadFile(String URL, String filePath, String type) throws Exception {
        File file = new File(filePath);
        if (!file.exists() || !file.isFile()) {
            throw new IOE...]]></description><category></category></item><item><title><![CDATA[图片裁剪上传]]></title><link>https://blog.youkuaiyun.com/qq_41454366/article/details/102725727</link><guid>https://blog.youkuaiyun.com/qq_41454366/article/details/102725727</guid><author>qq_41454366</author><pubDate>Thu, 24 Oct 2019 16:21:19 +0800</pubDate><description><![CDATA[html 用到的jq插件为cropper
演示官网：https://fengyuanchen.github.io/cropper/
&lt;link href="https://cdn.bootcss.com/cropper/3.1.3/cropper.min.css" rel="stylesheet"&gt;
&lt;script src="https://cdn.bootcss.com/cro...]]></description><category></category></item><item><title><![CDATA[图片base64 转 file]]></title><link>https://blog.youkuaiyun.com/qq_41454366/article/details/102725641</link><guid>https://blog.youkuaiyun.com/qq_41454366/article/details/102725641</guid><author>qq_41454366</author><pubDate>Thu, 24 Oct 2019 16:09:22 +0800</pubDate><description><![CDATA[function dataURLtoFile(dataurl, filename) {
	  var arr = dataurl.split(',');
	  var mime = arr[0].match(/:(.*?);/)[1];
	  var bstr = atob(arr[1]);
	  var n = bstr.length; 
	  var u8arr = new Uint8Arra...]]></description><category></category></item><item><title><![CDATA[利用div实现input输入框]]></title><link>https://blog.youkuaiyun.com/qq_41454366/article/details/94449134</link><guid>https://blog.youkuaiyun.com/qq_41454366/article/details/94449134</guid><author>qq_41454366</author><pubDate>Tue, 02 Jul 2019 16:08:01 +0800</pubDate><description><![CDATA[工作中遇到了需要将带有html标签的内容放进input框中显示，用户还可以进行修改，发现通过设置&lt;input&gt;的value属性，不能将html元素进行转义显示，比如想让他显示 22 ， 但是实际显示了 2&lt;sup&gt;2&lt;/sup&gt;，这显然不符合我们的要求。索性就把div伪装成一个input，这样就能通过$("#id").html(内容);的方式进行显示带有html...]]></description><category></category></item><item><title><![CDATA[移动端(rem)自适应相关随笔]]></title><link>https://blog.youkuaiyun.com/qq_41454366/article/details/93621032</link><guid>https://blog.youkuaiyun.com/qq_41454366/article/details/93621032</guid><author>qq_41454366</author><pubDate>Tue, 25 Jun 2019 16:41:50 +0800</pubDate><description><![CDATA[背景：
近一段时间在做移动端h5的开发，因此需要考虑到适应各种设备下的显示效果。经过学习总结以下记录。
首先记录一下rem单位的属性；

是一个相对单位，相对根元素(html)字体大小的单位。

rem的公式为  1rem = 屏幕宽度/UI设计图宽度*100px
document.documentElement.style.fontSize = document.documentElement....]]></description><category></category></item></channel></rss>