official_dulin

Results 152 issues of official_dulin

迅雷个人中心: http://dynamic.i.xunlei.com/user ![fireshot capture 8 - - http___dynamic i xunlei com_user](https://user-images.githubusercontent.com/17866683/34076912-fa187de2-e32e-11e7-909b-83a645e6d0bf.png) ![image](https://user-images.githubusercontent.com/17866683/34076946-03838132-e330-11e7-893f-af357994b0cf.png) 迅雷个人中心的页面年代很久远了,也很长时间没有维护,估计下线是早晚的事,迅雷的帐号等级机制未来也可能会改。互联网整治,整的迅雷日子不好过,既然有关部门想整,那就整彻底,或许能整出第二个快播。最近小米和迅雷搭上了关系,不知道未来迅雷能否改变用户对它的看法。明年过完年,快播王欣就出狱了,有点小期待他能再次干出一番事业。虽然没有用过快播,但是对当年庭审快播时的一问一答拍案叫绝。

软件工具

* 使用`Web API` - `GeoLocation` 的`navigator.geolocation` 但是问题很明显,在移动端(下图IOS为例)的`webview`中,这个`API`会有个默认的弹框行为,暴露了域名。 ![qq20170711-140639](https://user-images.githubusercontent.com/17866683/28053324-6471add6-6642-11e7-86dc-8f4d62a0f508.png) * 使用`cordova` * 如果`native`客户端实现了自己的`scheme`协议,可以使用客户端提供的`scheme` * 提供API接口,根据客户端IP定位

Web Development

## 问题: iconfont只有如下四个文件,没有相应的`demo.html`罗列出所有iconfont的有哪些图标,相应的unicode编码,以及`CSS`的`class`名称。我该怎么查看? ![image](https://user-images.githubusercontent.com/17866683/33918947-101de4d8-dff1-11e7-8f74-b0e4666d17fb.png) ## 解决方案: ### 一、Mac OSX平台下,使用系统自带应用——Font Book.app(字体册) ![image](https://user-images.githubusercontent.com/17866683/33919116-e4015302-dff1-11e7-9703-b62421959165.png) 首先,找到`.ttf`字体文件, ![image](https://user-images.githubusercontent.com/17866683/33919167-1f2e7234-dff2-11e7-9c84-f55d569e31ed.png) 双击安装,就可以看到该iconfont中有哪些图标了 ![image](https://user-images.githubusercontent.com/17866683/33919188-3b89bbfa-dff2-11e7-80bb-7d16216091b6.png) **切换到网格布局**,然后鼠标悬浮到相应的图标上即可看到unicode编码,例如:`U+E90D`,那么该图标的`unicode`编码就是`E90D` ![image](https://user-images.githubusercontent.com/17866683/33919234-816bbd9e-dff2-11e7-9def-b7ff75ae5c26.png) ### 二、使用在线服务[icomoon](https://icomoon.io/app/#/select) ![image](https://user-images.githubusercontent.com/17866683/33919486-e51aeb84-dff3-11e7-9469-8f2ba10b3489.png) ### 三、让你公司设计师给iconfont的同时,把包含图标,unicode编码,`CSS` `class`名称的预览`demo.html`一并给出,使用版本控制及时更新同步给所有开发团队 1. 可以使用`ionic`官方图标提供的`python`脚本,根据`src`文件夹中`svg`图标生成`iconfont`, `CSS`等,地址:https://github.com/ionic-team/ionicons#build-instructions ![image](https://user-images.githubusercontent.com/17866683/34031662-5a99b574-e1ad-11e7-8db6-5b28f83822e7.png) 2. http://iconfont.cn, 上面有详细教程

Web Development

最近查看`nginx`访问日志时,发现几个页面出现`undefined`请求。 查看代码,发现问题,原因是点击如下图中的`ul`的`padding`空白区域导致: ![](https://ws2.sinaimg.cn/large/006tNc79gy1fm04ynmf15j30at0ixmy6.jpg) 模拟代码: ```html ``` ```js window.onload = function () { const doc = document; const dom = {}; dom.list = doc.querySelector('.list'); dom.list.addEventListener('click', function (e) { const target =...

JavaScript
Web Development
nginx

今天在移动端搜狗浏览器访问测试环境项目时,出现公司统一的错误页面,而其他浏览器都是正常访问。 原因:nginx配置通过user-agent去区分是爬虫还是用户访问,用来定向到SEO静态模板还是用户端项目在服务器上的静态资源。 正则如下图,可见到里面有`Sogou` ![image](https://user-images.githubusercontent.com/17866683/33361603-d26080ca-d513-11e7-889e-929e3a3fd6af.png) 测试机型:vivo X9Plus 通过charles抓包,vivo X9Plus移动端搜狗浏览器的默认UA是: `Mozilla/5.0 (Linux; Android 6.0.1; vivo X9Plus; Build/MMB29M; wv) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2490.92 Mobile Safari/537.36 SogouMSE,SogouMobileBrowser/5.9.2` 做个正则测试,发现确实匹配到了`Sogou`,所以我们的访问被nginx当作了爬虫UA。 ![image](https://user-images.githubusercontent.com/17866683/33361693-36345a04-d514-11e7-9144-f98a5b54f7b4.png) 继续验证是UA的问题,修改搜狗浏览器的UA设置,改成“电脑”,UA如下: `Mozilla/5.0 (Macintosh; Intel...

Web Development
nginx

最近iPhone系统更新到iOS 10.3后,在公司里用Charles抓包竟然出现了一些问题,https的请求都会失败,提示错误信息为 **Failure SSLHandshake: Received fatal alert: unknown_ca** 和 **You may need to configure your browser or application to trust the Charles Root Certificate.** 然而之前任何问题都没有,并且相关设置都正确:Mac上安装了Charles的根证书,并且设置了始终信任,然后手机上也登录了http://chls.pro/ssl 安装了描述文件,一切都按正常程序走的,但是错误始终无法解决. __相关环境:__ Charles 4.0.2 iPhone...

Web Development
charles
https

__技术要点是:__ 1. 使用nginx作为反向代理 2. charles作为抓包工具 3. 修改hosts中域名映射 一、在`hosts`文件中添加域名映射到`127.0.0.1`,使用`nginx`将访问该域名的资源反向代理(`proxy_pass`)到本地服务器,比如`http://localhost:2222`,可以解决访问接口或者其他静态资源的`CORS`问题。 添加域名也有一点需要注意,例如,真实测试环境的域名是`www.test.company.com`, `www.test.company.com`下有很多团队的应用,通过路径分开,我们最终的应用是包含了很多团队各自开发的应用的,例如: * `www.test.company.com/apple`, apple应用 * `www.test.company.com/orange`, orange应用 * `www.test.company.com/my`, 我们的应用 我们打开应用,要进入到我们的应用的页面,但是要先经过apple应用的页面,apple应用的某个按钮配置了`my`应用的链接,要点击这个按钮才能进入我们的页面。假如这时候我们在`hosts`文件配置域名是 `127.0.0.1 www.test.company.com` 并且用`nginx`将该域名反向代理到本地,配置如下: ```nginx server { listen 80; server_name www.test.pajkdc.com;...

charles
nginx

![s71114-161528](https://user-images.githubusercontent.com/17866683/32770571-1a927566-c95b-11e7-9615-6b4994a45143.jpg) charles版本:v4.1.4 解决方法: 1. 检查是否设置了锁屏密码,需要设置锁屏密码,并重启手机。再次访问`chls.pro/ssl`下载安装证书。 【已验证】 2. 传说可以通过升,降charles版本解决。【未验证】

charles

# 问题: 现有模块`id`数组`moduleIds`,通过模块`id`请求模块数据,并且,后一个模块的接口请求依赖前一个模块的数据。当任意一个接口请求失败,则终止后续的请求。 ## 实现一个函数,返回结果包含请求成功模块的数据和请求失败模块的错误数据。 ```ts interface IApiResponse { message: string; errorCode: number; dataBePassedToNextModule?: string; } interface IApiResponseWithId extends IApiResponse { id: number; } interface IExtraData { info: string; }...

JavaScript
编程
Web Development
ES6+

1. `react`开发时,`ios`设备`onClick`事件不触发。 解决办法:定义`css`,给需要on ```css .clickable{ cursor: pointer; } ``` 2. 人民币符号`¥`,使用转义符号`#&165;`在部分安卓机上无法显示(代表机型:华为荣耀6)。 原因:`OSX`系统下的自带输入法可能对中文字符的支持不好。 解决办法:安装第三方输入法,直接使用中文拼音输入`¥`即可。 3. 软键盘唤起后,页面的 fixed 元素将失效(即无法浮动,也可以理解为变成了 absolute 定位),所以当页面超过一屏且滚动时,失效的 fixed 元素就会跟随滚动了。这便是 iOS 上 fixed 元素和输入框的 bug 。其中不仅限于 type=text 的输入框,凡是软键盘(比如时间日期选择、select 选择等等)被唤起,都会遇到同样地问题。...

Web Development