Hank23333-优快云博客

原创修改markdown里面的class标签

最近需要进行对我们的前端页面进行右侧引导页面的设计。调到定点位置首先思考的就是 localURL + # + 位置的id标签但是由于文档是有md文件转HTML的，所以id和class是很乱的。如果修改转制后HTML文件里面的属性。直接上代码

2017-12-10 18:51:01 2405

原创腾讯云MTA来进行埋点，进行数据分析

公司要求对点击事件进行统计，方便产品进行了解。要求时间短，所以直接使用来腾讯的MTA来进行埋点统计。一开始直接导入mta js sdk即可，在script里面直接引入通过QQ生产的脚本如果需要对ClicK事件进行统计现在后台添加事件，然后在对应的button哪里添加click事件。onclick="MtaH5.clickStat('login')"...

2017-11-27 00:43:56 4362

原创如何针对浏览器自动保存账号密码，让text自动清空

在做需求的时候，发现自己没有保存密码但是最后退出登录的时候密码仍然都存着了。打一个LOG发现账号和密码都是自动被填充的，是Google的自动填充密码给完成的。那么如何解决这个问题呢？密码位吧input的type改为text，然后针对onfocus里的type设置为password。

2017-11-04 15:33:15 1119

原创 React setState(多次调用setState真的会影响性能吗？)

看了网上很多帖子很多都说setState慎用，因为可能导致页面性能变差。报着怀疑的态度发现并不如此。代码和运行结果直接看效果（后面再从源码角度进行分析）涉及到React的事件系统。现象分析1. yes代表渲染成功，可以看到总共渲染了两次。那么setState可不止2次。那么什么导致渲染次数的。（首先一个事件发生到结束的过程（比如Click，setTimeout），每次调用se

2017-07-16 17:33:27 13240

以前写C++，swift，OC这类语言时，断点直接在编译器上加，开发前端之后。sublime上没有直接打断点的；然后又有别人封装好的一个打log的库，所以我也一直没考虑前端打断点。直到一次和深圳进行沟通一个问题的时候，他们需要定点问题。抱怨我定位问题速度太慢（其实打个log之后，虽然自动打包，可是也需要打包的时间）。那前端如何打log呢。最后是在Google的自动工具上知道了如何进行设置端点调试。

2017-07-08 16:54:07 22899

原创 Google优化工具Timeline的使用（Chrome 57已经改为performance（性能模板））

前期学习知识搭一下页面但是现在越来越注重网页性能的优化。都推荐TimeLine所以开始使用performance进行性能的调试

2017-07-07 10:53:53 12761

原创 json_encode中文Unicode转码问题

1.业务集成错误的一个bug，json_encode中文Unicode转码问题发生的现象:上传到服务器上的中文转移utf8格式，当然英文还是没有变化的，和后台沟通，提示数据库编码不是采用Unicode的。这样会导致，下次从数据库导出这些数据大多都会是乱码。原因：用json_encode处理中中文都会被编码成为不可读的，编程utf8的格式，还会在一定程度上增加传输

2017-07-05 19:04:16 808

原创简单的Flux框架

使用React框架一段时间后，项目组提出使用Redux取代React。了解了一下Redux的构建结构是按照Flux架构方案来的，所以了解了一下Flux. 发现这种思想确实很适合当前的业务。讲一下React的优点

2017-06-07 19:10:41 942

原创 Less Sass 原理和使用方式

Less.js的主要作用就是在CSS的基础上增加变量，Mixin(混入）运算以及函数功能等功能。方便CSS的维护，成本和编写成本Less 包含一套自定义的语法及一个解析器，用户根据这些语法定义自己的样式规则，这些规则最终会通过解析器，编译生成对应的 CSS 文件。为 CSS 加入程序式语言的特性

2017-05-31 07:54:14 3248

原创 CommonJS，AMD，CMD，ES6模块规范

模块规范主要进行模块加载。微信项目中我使用的是ES6规范（很好用加载模块（一个单独的文件也算是一个模块，一个模块就是和一个单独作用域，可以是说都是private））提到ES6规范，前不久使用CommonJS模块规范由此做一个对比。然后在谈论AMD，CMD的优点。1.ES6Module和CommonJSES6Module通过import 命令来加载

2017-05-29 18:05:11 3468

原创 JaveScript SetInterval 与setTimeout使用方法详解

setTimeout和setInterval的语法相同。它们都有两个参数，一个是要执行的代码函数块，或者字符串，还有一个参数是以毫秒为单位的时间间隔，当过了时间之后就执行那一段代码。区别setInterval在执行完一次代码后，过了设置的固定时间段，它还会自动重复执行代码setTimeout只执行一次停止定时：window.clearTimeout(对象）清除已设置的setTi

2017-05-27 19:28:48 419

原创 JS严格模式

JavaScript弱类型语言。再次之前我都是使用强类型的C++语言。很多人说弱类型语言能够让程序员更加自由。在使用过程中很多类型能够自动进行判断，确实在代码实现上自由了不少，可同时也带来了不少的安全隐患，导致出错。这些隐患也导致程序员不那么自由了。 JavaScript在ES5之后推出了严格模式。做一下总结。脚本采用严格模式很简单在所有语句之前放一个特定语句“use st

2017-05-27 10:54:08 522

原创 IE,谷歌浏览器的兼容性问题总结

var oldtime = (new Date(this.props.data.create_time)).getTime()/1000;var nowtime = Date.parse(new Date())/1000;这个时间转化在谷歌，火狐浏览器中能正确的获取到正确的数据。但是在IE浏览器却出现了问题。打出的时间却是NAN。NaN类型指的是一种特殊的number(但是N

2017-05-21 15:09:16 11520

原创 Unity 预设体克隆方式

prefabs(预设体)可以被克隆重复使用的游戏对象预设体可以在多个场景重复利用，也可以在一个场景多次使用。每一个预设体，都是实例化一个Prefabs.实例化的克隆体,都有标记一个(Clone)。原型的Prefabs发生改变，所有的Prefabs实例会发生变化。创建并填充一个预设Create->Prefabs为灰色利用脚本可以用Instantiate函数，使

2017-05-06 21:05:26 6097

原创 Unity3D 外设控制游戏 Input函数

Input.GetTouch(i) //判断有几个手指进行屏幕的点击。touch = Input.GetTouch(i); //有几个手指在进行移动if(touch.phase == TouchPhase.Began){ //鼠标点击if(touch.phase == TouchPhase.Moved){ //鼠标移动if(touch.phase == Tou

2017-04-29 16:37:17 912

原创 React 的数据流动（反向由子组件向父组件传递数据）

在Rect中，数据都大体上都是单向数据流动的，由父节点传到子节点，子组件都是通过Props从父组件那里获取数据，这样的话，如果很多子组件用了数据只需要改变父组件的数据子组件的数据都会发生改变react就会递归重新渲染整个组建。这样子组件就简单而且易于把握了。大部分数据都是父传子，就不详写了。但是偶尔向日期组件，input，select组件，等等子组件，父组件都是需要通过子组件传来的数据进

2017-03-14 20:01:00 7988

原创 React总结简讲Diff算法

React 的优点我主要体会在更新Dom和响应时间上。类似一个“状态机“，UI组件化，单项数据流（方便打理，自上而下的渲染方式）React 的diff算法，利用虚拟Dom实现了非常好的渲染系统。利用setstate等一些渲染函数。读入当前状态，将其转化目标页面的一个虚拟表现。然后利用diff算法计算虚拟页面和真实Dom的差异，然后对这些差异进行最少的更新。React的主要的优势就是在最小重绘了Dom操作，避免不必要的更新。

2017-02-24 20:31:54 1217

Hank的博客