7 湖工电气

尚未进行身份认证

暂无相关简介

等级
TA的排名 2k+

Node.js excel转json

这个是8月初做的,之前公司项目需要国际化,在项目本地会有两份json数据,一个中文的一个英文的,但是公司产品经理提供的数据是excel格式,需要我们自己转一次。最初几次数据量不大,一次50条左右,我都是手动的添加了几次,后来发现不行,每次这么 搞容易出错且比较耗时,就写了这么一个工具,使用起来效率倍增,启动运行一下这个项目,然后粘贴复制即可。其实使用Node.js 把excel转成json很简单...

2019-09-10 08:08:07

react 国际化 react-intl-universal

7月底开始,公的要把之前的一个项目增加国际化的需求。现在基本做完了,在转测阶段,就把之前的东西记录一下。效果图react-intl-universal包由于项目是react的,所以使用的是react-intl-universal。其实这个npm包的使用还是很简单方便的。具体实现看过我之前的文章的同学,估计知道我之前的页面结构和代码。在国际化之前我适当的修改了一下。但是展示的结构不变。实...

2019-08-08 10:20:41

postMessage的使用,跨window交互

在这个月初的项目中,有这么一个需求,就是react页面和内嵌的iframe页面之间存在通信。期初这个需求还不知道怎么实现,后来经过百度,发现了postMessage,是可以实现的。现在做一个简单的小结:1.什么是postMessage,MDN-postMessage2.发送消息:const ruleIframe = document.getElementById('ruleIframe'...

2019-07-25 15:27:08

react 小结

其实有前面的9篇关于react 的文字,基本上就已经可以开发react项目了。关于项目的部署,这个和之前的vue基本一致,其实和vue也没啥关系,就是nginx的使用,如果是其他工具就是其他工具的使用。在近半年的开发中有如如下几点需要小结一下:react 中没有和vue中的各种指令,例如:列表循环vue: v-forreact: map()react 中没有全局的概念,vue中...

2019-06-23 09:13:19

react 兄弟组件之间的传值

其实兄弟组件之间的传值,我这里做的是通过父组件做的中转,《react父子组件之间的传值》,父子组件之间的传值可以看这个。效果图代码代码就不贴了,这里放出我的git地址。https://gitee.com/hgdq/myblog.git...

2019-05-27 16:08:38

react 父子组件之间的传值

最近在做公司的项目用到了组件之间的传值,父子组件之间,兄弟组件之间的。今天有空就总结了一下,先记录下父子组件之间的传值。效果图页面其实很见到,为了演示效果,没做修饰。也是效果图count是父组件的state的一个属性;加按钮是父组件中的一个按钮;间按钮是子组件的一个按钮;父组件往子组件传值父组件代码:import React from 'react';import { Link...

2019-05-19 12:55:58

react axios的使用 封装async/await

之前在vue中使用axios,《vue开发axios的封装async/await》。这里其实就是把之前vue中封装的axios移植过来的。基本没变。这里不再多说了。封装//网络请求可以使用async/await//引入axiosimportaxiosfrom'axios'//测试地址//axios.defaults.baseURL='';//...

2019-05-10 13:53:13

react Ant Design React的使用

在使用Ant Design的时候还没出对应的vue版本的,但是在写这个的时候早就出了vue版本的了,所有博客名字要加区分了。关于antd的使用先去看看在 create-react-app 中使用,如果有时间顺便把组件也都点进去看看。安装我使用的npmnpm install antd这个过程比较久,需要一点时间,如果出问题了就需要重来,需要一点耐心。代码中使用这个其实在上一篇《rea...

2019-04-22 16:22:28

react react-router-dom的使用

继续之前的react。最近把之前的几篇关于react的博客整理了一下,也整了一个小Demo。关于react-router-dom,大家可以先去看看它的github。这里不做介绍。只说说新建项目怎么使用。新建项目《create-react-app 快速构建react项目》。可以先去看看之前的文章。安装react-router-domnpm install --save react-rout...

2019-04-17 14:10:55

react 你是否真的需要redux

从2018年12月19后以后就没有写博客了,一来是天气冷不行动手,二来是最近虽说有事但是真不知道写什么;其实就是自己变懒了。从2018年12月之后来开始,做的项目开始使用react了,没再使用vue。项目的前期准备工作不是我搞的。关于项目结构的好坏我不做评价。但是我意见最大的就是项目中使用了redux。这个也是今天的主题,是否真的需要redux?为什么会有这个项目本来这项目是不存在的。那么为...

2019-04-01 19:51:30

(七)树莓派3B+ 花生壳内网穿透

上周都是把树莓派带到公司玩,这个确实不怎么好。就一直在想怎么可以访问放在宿舍的树莓派。网上有很多方法。我还是选择了花生壳做,这个简单。花生壳的购买购买地址:https://www.oray.com/activity/140902/?icn=oray_140902&ici=hsk_home-grid我购买的是个人体验版本:注册账号注册地址:https://conso...

2019-04-01 19:34:28

react项目配置less

安装 lessnpm install --save less less-loader配置 webpack.config.dev.js在目录:node_modules/react-scripy/config/webpack.config.dev.jsconst cssRegex = /.(css|less)$/;const getStyleLoaders = (cssOptions...

2018-12-19 10:14:57

react项目适配flexible

在开始之前我是参考这个做的:react项目的适配。我的在实际操作中会有点差异。安装flexiblenpmilib-flexible--save安装postcss-px2remnpmipostcss-px2rem--save配置webpack.config.dev.js在目录中找到:node_modules/react-scripy/config/webpack.c...

2018-11-21 14:23:21

create-react-app 快速构建react项目

安装create-react-appnpm install -g create-react-app新建项目reate-react-app my-app运行项目cd my-appnpm start效果浏览器打开:http://localhost:3000/看见如下效果表示运行成功,至此新建项目成功。...

2018-11-20 10:13:43

(十八)树莓派3B+ wiringPi库的使用--外部中断

搞过单片机的同学都知道,一般的单片机都有中断系统和外部中断。通过看树莓派的IC手册和WiringPi-Priority,InterruptsandThreads,可以发现树莓派也是具备的,且WiringPi还给我们通过了操作外部中断的函数。这里就介绍一下外部中断怎么使用。这个也是看WiringPi的文档和例子和自己多次试验测试之后发现的,官方文档和例子并不全面,这个不全面也导致我断断续续的搞...

2018-10-19 10:19:38

(十七)树莓派3B+ wiringPi库的使用--软件SPI驱动NOKIA5110液晶

在上一篇《 (十六)树莓派3B+ wiringPi库的使用–硬件SPI驱动NOKIA5110液晶》中介绍了使用树莓派的硬件SPI驱动NOKIA5110液晶屏幕。其实还可以软件驱动,这里我保存使用的引脚和程序功能和上一篇一致,就只需要修改两个函数。第一个数初始化管脚:// 初始化GPIO 端口void gpioInit(){ pinMode(LCD_DC,OUTPUT); pi...

2018-10-15 16:07:15

(十六)树莓派3B+ wiringPi库的使用--硬件SPI驱动NOKIA5110液晶

在这篇文章《stm8软件模拟IIC驱动PCF8563T,NOKIA5110液晶显示》中使用的是STM8的硬件SPI驱动的NOKIA5110液晶。现在手里有树莓派,刚好wiringPi库也有SPI接口,这次就使用硬件SPI驱动NOKIA5110液晶。NOKIA5110液晶介绍NOKIA5110液晶是拆机屏幕,84*48的分辨率,接口为串行SPI(SPI-百度百科)接口。关于这个的详细介绍可...

2018-10-11 09:44:10

(十五)树莓派3B+ wiringPi库的使用--超声波测距HC-SR04

之前八月节气回家找了一下之前大学自己买的各种电子模块,记得有超声波模块的,也找到了,是HC-SR04超声波模块。这个实验也是上个月就测试好了的。HC-SR04模块介绍这些模块介绍,我都是直接截图的说明书的。淘宝上买模块,很多店家都会附带资料下载地址的。HC-SR04模块原理图通过这个原理图,可以看出,其实模块内部也有一个STC11的单片机处理了的,这里也可以看出为什么上面的时序图那么...

2018-10-09 08:55:05

(十四)树莓派3B+ wiringPi库的使用--硬件IIC驱动MPU6050

使用之前在使用树莓派3B+和wiringPi之前希望你已经熟读了和他们相关的文档。http://wiringpi.com/reference/i2c-library/树莓派3B+的引脚图这张图可以清晰的查看每个引脚的功能。mpu6050模块电路图模块外观:模块的资料地址:http://pan.baidu.com/share/link?shareid=2384903480&am...

2018-09-20 16:33:09

(十三)树莓派3B+ wiringPi库的使用--软件PWM

在《(十一)树莓派3B+wiringPi库的使用–硬件PWM》介绍的是硬件PWM,其实wiringPi库还提供了软件PWM的方法。电路图还是和之前的一样,效果也差不多。代码#include<wiringPi.h>#include<softPwm.h>#definepwm_pin1//定义PWM引脚GPIO.1intmain...

2018-09-12 15:31:44

查看更多

勋章 我的勋章
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。