最近的文章列表

echart图表工作笔记

兼容性的问题

IE11下echart图表出现凹进去的边框,解决办法,隐藏object。即:

.resize-sensor{
   display:none!important;
}

提示信息格式化


tooltip: {
    trigger: 'item',
    formatter: "{a} <br/>{b} : {c}", // 或者下边
    formatter: function(params){
        return params.name=="no"?"":(params.seriesName+" <br/>"+params.name+" : "+params.value);
    }
}

...

2016/11/23 Comments:
使用htaccess配置解决 react-router中history配置createBrowserHistory浏览器刷新页面404的问题

项目使用react-router,做成single page application,入口地址/home/hard/Project/game/web-client/build/html/index.html,通过域名domain.com就能访问到这个入口。

问题是,使用了路由之后,假如uri为domain.com/games.html,通过可以通过浏览器api跳转页面,可一旦刷新页面,就会报404。

 

我希望的是路由到某个uri之后,即使刷新页面,或直接在浏览器中输入这个uri,一样可以直接路由到games.html的页面。

解决

在论坛上提了问,几天了没人响应,也查不到相关的资料,所以说其实查不到的,也问不明白,还得靠自己探索。

2016/10/12 Comments:
依靠nginx配置解决 react-router浏览器刷新页面404的问题

项目使用react-router,做成single page application,入口地址/home/hard/Project/game/web-client/build/html/index.html,通过域名domain.com就能访问到这个入口。

问题是,使用了路由之后,假如uri为domain.com/games.html,通过可以通过浏览器api跳转页面,可一旦刷新页面,就会报404。

 

我希望的是路由到某个uri之后,即使刷新页面,或直接在浏览器中输入这个uri,一样可以直接路由到games.html的页面。

解决

在论坛上提了问,几天了没人响应,也查不到相关的资料,所以说其实查不到的,也问不明白,还得靠自己探索。

2016/10/12 Comments:
如何无密码删除360安全卫士企业版

在360安全卫士安装文件夹中,查找含有ent的文件,将他们删除。删除的时候可以使用文件粉碎机、unlocker等等。删完后,就可以正常卸载了。

不行的话,还可以用系统光盘或者U盘,进入他们的PE系统,在PE系统中可以直接删除整个360safe文件夹。

原理应该很简单,就是企业版有验证文件。将这些文件删除就不需要密码验证了。ent就是enterprise(企业)的简称,所以删除ent文件就可以了。至于具体是哪一个文件,大家不需要知道。直接将所有的企业版文件删除拉倒。

删除的文件如下:

2016/9/8 Comments:
【收集】sublime Text 3实用功能和常用快捷键

下面是针对windows平台的介绍。

1. 可以直接打开图片

版本3有个很好的特性(对于前端来说):可以直接在ST3中打开图片。

2. Goto Anything功能 — 快速查找(ctrl + P)

  • 输入@+函数名可以快速找到函数。
  • 输入#+文本可以快速进行文件内文本匹配。

3. 多行游标功能(ctrl + D,非常实用)

如何将文件中的某个单词更改为另一个?
方法一:利用查找替换功能:ctrl + H
方法二(推荐):多行游标功能,选中一个后,按ctrl+D可以同时选中另一个,同时多了另一个光标

2016/8/26 Comments:
【分享】美团酒店Node全栈开发实践

前后端分离的背景

“前后端分离”显然已不是什么新鲜的话题,Zakas在2013年10月份就曾发表过一篇博客《Node.js and the new web front-end》讨论Node背景下新时代的前端。毫无疑问,Node的出现给JavaScript语言带来了新的生机,也使得前端开发者有了更多的可能性。

前后端分离表面上看似乎是一场“圈地运动”,但实质上前后端分离是为了解决以往开发模式的一些诟病和痛点,同时也是迎合大的行业趋势的明智之举。我所在的美团酒店事业部去年7月份成立,新的业务、新的开发团队,这一切使得我们的前后端分离推进的很彻底。截至目前,前端承载的所有业务和线上服务都是基于Node,生产环境已经有近20台服务器。如此带来的全新前后端协作方式能够让专业的人做专业的事,无论前端后端都能较之前更专注在自己擅长的方面。

2016/8/22 Comments:
js 获取元素绑定事件的列表 chrome getEventListeners、 Events-EventListenerList 、$._data(a[0], 'events').click[0].handler

技术上有什么办法获得指定 HTMLElement 上有绑定那些 #JavaScript 函数事件,及其处理函数么?

比如我有一个按钮,想知道他绑定了那些事件? click 事件的处理函数是什么?

elem.onclick 这种只能绑定唯一的一个事件处理函数,可以直接取到。

...
2016/5/26 Comments:
解决Web移动端Fixed布局的方案(防止页面露底、overflow-scrolling、iOS下的 Fixed + Input BUG现象、isScroll.js)

一些细节处理

在细节处理上,其实还有很多要注意的,挑几个实际遇到比较大的问题来说一下:

  1. 有时候输入框 focus 以后,会出现软键盘遮挡输入框的情况,这时候可以尝试 input 元素的 scrollIntoView 进行修复。
  2. 在 iOS 下使用第三方输入法时,输入法在唤起经常会盖住输入框,只有在输入了一条文字后,输入框才会浮出。目前也不知道有什么好的办法能让唤起输入框时正确显示。这暂时算是 iOS 下的一个坑吧。
  3. ...
2016/5/24 Comments:
解决&#65279导致页面顶部空白一行方法 UTF-8 + BOM

模板文件生成html文件之后会在body开头处加入一个可见的控制符,导致页面头部会出现一个空白行。原因是页面的编码是UTF-8 + BOM。

这种编码方式一般会在windows操作系统中出现,比如WINDOWS自带的记事本等软件,在保存一个以UTF-8编码的文件时,会在文件开始的地方插入三个不可见的字符(0xEF 0xBB 0xBF,即BOM)。它是一串隐藏的字符,用于让记事本等编辑器识别这个文件是否以UTF-8编码。

对于一般的文件,这样并不会产生什么麻烦。但对于 PHP来说,BOM是个大麻烦。因为PHP并不会忽略BOM,所以在读取、包含或者引用这些文件时,会把BOM作为该文件开头正文的一部分。根据嵌入式语言的特点,这串字符将被直接执行(显示)出来。由此造成即使页面的 top padding 设置为0,也无法让整个网页紧贴浏览器顶部,因为在html一开头有这3个隐藏字符!

...
2016/4/29 Comments:
3种查看Chrome扩展程序源码的方法(Chrome扩展程序二次开发)

以下三个比较简单的方法,可以让你了解一个非常精彩的Chrome扩展程序的源代码

一 使用7zip解压crx文件,在Mac下面可以使用Ez7z。

二 安装查看源代码的扩展程序

下载地址:https://chrome.google.com/webstore/detail/bbamfloeabgknfklmgbpjcgofcokhpia

...
2016/4/18 Comments: