foreverpx-CSDN博客

原创安卓webview显示网页字体模糊的问题

问题先看下如下代码<div id='A'>绝对定位区域</div><div id='B'>内容正文区域</div>#A{ position: absolute; left: 0; right: 0; box-shadow: 0 0 6px 0 rgba(0,0,0,0.10);}上面的代码在PC和Mobil...

2018-08-10 17:08:10 4914

原创关于软件重构

实现的妥协记得刚开始工作那会，也正好是项目刚起步不久，我总是觉得公司原有的代码脏乱差，架构混乱，完全不符合我们在书上看到的标准。一直有把项目代码重构一番的念头。工作几年后开始逐渐明白了一个道理，写代码不是造艺术品。代码的本质是功能的实现，在bug可控，能满足用户需求的前提下，其实并不需要那么完美。打造完美的代码是需要成本的，在项目前期，人少活多，一个人顶三个人用，怎么也写不出花样来。这...

2018-08-10 13:08:11 1281

原创期望值管理

在你的团队中，有没有遇到过这样的情况？成员A觉得自己已经非常努力，也觉得自己工作的成效还不错，但是绩效评定的结果却让他不那么满意评职称或者职级的时候，成员B对评委给出的评定意见不那么认同，觉得评委低估了自己，没有正确的评估自己的能力上面两种情况的频繁发生，A和B就总会认为自己的待遇是不公平的，从而在内心产生挫败感、积怨等一系列负面情绪，进而演化成消极怠工、离职等等，将会对团队成员的稳...

2018-08-05 11:53:07 2402

原创遨游GMTC大前端大会

主题信用卡研发体系建设与工程化演进在众多工程化分享中，我觉得来自51信用卡的前端架构组负责人的分享比较清晰、实用和可操作。他讲了他到51信用卡后，建立了一套从开发到发布的整个工程化体系方案。从开发阶段eslint代码规范审查，到代码提交到gitlab仓库后自动触发Jenkins构建前端项目，到上线前使用自动化脚本对production环境配置进行比对检查，最后通过脚本部署代码到服务器。...

2018-07-04 09:46:32 531

翻译 Mutation Observers

在过去， Mutation Events API 能让开发者更容易的去检测DOM元素是否有改变，可以根据DOM的增删改所触发的事件来做一些业务逻辑的处理（DOMNodeRemoved, DOMAttrModified）但是这个特性并没有被开发者在普通的web场景下广泛的使用，而是被广泛使用在了Chrome插件的开发上面。虽然 Mutation Events API 非常有用，但是它很多时候...

2018-05-08 21:32:16 457

原创 Nodejs检测端口占用问题

问题：在Windows机器上装了我们的PC端（Electron）应用（TcpServer默认监听20000端口），随后启动应用，发现安卓端登录学生账号后发现无法正常连接pc端（Tcp通信）。系统环境：Win7 64位原因：对nodejs中net.createServer的listen方法认知不全面，导致20000端口被其他应用程序占用，但同时PC端的端口检查更换机制既没有生效，...

2018-05-08 20:54:20 5752

原创 webpack-dev-server 2.8.1 无法在IE10正常工作

将webpack-dev-server的版本由2.7.1升级到2.8.1后，在IE10无法正常使用了。查看console发现webpack打包后的脚本报错，具体如下/* WEBPACK VAR INJECTION */(function(__resourceQuery) {/* global __resourceQuery WorkerGlobalScope self *//* eslint pr

2017-10-26 16:52:31 3648

原创 React 之 setState

用途React里面的setState应该是最常用的api了。在React中，视图组件都是基于数据的变化而更新的。那么改变数据就离不开setState。下面看下基本的用法//...constructor(){ super(); this.state = { index: 0 };}handleClick(){ this.setState({

2017-08-07 13:17:43 1522

原创 Nodejs 异步回调之异常

目前我们项目的Nodejs异常是通过express next 到 errorhandler 中间件去处理的，原本以为此方法可以捕获到所有的异常，但事实发现并非如此。下面以一个异常举例子：req.get('',function(req, res, next){ var a = undefined.b; // 产生了一个exception})req.use(function(){req,

2017-07-04 14:56:44 1912

原创 Echart在使用webpack打包之后，IE10+中无法渲染的问题

今天在IE11上开发时，发现Echart在IE11上无法渲染出来，控制台报错 SCRIPT65535: Invalid calling object错误指向的是Echart依赖的Zrender模块的requestAnimationFrame模块，指示requestAnimationFrame方法调用失败查阅MSDN关于IE兼容差异的文档，发现有一篇叫做函数指针方法调用的文章文章大意如下：早期版

2017-03-04 11:42:49 3950

原创 zepto跨域ajax无法带cookie的问题

在A域的代码中，用zepto的ajax方法去向B域请求数据。同时，我们希望把B域的cookie也随请求带过去，代码如下$.ajax({ url: 'B', type: 'GET', xhrFields: { withCredentials: true }});withCredentials这个参数是为了让XMLHttpRequest发起跨域请求的时候

2017-02-27 17:32:58 3649

原创安卓微信浏览器中location.href失效的问题

在移动web中，经常会使用window.location.href去跳转页面，这个方法在绝大多数浏览器中都不会存在问题，但是在安卓手机的微信自带浏览器中，会出现一个奇怪的bug。window.location.href = baseUrl + 'article/comment';上面的代码是通过href属性赋值去跳转到文章的评论页面，这段代码在安卓手机的微信自带浏览器中会偶发性的失效，调用上

2016-10-31 14:58:11 8605

原创 localStorage在无痕模式下被禁用的问题

在移动web开发中，经常会使用到localStorage去缓存一些数据，一般情况下，我们只需要按照下面的代码去使用就不会有问题。if(window.localStorage){ localStorage.setItem('key','value');}但只是这样判断是不够的，现在的一些浏览器有一种功能叫无痕浏览，顾名思义，就是用户在浏览网页的过程中什么都不缓存，什么也不记录，不留下

2016-10-31 14:55:47 12153

原创让浏览器记住ajax请求并能前进和后退方法（一）

在我们浏览不同网页的时候，我们可以通过浏览器的前进、后退键来去到我们前后访问过的页面。这都有一个共同点，就是浏览器地址栏的地址改变了。浏览器自身维护了一个记录用户访问页面历史的栈，栈中记录了用户访问不同页面的先后顺序。但是在开发中，我们经常会用到ajax技术去提升网页的用户体验。但是ajax本身并不改变浏览器地址栏中的url，是在同一个网页内部操作的，这时，浏览器并不会记录ajax请求的

2016-10-31 14:54:23 4623

原创 localstorage使用不严谨之坑

今天上线新版本后，发现极个别“老”用户在微信浏览器中无法打开我们网站的首页。在经过一番线上文件代理替换后，终于发现了问题所在。问题代码段：if(localstorage.getItem("things")){ var things = localstorage.getItem("things"); use(things); //缓存用一次就删除 localstorag

2016-10-31 14:53:10 11291

原创 git关联本地与远程分支git关联本地与远程分支

当我们在本地新建一个叫devtest的分支的时候，我们希望他与git远程上的某个分支进行关联。假设远程上的那个分支也叫devtest，如果我们直接去pull代码，会报下面的错上午10:54:33 Branch devtest was created (show balloon)上午10:54:36 Can't update: no tracked branch No trac

2016-10-31 14:48:34 19242

原创 HTML5 input file 打开很慢的问题

开发中遇到了这样一个问题我们在代码中使用了HTML5的input[file]标签去上传图片<input type="file" name="file" class="element" accept="image/*">同时，在上面代码中，使用了 accept=”image/*” 去过滤所有非图片的文件。但是，在最新版本的chrome（52.0.2743.116 (64-bit)）中，出现了一个很奇特

2016-10-31 14:45:39 11817

原创移动web开发之——viewport

在绝大多数移动端的web页面中，head标签里面都会有这样一行代码<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=0" />然而PC端的页面中却不怎么出现。那么这个viewport的作用是什么呢？viewport根据字面翻译，为视窗，窗口。viewpor

2016-07-28 18:20:56 576

原创 IE8下元素背景为透明时，hover事件失效的bug

在IE8下，当一个div设置了背景为透明或者不设置任何背景时，在该div上注册的hover事件是不会触发的。<div class='outer'> <div class='inner'> 此处有文字 </div></div>.outer{ width:100px; height:100px;}.outer:hover{ color:#000

2015-11-25 12:46:39 2518

原创移动web开发之——viewport

在绝大多数移动端的web页面中，head标签里面都会有这样一行代码<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=0" />然而PC端的页面中却不怎么出现。那么这个viewport的作用是什么呢？viewport根据字面翻译，为视窗，窗口。viewpor

2015-11-25 12:29:21 750

原创 React，用组件化思想写前端代码

前阵子尝试用React开发了一个项目的前端，写起来还算是流畅。将页面中各模块进行分割并形成组件之后，管理起来更加的方便，代码的可读性也相对于传统的面条式编程有很大的提高。React相对于Angular来说，我个人认为是更加轻量化的，它更注重于MVC中的V。举个例子，开发中常常会用到button这个元素，我们会给button加上样式、行为等等。一个项目中button可能是被经常重复使用的，他的样式也可

2015-09-02 17:16:36 3706

原创用Node写的一个控制台看股票的小程序

抽空写了个用控制台看股票的小程序，可以在IDE中的terminal中看股票 0.0github 地址： github-terminal-stocks效果图： API：新浪股票API文章作者：forevercjl 文章原文csdn链接：www.foreverpx.cn 转载请注明出处。

2015-08-20 17:22:11 1952

原创 Select2插件 IE下 autofocus bug的解决方法

描述：Select2插件在IE中，当页面加载完毕后会自动的focus，弹出本来应该点击input才会有个提示语。原因：在select2的源码中第1849行左右，有一段监听input事件的代码，如下：this.$selection.on('keyup.search input', '.select2-search--inline',function (evt) { self.handleS

2015-08-11 09:36:39 3824

原创 Fastclick 导致click事件触发两次的问题

我在移动web上使用Fastclick这个库去解决300ms延迟问题，但是在安卓4.2下的webview中引发了另一个比较奇怪的bug。在A页面中有个 a button，在B页面中有个 b button，a和b都在同一个position，给a和b都注册一个click事件。a的click事件触发后跳转到B页面。当a被点击后调到B页面，你会发现b按钮的click事件也被触发了。没错，事件‘穿透’了两个页

2015-07-02 19:27:53 12384

原创解决Mac java.net Local host name unknown error的方法

现象在Mac上启动tomcat时，报了如下错误：Error: Exception thrown by the agent : java.net.MalformedURLException: Local host name unknown: java.net.UnknownHostException: XXXX: XXXX: nodename nor servname provided, or not

2015-05-22 20:04:57 10242

原创 Nodejs mkdirP 模块导致CPU占用高的问题

Nodejs mkdirP 模块导致CPU占用高的问题近期将nodejs项目部署到服务器上并启动时，发现node进程的cpu占用率在40%左右，当时表示非常不解，刚启动的服务并没有运行什么需要大量消耗cpu的逻辑，且此时还未有请求发送到服务器端。鉴于这种情况，只能猜测是某段程序在初始化一些东西的时候异常，所以才导致了这种情况。经过对代码的排查后，最终锁定出为题的代码块如下：router.use(mu

2015-05-21 19:51:09 2958

原创 CSS3 display:box 用法

CSS3 display:box 用法css3 给display属性带来了box这个值，这个新值给开发带来了极大的方便。其中的一个场景如下：<div id='outer'> <div id='a1'></div> <div id='a2'></div> <div id='a3'></div></div>假如我们想要使得内部的123元素水平以不同的比例分割outer所占的空间

2015-05-12 20:19:44 2412

原创 Java Spring删除cookie

web开发中，在controller上需要将浏览器的某个cookie删除，我们会期望response参数里面会有个removeCookie方法，但悲剧的是没有。response里面只有addCookie方法。

2015-03-05 09:13:08 8932

原创 IntellijIDEA使用GIT Push的问题

IntellijIDEA使用GIT Push的问题前不久从Eclipse转到了Intellij，发现Intellij真是一个非常强大的IDE，基于jetbrains，另一个类似的是webstorm，一个前端开发的利器。今天在IDEA中使用git时，git commit没问题，但是git push处于一直执行的状态，IDEA下方的进度条也是一直在跑，过了很久也没提交成功，无奈之下只

2015-01-14 17:32:57 13561

原创 Highcharts使用phantomjs导出图片

Highcharts使用phantomjs导出图片Highcharts使用phantomjs导出图片描述在用Highcharts这个强大的图标组件时，你一定在某些时刻想把画出来的图标导出为一个图片并下载到本地。Highcharts本身提供了导出功能，只需要导入exporting.js文件，就可以在图表右上角找到导出按钮了。这已经基本满足的大多数情况我们的需求。但是这原

2014-12-26 19:59:04 5183

原创 Linux中npm出现npmlog找不到的解决方法

Linux中npm出现npmlog找不到的解决方法描述今天在对nodejs项目进行服务器迁移的时，在新的linux服务器上输入 npm -v 命令后报 “cannot find module ‘npmlog’….”的错误。找到的原因是拷贝过去的bin目录下的npm文件并没有链接到module目录下的npm-cli.js文件，所以导致在执行 npm -v 命令时，路径问题导致n

2014-11-29 11:36:56 5892

原创 Express文件上传之Multer

Express文件上传之MulterMulter是一个nodejs中间件，用来处理http提交multipart/form-data，也就是文件上传。它是在busboy的基础上开发的。在我看来，Multer是众多上传中间件里面使用起来最优雅的，且能满足大部分的上传要求。API也相对来说较为直观和简单。安装1npm install m

2014-11-27 19:42:50 6855 1

原创 Uploadify404无效链接

Uploadify404无效链接在使用Jquery Uploadify插件的時候，会发现在请求中有个返回值为404的请求。假如现在的location为www.aa.com/bugs/more.html,在这个页面中进行了Uploadify初始化，这个时候可以在浏览器的调试工具中看到一个404的多余请求。这个请求的地址一般为www.aa.com/bugs/，截取了最后一个“/”后

2014-11-04 19:33:33 1352

原创 Mongodb之安装配置

Mongodb之安装配置安装Mongodb的下载地址为Mongodb官网。下载时，你可以选择是安装包或者是压缩包。下载完成后，双击安装包并安装。安装完成后，你可以在安装目录看到下图中所见的目录配置环境变量目录中exe可以理解为mongodb提供给开发者的工具集，为了更方便的使用这些工具，我们将这个目录加入到环境变量中，这样我们就可以在全局

2014-10-15 15:34:36 1248

原创柯里化函数之Javascript

柯里化函数之Javascript定义根据定义来说，柯里化就是将一个接收“多个”参数的函数拆分成一个或者许多个接收“单一”参数的函数。定义看起来是比较抽象的，下面来举个例子：代码12345function concat(str1,str2){ return str1 + str2;}concat("forever","px") // "fo

2014-09-30 09:48:17 3385

原创初识 ServiceWorker

初识ServiceWorker初识ServiceWorker在8月份的时候，W3C更新了一个叫Service Workers的API。了解过HTML5中的Web Worker的人可能会对这个API会更容易理解一些，不然的话会将这两个API搞混。其实，Service Worker是基于Web Worker的事件驱动的，他们执行的机制都是新开一个线程去处理一

2014-09-29 08:59:04 3472 1

原创 Hexo免输入密码部署到github

[Hexo免输入密码部署到github]在使用(hexo d)命令部署hexo到github时，每次都要输入用户名和密码，这会使得你预览你博客的修改显得更加繁琐。下面的方法将使你摆脱这种痛苦。首先，在系统环境变量中设置一个环境变量```bashHOME%USERPROFILE%```如下图：![system](http://ww3.sinai

2014-09-25 20:14:46 4971

原创 Grunt入门教程之（三）

Grunt入门教程之三Yuidoc插件Yuidoc 是一个可以将代码注释生成HTML格式文档的工具，文档的生成完全基于JavaDoc风格的代码注释规则。我们在写公共模块或者API的时候，往往会输出文档给调用者查看，这时候Yuidoc就是一个很好的助手。下面介绍一下如何在Grunt中使用Yuidoc。1234567891011121314151

2014-09-24 18:29:51 1549

原创 HEXO 指定404页面

HEXO 指定404页面由于Hexo托管于github，所以加404页面非常容易，只需要在xxx.github.io下面新建一个404页面即可。代码如下：12345678910html lang="en">head> meta charset="UTF-8"> title>404title>head>body> 自定义body>html>

2014-09-24 18:27:17 7769 2

原创 Grunt入门教程之二 —— concat插件

Grunt入门教程之二 Concat插件 concat是grunt中用来做文件连接的常用插件，比如说你写了一个类库，有三大模块，如： one.js two.js three.js 当你的项目准备发布的时候，你可能需要将这三个模块合并成一个大的模块all.js，这样做可以减少H

2014-09-18 21:18:30 3931

空空如也

欢迎大家关注SugarTurboS社区！