5月份开发问题整理

1、BUG-In android7 phone can not slide above

注:Android 7.0以上,iScroll滑动缓慢迟钝问题解决

What browser are you using?

There was a fix to iScroll‘s handling of passive events in Chrome 55, but a new bug appeared in Chrome 56 (confirmed in the iScroll demos).

EDIT: Scouring the GitHubs, rbmeyers (on the github team), has been posting everywhere with a simple CSS fix:

touch-action: none;

https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action

2、React 使用ES6+语法时 事件绑定疑惑

在props里使用 onClick={ this.handleClick.bind(this) } 或者 onClick={ (e) => this.handleClick(e) } 或者 onClick={ ::this.handleClick } 都会产生性能问题,所以现在eslint在语法检查时就会阻止这几种写法,问题原因是每一次render的时候如果遇到这些写法,都会重新用handleClick函数与this去绑定从而重新创建一个新的函数,影响性能。

如果使用下面的写法则不会每次都创建:

// 1.
constructor() {
    this.handleClick = this.handleClick.bind(this);
}
handleClick(e) { /* ... */ }
// 2.
handleClick = (e) => { /* ... */ };

3、webpack-dev-server + HostAdmin,导致invalid host header

访问webpack启动的server,直接使用localhost和127.0.0.1都可以正常访问,但是修改了host,使用hostname访问,就会显示invalid host header。

原来新版的webpack-dev-server修改了一些东西,默认检查hostname。如果hostname不是配置内的,将不可访问。应该是考虑一些安全的因素,才有这种配置。之前删除过一次node_modules,重新安装之后出现了这个问题。

修复方法

disableHostCheck:true

或者

public: ‘local.kingsum.biz

看文档应该是webpack-dev-server: v1.16.4这个版本合并进来的,所以升级到这个版本之后要注意这个问题

4、select2 初始化默认值

xxx.val(status).trigger(‘change‘)

https://github.com/select2/select2/issues/4659

me.$statusSelect.select2({
	data:  [{
      		id : ‘1‘,
      		text : ‘有效‘
      	},{
      		id : ‘0‘,
      		text : ‘无效‘
      	}
    ],
}).val(status).trigger(‘change‘);

5、如何移除 input type="number" 时浏览器自带的上下箭头?

https://segmentfault.com/q/1010000000687882

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="number"]{
  -moz-appearance: textfield;
}
时间: 2024-10-08 19:24:08

5月份开发问题整理的相关文章

6月份开发问题整理

1.静态资源服务器搭建 1 /*加载模块*/ 2 var express = require('express'); 3 var http = require('http'); 4 var path = require('path'); 5 /*创建服务*/ 6 var app = express(); 7 app.set('port', 80); 8 app.use(express.static(path.join(__dirname, 'public'))); 9 /*服务启动*/ 10 h

iOS开发资料整理

Please help me contribute to this list, for non-experience iOS developers or someone who need a come-in-handy library list to refer or to use in their projects. Fork, edit and send a PR are all things you can do! Table of Contents UI Component// UI组件

JAVA开发工具整理

JAVA开发工具整理 1-日志 2-JSON 3-XML 4-数据对象转换 4.1-spring beanUtils 4.2-JODD

iOS开发笔记 整理(全)

退回输入键盘 - (BOOL)textFieldShouldReturn:(id)textField{ [textField resignFirstResponder]; } CGRect CGRect frame = CGRectMake (origin.x,origin.y, size.width, size.height):矩形 NSStringFromCGRect(someCG) 把CGRect结构转变为格式化字符串: CGRectFromString(aString) 由字符串恢复出矩

app开发中整理需求的重要性

专业App开发公司经验之谈:app开发中需求整理是非常重要的一部分,而产品经理的角色就更为重要,要主导整个产品需求整理与整合.所以经验丰富的产品经理往往做这些事情时没有那么困难,但是如果是新手的话可能会犯以下的这些错误: 1.产品需求的真伪应如何鉴别? 往往开发一款产品会接到很多部门的需求,业务部门.老板.测试部门都可能会反馈到某某功能需求,而很多人的思维是怎么能完成这些需求,这里广州品向科技要提醒的是:如果有部门提出需求,那么还请站在产品的角度来看一下,这些需求是否都要满足! 2.表面需求已经

MySQL技术分类一:DB应用开发基础整理

MySQL技术分类整理一:DB应用开发基础1.库1).创建库syntax:CREATE {DATABASE | SCHEMA} [IF NOT EXISTS] db_name    [create_specification] ... create_specification:    [DEFAULT] CHARACTER SET [=] charset_name  | [DEFAULT] COLLATE [=] collation_name 注:如果不使用if not exists,则当数据库

[Android实例] 最全的Android开发资源整理--进阶必备

本帖最后由 一切随枫 于 2014-6-9 12:08 编辑 原文链接: http://stormzhang.github.io/android/2014/06/05/android-awesome-resources/(友情提醒:最近google的很多服务被屏蔽了,可能需要FQ,请自行准备FQ工具) 个人新浪微博:googdev 关注Android.互联网 Android网址或Blog Android官网 身为Android开发者不知道这个网站就太说不过去了,上面有你任何你需要的东西 Andr

开发工具整理

平时用的开发工具安装整理,方便查阅: 1.sublime:http://www.cnblogs.com/taoxiaodan/p/6182218.html 2.git node:http://www.cnblogs.com/taoxiaodan/p/6182477.html 3.vue:http://www.cnblogs.com/taoxiaodan/p/6182614.html 4.ruby koala:http://www.cnblogs.com/taoxiaodan/p/6182746.

移动端开发工具整理

1. App原型工具 原型以一种"粗糙"的方式展现产品的核心功能,是一种最简单和直白的需求表现形式.是以一种图形化的方式展现需求, 需求人员无论是从客户处获取需求,还是老板拍板需求,还是通过调研确定需求,都要确保你知道的需求是"正确"的需求,最快的方式,就是设计出原型,然后作为样本给客户或老板看,验证需求的正确性.制作原型是业务人员应该掌握的一项基本技能. 基于原型的特点,对于制作原型的原型工具就有一个最基本的要求:高效率 原型是需求分析阶段的一个产物,此阶段最主要