<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Wcharles666的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Wcharles666</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Wcharles666]]></copyright><item><title><![CDATA[2022届 杭州React相关岗位]]></title><link>https://blog.youkuaiyun.com/Wcharles666/article/details/115743630</link><guid>https://blog.youkuaiyun.com/Wcharles666/article/details/115743630</guid><author>Wcharles666</author><pubDate>Fri, 16 Apr 2021 00:19:30 +0800</pubDate><description><![CDATA[2022届 杭州 涂鸦智能 大量前端实习岗位招聘
有兴趣的可以直接扫描下方二维码投递
岗位职责：

岗位方向（移动端html5 / 数据可视化 / 移动混合开发 / 微信小程序）
前端技术全栈实践机会（React/React Native/NodeJS/WebGL…）

岗位要求：

前端基础扎实；
熟练使用 git、github、linux 等工具;
有良好的编码习惯, 能够编写清晰, 易于维护的代码;
4.本科及以上学历，2021届毕业生，至少实习3个月以上，表现优秀者可提供转正机会。



...]]></description><category></category></item><item><title><![CDATA[react-native 在debugger调试模式下运行正常，非debugger模式不正常]]></title><link>https://blog.youkuaiyun.com/Wcharles666/article/details/104108240</link><guid>https://blog.youkuaiyun.com/Wcharles666/article/details/104108240</guid><author>Wcharles666</author><pubDate>Wed, 29 Jan 2020 17:13:28 +0800</pubDate><description><![CDATA[多数原因：

在debugger调试模式下，我们经常会打印诸多的东西，来查看结果是否正确，在debugger模式下正常，却在非debugger模式下出现异常

解决方案：

删除多余的console.log()
或者在项目最初始添加：
if (!__DEV__) { 	 global.console = { log: () =&gt; { }, warn: () =&gt; { }, info: ...]]></description><category></category></item><item><title><![CDATA[git分支拉取develop分支最新代码]]></title><link>https://blog.youkuaiyun.com/Wcharles666/article/details/101292012</link><guid>https://blog.youkuaiyun.com/Wcharles666/article/details/101292012</guid><author>Wcharles666</author><pubDate>Tue, 24 Sep 2019 16:27:17 +0800</pubDate><description><![CDATA[拉取最新的代码
首先  git checkout develop 切换到develop分支
— 执行 git pull   拉取最新代码
再切换到 所修改分支  使用 gIt merge develop  合并代码

]]></description><category></category></item><item><title><![CDATA[mbox整合多个store]]></title><link>https://blog.youkuaiyun.com/Wcharles666/article/details/100533578</link><guid>https://blog.youkuaiyun.com/Wcharles666/article/details/100533578</guid><author>Wcharles666</author><pubDate>Wed, 04 Sep 2019 11:05:34 +0800</pubDate><description><![CDATA[1.store/index.js (根store)
// 整合两个store
import NativeStore from './nativeStore';
import IpcStore from './ipcStore';

const nativeStore = new NativeStore();
const ipcStore = new IpcStore();

export defa...]]></description><category></category></item><item><title><![CDATA[react native底部View会有间隙，没有贴合手机屏幕底端]]></title><link>https://blog.youkuaiyun.com/Wcharles666/article/details/100533420</link><guid>https://blog.youkuaiyun.com/Wcharles666/article/details/100533420</guid><author>Wcharles666</author><pubDate>Wed, 04 Sep 2019 10:10:05 +0800</pubDate><description><![CDATA[查找原因
原因: 因为对宽度、高度做了一些计算变换，使其在每个手机型号上的显示效果都能一致，所以在使用borderRadius: cx(12) 会出现小数，导致不能贴合。
解决方案： 将borderRadius进行取整。

...]]></description><category></category></item><item><title><![CDATA[根据ID 进行分类]]></title><link>https://blog.youkuaiyun.com/Wcharles666/article/details/98183783</link><guid>https://blog.youkuaiyun.com/Wcharles666/article/details/98183783</guid><author>Wcharles666</author><pubDate>Fri, 02 Aug 2019 11:25:04 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;meta http-equiv="X-...]]></description><category></category></item><item><title><![CDATA[Ie浏览器和其它浏览器设置不同的css样式]]></title><link>https://blog.youkuaiyun.com/Wcharles666/article/details/96970110</link><guid>https://blog.youkuaiyun.com/Wcharles666/article/details/96970110</guid><author>Wcharles666</author><pubDate>Tue, 23 Jul 2019 10:15:34 +0800</pubDate><description><![CDATA[@媒体查询
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #breadcrumb {
    z-index: auto !important;
  }
}


]]></description><category></category></item><item><title><![CDATA[js中文件流下载导出excel文件方法]]></title><link>https://blog.youkuaiyun.com/Wcharles666/article/details/95484795</link><guid>https://blog.youkuaiyun.com/Wcharles666/article/details/95484795</guid><author>Wcharles666</author><pubDate>Thu, 11 Jul 2019 16:05:13 +0800</pubDate><description><![CDATA[需求：数据列表导出为excel文件，通过向后台请求接口，返回的结果一般有两种方式：
1. 后台返回excel文件http地址（后台会在服务器生成，前端请求url再下载一遍，浪费服务器资源，优点：前端处理方便）
2. 后台返回二进制文件流（后台不会再服务器生成文件，只需前台进行解析，不占用服务器资源）
代码
1.http地址形式
window.location.href="后台返回的地址"

2.二...]]></description><category></category></item><item><title><![CDATA[rem布局秒解]]></title><link>https://blog.youkuaiyun.com/Wcharles666/article/details/95090688</link><guid>https://blog.youkuaiyun.com/Wcharles666/article/details/95090688</guid><author>Wcharles666</author><pubDate>Mon, 08 Jul 2019 20:01:15 +0800</pubDate><description><![CDATA[视口（viewport）的理解


layout viewport（布局视口）
Layout viewportd 宽度大于浏览器的可视区域，就好比你的电脑屏幕宽度是1024，但是你网页的宽度是1400.那么1400就是layout viewport的宽度。


Visual viewport（视觉视口）
Visual Viewport 的宽度就相当于你客户端的屏幕大小。
宽度获取可以通过 wind...]]></description><category></category></item><item><title><![CDATA[闭包的定义与应用]]></title><link>https://blog.youkuaiyun.com/Wcharles666/article/details/94721770</link><guid>https://blog.youkuaiyun.com/Wcharles666/article/details/94721770</guid><author>Wcharles666</author><pubDate>Fri, 05 Jul 2019 11:19:44 +0800</pubDate><description><![CDATA[闭包的来源：闭包源自函数的嵌套
闭包的产生： 如果外部函数的变量被内部函数的变量引用的话，就产生了闭包
闭包和函数的区别： 闭包传递的是函数，而函数传递的是变量
example:
// sum函数为外部函数
// add函数为内部函数
funtion sum(a){
		funtion add(b) {
		 	 return a+b; // a为外部函数的变量，却在内部函数add中被调用，从而形...]]></description><category></category></item><item><title><![CDATA[react 16版本 生产环境取消控制台输出]]></title><link>https://blog.youkuaiyun.com/Wcharles666/article/details/91874145</link><guid>https://blog.youkuaiyun.com/Wcharles666/article/details/91874145</guid><author>Wcharles666</author><pubDate>Thu, 13 Jun 2019 16:48:29 +0800</pubDate><description><![CDATA[npm run eject 暴露create-react-app配置
在webpack.config.js

代码：
// 配置取消console.log
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');


在minimizer数组中添加
new UglifyJsPlugin(
            {
           ...]]></description><category></category></item><item><title><![CDATA[栈和队列、堆、堆栈的区别？]]></title><link>https://blog.youkuaiyun.com/Wcharles666/article/details/91382128</link><guid>https://blog.youkuaiyun.com/Wcharles666/article/details/91382128</guid><author>Wcharles666</author><pubDate>Mon, 10 Jun 2019 16:12:01 +0800</pubDate><description><![CDATA[原文：https://blog.youkuaiyun.com/qq_42092177/article/details/80459227
队列是先进先出，有出口和入口，先进去可以先出来。
栈就像一个箱子，后放上去的，可以先出来
堆是在程序运行时，而不是在程序编译时，申请某个大小的内存空间。即动态分配内存，对其访问和对一般内存的访问没有区别。{堆是指程序运行是申请的动态内存，而栈只是指一种使用堆的方法(即先进后出...]]></description><category></category></item><item><title><![CDATA[this指向]]></title><link>https://blog.youkuaiyun.com/Wcharles666/article/details/91380124</link><guid>https://blog.youkuaiyun.com/Wcharles666/article/details/91380124</guid><author>Wcharles666</author><pubDate>Mon, 10 Jun 2019 15:41:27 +0800</pubDate><description><![CDATA[this的指向，就是那个对象调用函数，函数里面的this指向那个对象
es6提供了箭头函数没增加了我们的开发效率，但是箭头函数里面，没有this,箭头函数里面的this是继承外面的环境

...]]></description><category></category></item><item><title><![CDATA[vue常见面试题(一)]]></title><link>https://blog.youkuaiyun.com/Wcharles666/article/details/91314859</link><guid>https://blog.youkuaiyun.com/Wcharles666/article/details/91314859</guid><author>Wcharles666</author><pubDate>Sat, 08 Jun 2019 11:19:07 +0800</pubDate><description><![CDATA[1. VUEX是什么？怎么使用？那种功能场景使用它？
vuex其实就是就是专门为vue构建的状态集管理。
主要是为了解决组件间状态共享的问题。
强调的是集中式管理。（本来是组件与组件的通信，现在变成组件与仓库之间的通信）
普遍来说主要是为了  便于维护，便于解耦，所以不是所有的项目都适合使用vuex。
如果不是构建大型项目，使用vuex 反而使你的项目代码繁琐多余。
vuex的核心
state: ...]]></description><category></category></item><item><title><![CDATA[vue兄弟组件通信$emit,$on]]></title><link>https://blog.youkuaiyun.com/Wcharles666/article/details/91044544</link><guid>https://blog.youkuaiyun.com/Wcharles666/article/details/91044544</guid><author>Wcharles666</author><pubDate>Thu, 06 Jun 2019 15:21:03 +0800</pubDate><description><![CDATA[使用bus事件中心（空的vue对象；
方便起见：
新建文件bus.js文件
import Vue from 'Vue';

export default new Vue();

兄弟组件1
&lt;template&gt;
    &lt;div&gt;
      &lt;button @click="sendmsgToMyBrother"&gt;向我兄弟传值&lt;/button&gt;
  ...]]></description><category></category></item><item><title><![CDATA[统计字符串出现次数最多的字符,且次数最大且相同的不止一个]]></title><link>https://blog.youkuaiyun.com/Wcharles666/article/details/90603686</link><guid>https://blog.youkuaiyun.com/Wcharles666/article/details/90603686</guid><author>Wcharles666</author><pubDate>Mon, 27 May 2019 14:59:57 +0800</pubDate><description><![CDATA[// 统计一个字符串中出现次数最多的字符

        function strMaxCount(str) {
          let obj ={};
          if(str.length === 0) {
            alert('字符串为空,无法统计,请输入字符串');
          } else {
          // 遍历字符串
      ...]]></description><category></category></item><item><title><![CDATA[grid布局解析及实例实现]]></title><link>https://blog.youkuaiyun.com/Wcharles666/article/details/90548496</link><guid>https://blog.youkuaiyun.com/Wcharles666/article/details/90548496</guid><author>Wcharles666</author><pubDate>Sat, 25 May 2019 16:33:27 +0800</pubDate><description><![CDATA[在学习gird布局使用阮一峰的教程进行学习，并实现下里面的布局
阮一峰grid布局学习网址：http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html
实现案例：

html代码如下：
&lt;div class="grid"&gt;
        &lt;div class="left"&gt;
            &l...]]></description><category></category></item><item><title><![CDATA[map标签与area标签构建映射图片解析]]></title><link>https://blog.youkuaiyun.com/Wcharles666/article/details/90513800</link><guid>https://blog.youkuaiyun.com/Wcharles666/article/details/90513800</guid><author>Wcharles666</author><pubDate>Fri, 24 May 2019 14:50:38 +0800</pubDate><description><![CDATA[一、需求分析
		
在给的UI设计图，有两个a标签或者button,以往需要将其分成三部分背景图，两个下载按钮
需要将背景图放于一div中，按钮相对背景图做定位或者其它方式.
它的优点：按钮点击的动态效果可以自行添加，美观；
它的缺点：自适应适配难做，设备宽度有大有小，按钮的定位在某些程度上会存在偏差；  花费时间长；简单功能复杂化；
优化方案
使用map标签，area标签，img标签，Adobe...]]></description><category></category></item><item><title><![CDATA[react.js 教程之 create-react-app 命令行工具系统讲解]]></title><link>https://blog.youkuaiyun.com/Wcharles666/article/details/90482314</link><guid>https://blog.youkuaiyun.com/Wcharles666/article/details/90482314</guid><author>Wcharles666</author><pubDate>Thu, 23 May 2019 16:03:09 +0800</pubDate><description><![CDATA[大神对creat-react-app详细介绍
附上链接
https://www.cnblogs.com/ye-hcj/p/7191153.html

]]></description><category></category></item><item><title><![CDATA[moment 时间戳转为固定格式时间错误]]></title><link>https://blog.youkuaiyun.com/Wcharles666/article/details/90477708</link><guid>https://blog.youkuaiyun.com/Wcharles666/article/details/90477708</guid><author>Wcharles666</author><pubDate>Thu, 23 May 2019 11:47:01 +0800</pubDate><description><![CDATA[moment转为时间
正确的转换格式应如下：
moment(value).format('YYYY-MM-DD HH:mm:ss')

注意：可能导致错误的：
moment(value).format('YYYY-MM-DD hh:mm:ss');
moment(value).format('YYYY-MM-DD Hh:mm:ss');
moment(value).format('YYYY-MM-...]]></description><category></category></item></channel></rss>