Vison's Blog

--记录学习过程,激发学习欲望

WEB端获取IP地址

最近项目中后端需要前端Web项目提供用户的IP地址,用作日志存储,虽然觉得后端也应该在请求头里面拿得到,但还是被逼着试了一波。 主要是因为后端获取的request里面只能拿得到公网地址,想看看前端能不能通过其他方式获取到内网IP地址。想要在所有浏览器及环境获取IP地址, 只有一种方法,就是通过接口查询。网上找了很多免费的接口,也全部做了验证,如下所示: 腾讯的IP地址API接口地址:...

CSS Modules

讲一下写这篇文章的背景,之前工作一直在围绕ReactNative Android原生以及后台,对React Web端接触的较少。对React和Redux以及ES6语法倒是较 为熟悉,但是对React Web端开发还是有些盲区。加上最近刚入职新公司,接下来一段时间可能会重点放在React Web端开发,所以最近进行了一些扫盲,对 Web端开发进行了一些实验和思考,在这个过程中发现对CSS Mo...

React常用中间件


Chrome调试

调试界面各Tab页功能 箭头图标 用于在页面选择一个元素来审查和查看它的相关信息,当我们在Elements这个按钮页面下点击某个Dom元素时,箭头按钮会变成选择状态; 设备图标 点击它可以切换到不同的终端进行开发模式,移动端和pc端的一个切换,可以选择不同的移动终端设备,同时可以选择不同的尺寸比例, chrome浏览器的模拟移动设备和真实的设备相差不大,是非常好的选择; Eleme...

Git使用

Git工作原理 如下图所示, git的工作总共分四层,其中三层是在自己本地也就是前面说的git仓库,包括了工作目录,暂存区和本地仓库,工作目录就是我们执行命令git init时所在的地方,也就是我们执行一切文件操作的地方,暂存区和本地仓库都是在.git目录,因为它们只是用来存数据的。远程仓库在中心服务器,也就是我们做好工作之后推送到远程仓库,或者从远程仓库更新下来最新代码到我们的git仓库...

Jekyll + GitPages 搭建博客

之前一直没有好好整理写的一些笔记,只是存放在本地markdowm,查找和分享都不是很方便。前段时间工作不是很忙所以有空在本地搭建了Jekyll的环境, 然后推到github.io上去。这不得不夸一下github了,对jekyll的支持以及自动构建完全不用我们做多余的操作。最方便的一点就是写文章更加方便了, 只需要一个浏览器,把零碎时间利用起来。建议大家不妨试一下github.io + Jek...

常用开发工具

对工作中经常用到的开发辅助工具及安装注意事项进行纪录,以防以后换电脑的时候再次掉坑里; ColorPicker 很好用的一款取色软件,前端开发者必备; Postman、Soapui API接口调试工具,可以模拟Get、Post网络请求,开发利器; Sublime Text、MWeb Lite、Macdown 文本及Markdown编辑器; Charles 非常好用的抓包...

React 高阶组件

什么是高阶组件 A higher-order component is a function that takes a component and returns a new component. 上面的解释是React官网给出的,简单来说高阶组件就是一个方法,传入一个组件再返回一个组件。 在这个方法中可以对传入的组件进行包装、添加功能以达到代码复用、抽象逻辑的效果,这也就是高阶...

JavaScript优化

尽管JavaScript编译器以及引擎已经足够强大,性能依然需要关注; 优化脚本位置 JavaScript文件在Html中的加载和执行都会阻塞浏览器渲染页面,因为脚本的执行过程可能会改变页面内容,所以script标签的位置就尤为重要了。 现在许多新版本的浏览器都允许并行下载JavaScript文件,也就是说script标签之间的资源下载不会互相影响。但是JavaScript文件下载...

租金测算总结及分享

概述 在安硕融资租赁云平台项目中有幸接触到融资租赁的核心功能–租金测算。目前的租金测算功能除调息功能外已经包含租赁行业的租赁业务场景,基本场景有:A.等额租金、B.等额本金、C.不等期确定本金 、D.等期不等额租金/不等期确定租金。 现就目前的测算功能进行分析,包括租金测算的模型设计、实现方式、核心算法、适用场景、各模块关联、以及一些概念的理解等。 专业术语解释 为了更好的理解租金测算模块...