面条

面条 查看完整档案

填写现居城市  |  填写毕业院校  |  填写所在公司/组织填写个人主网站
编辑
_ | |__ _ _ __ _ | '_ \| | | |/ _` | | |_) | |_| | (_| | |_.__/ \__,_|\__, | |___/ 个人简介什么都没有

个人动态

面条 发布了文章 · 3月14日

Mac 下GitHub 访问慢解决方案

Mac 下GitHub 访问慢解决方案

1、GitHub下载是指向了Amazon的服务器 下载地址是http://github-cloud.s3.amazonaws.com/

解决方案是更改host文件,使该域名指向香港的服务器

2、去 https://www.ipaddress.com/ 查看 github.comgithub.global.ssl.fastly.net对应的ip  访问可能需要梯子

  • 修改hosts文件 执行以下命令 

sudo vi /etc/hosts

  • 再hosts文件后追加如命令

127.0.0.1 localhost
255.255.255.255 broadcasthost
::1 localhost

52.216.168.75 github-cloud.s3.amazonaws.com
140.82.113.4 github.com
199.232.5.194 github.global.ssl.fastly.net

  • 刷新DNS缓存

sudo killall -HUP mDNSResponder

查看原文

赞 0 收藏 0 评论 0

面条 赞了回答 · 1月5日

reactjs 在 div 上面加 contentEditable="true" 的时候报警告怎么处理?如图

在contentEditable上添加suppressContentEditableWarning="true" V15以上可用

关注 3 回答 2

面条 关注了专栏 · 2020-12-18

民工哥技术之路

公众号:民工哥技术之路、《Linux系统运维指南 从入门到企业实战》作者。专注系统架构、高可用、高性能、高并发,数据库、大数据、数据分析、Python技术、集群中间件、后端等开源技术分享。

关注 31981

面条 关注了专栏 · 2020-12-18

争做认真学习冠军

?争做认真学习冠军

关注 3656

面条 关注了专栏 · 2020-12-18

亚马逊云AI社区

亚马逊云AI社区是专注于人工智能领域 IT 人士交流与互动的平台。在这里,你可以分享和获取一切有关人工智能的相关技术和前沿知识,也可以与同行或爱好者们交流探讨,共同成长。

关注 5151

面条 关注了专栏 · 2020-12-18

一个程序员的成长

关注 5668

面条 关注了专栏 · 2020-12-18

程序员哆啦A梦

达达前端技术社群:囊括前端Vue、JavaScript、数据结构与算法、实战演练、Node全栈一线技术,紧跟业界发展步伐,一个热爱前端的达达程序员。

关注 10201

面条 关注了专栏 · 2020-12-18

SegmentFault 行业快讯

第一时间为开发者提供行业相关的实时热点资讯

关注 63136

面条 关注了专栏 · 2020-12-18

Java中文社群

专注Java干货和面试题分享

关注 3844

面条 关注了专栏 · 2020-12-18

鱼头的Web海洋

鱼头的Web海洋

关注 2847

面条 关注了用户 · 2020-12-18

极术社区 @jishushequ

极术社区是 Arm 中国携手 SegmentFault 思否以及 Arm 中国生态重要合作伙伴发起的专注为人工智能、物联网、芯片领域的开发者社区,旨在为广大的软硬件开发者提供一个自由交流的和答疑解惑的平台,借助强大的 Arm 全球及中国生态系统资源,助力中国开发者轻松的进入 AIoT 领域。

关注 7335

面条 关注了专栏 · 2020-12-18

终身学习者

我要先坚持分享20年,大家来一起见证吧。

关注 57078

面条 关注了用户 · 2020-12-18

亚马逊云AI社区 @aws_aidevcommunity

亚马逊云科技 AI 开发者社区是专注于人工智能领域,开发者交流与互动的平台。在这里,你可以分享和获取一切有关人工智能的相关技术和前沿知识,也可以与同行或爱好者们交流探讨,共同成长。
进入亚马逊云科技开发人员中心:https://amazonaws-china.com/c...,深入了解亚马逊云科技并构建您的首个 Web 应用程序!

关注 4283

面条 关注了标签 · 2020-12-18

javascript

JavaScript 是一门弱类型的动态脚本语言,支持多种编程范式,包括面向对象和函数式编程,被广泛用于 Web 开发。

一般来说,完整的JavaScript包括以下几个部分:

  • ECMAScript,描述了该语言的语法和基本对象
  • 文档对象模型(DOM),描述处理网页内容的方法和接口
  • 浏览器对象模型(BOM),描述与浏览器进行交互的方法和接口

它的基本特点如下:

  • 是一种解释性脚本语言(代码不进行预编译)。
  • 主要用来向HTML页面添加交互行为。
  • 可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。

JavaScript常用来完成以下任务:

  • 嵌入动态文本于HTML页面
  • 对浏览器事件作出响应
  • 读写HTML元素
  • 在数据被提交到服务器之前验证数据
  • 检测访客的浏览器信息

《 Javascript 优点在整个语言中占多大比例?

关注 176427

面条 关注了标签 · 2020-12-18

react.js

React (sometimes styled React.js or ReactJS) is an open-source JavaScript library for creating user interfaces that aims to address challenges encountered in developing single-page applications. It is maintained by Facebook, Instagram and a community of individual developers and corporations.

关注 69540

面条 关注了标签 · 2020-12-18

程序员

一种近几十年来出现的新物种,是工业革命的产物。英文(Programmer Monkey)是一种非常特殊的、可以从事程序开发、维护的动物。一般分为程序设计猿和程序编码猿,但两者的界限并不非常清楚,都可以进行开发、维护工作,特别是在中国,而且最重要的一点,二者都是一种非常悲剧的存在。

国外的程序员节

国外的程序员节,(英语:Programmer Day,俄语:День программи́ста)是一个俄罗斯官方节日,日期是每年的第 256(0x100) 天,也就是平年的 9 月 13 日和闰年的 9 月 12 日,选择 256 是因为它是 2 的 8 次方,比 365 少的 2 的最大幂。

1024程序员节,中国程序员节

1024是2的十次方,二进制计数的基本计量单位之一。程序员(英文Programmer)是从事程序开发、维护的专业人员。程序员就像是一个个1024,以最低调、踏实、核心的功能模块搭建起这个科技世界。1GB=1024M,而1GB与1级谐音,也有一级棒的意思。

从2012年,SegmentFault 创办开始我们就从网络上引导社区的开发者,发展成中国程序员的节日 :) 计划以后每年10月24日定义为程序员节。以一个节日的形式,向通过Coding 改变世界,也以实际行动在浮躁的世界里,固执地坚持自己对于知识、技术和创新追求的程序员们表示致敬。并于之后的最为临近的周末为程序员们举行了一个盛大的狂欢派对。

2015的10月24日,我们SegmentFault 也在5个城市同时举办黑客马拉松这个特殊的形式,聚集开发者开一个编程大爬梯。

特别推荐:

【SF 黑客马拉松】:http://segmentfault.com/hacka...
【1024程序员闯关秀】小游戏,欢迎来挑战 http://segmentfault.com/game/

  • SF 开发者交流群:206236214
  • 黑客马拉松交流群:280915731
  • 开源硬件交流群:372308136
  • Android 开发者交流群:207895295
  • iOS 开发者交流群:372279630
  • 前端开发者群:174851511

欢迎开发者加入~

交流群信息


程序员相关问题集锦:

  1. 《程序员如何选择自己的第二语言》
  2. 《如何成为一名专业的程序员?》
  3. 《如何用各种编程语言书写hello world》
  4. 《程序员们最常说的谎话是什么?》
  5. 《怎么加入一个开源项目?》
  6. 《是要精于单挑,还是要善于合作?》
  7. 《来秀一下你屎一般的代码...》
  8. 《如何区分 IT 青年的“普通/文艺/二逼”属性?》
  9. 程序员必读书籍有哪些?
  10. 你经常访问的技术社区或者技术博客(IT类)有哪些?
  11. 如何一行代码弄崩你的程序?我先来一发
  12. 编程基础指的是什么?
  13. 后端零起步:学哪一种比较好?
  14. 大家都用什么键盘写代码的?

爱因斯坦

程序猿崛起

关注 154971

面条 关注了专栏 · 2020-11-02

前端进阶!

虽然说是前端,但是总觉得做着做着就搞到后端了

关注 1428

面条 收藏了文章 · 2020-06-05

html2canvas以及domtoimage的使用踩坑总结

前言

首先做个自我介绍,我是成都某企业的一名刚刚入行约一年的前端,在之前的开发过程中,遇到了问题,也解决了问题,但是在下一次解决相同问题的时候,只对这个问题有一丝丝的印象,还需要从新去查找,于是,我注册了segmemtfault,便于搜集我的问题总结,以及将踩坑经验分享给每一个开发人员,好了,闲话不多说。

需求

需求:要求能够实现根据后端返回的数据生成一张image,便于用户将图片分享到朋友或者朋友圈,取得用户的关注。

开始踩坑

一.html2canvas对于跨域图片,转换的时候会将跨域图片识别为空白。
问题分析:
既然是由于跨域引起的问题,那我们让资源不跨域不就可以访问了吗?
解决办法:
将图片放置服务器,通过nginx进行代理资源,前端访问图片便不涉及到跨域问题。

二.html2canvas动态加载内容,通过canvas转换出来的数据,图片为空
问题分析:
内容是动态加载进来的,转换肯定是在请求完毕之后再去转换,但是在请求完毕之后去转换,按理说所需要的所有数据都已经到达前端,应该可以转换,经过思考,发现图片内容从后台读取需要一定时间去解析,才能够完整的将图片资源展示出来,html2canvas是将页面上显示的dom元素,经过解析将dom画在canvas上在转换为image图片格式。
解决办法:
1.让html2canvas转换代码等待一定时间,在进行转换操作,可进行转换。代码如下图所示

clipboard.png

2.当全部的图片数据都加载完毕之后,在执行转换操作。(本人建议第二种,更保险)

clipboard.png

三.html2canvas转换的base64位图不能被ios8以上版本所识别。会呈现出整个截图页面空白
问题分析:
这个问题的起因,应该是html2canvas对高版本的ios不支持(自我感觉),这个问题我很是头疼,当时根本没有对ios进行测试。客户使用的时候发现了这个问题,没法。想办法解决。百度说是由于ios不能识别base64的前缀,于是我试过将图片的前缀去除,但发现没反应。还是无用。思来想去感觉html2canvas坑太多了。填都填不完。于是。
解决办法:
我采用了另一款插件,dom-to-image,弄上去没有问题了。

clipboard.png

四.dom-to-image运用上去,在ios上能够出现内容了,但发现存在一个问题,部分图片内容,第一次进行公众号网页加载,没有正确显示,要在次进入才会显示,此bug同样是ios8以上版本
问题分析:
这一个问题我没有找到问题所在,一脸懵,不过最终还是得到了解决。
解决办法:
运用dom-to-imagede toSvg方式完美解决问题。

clipboard.png

五.离成功只有一步之遥了,使用了svg之后安卓手机不能将图片分享给朋友。识别不了
问题分析:
安卓能识别jpeg但不能识别svg矢量图片
解决办法:
自己手写咯。判断手机为安卓还是ios。

clipboard.png

六.所有的问题都已解决,我兴奋的跑去借了个果5,拿来测试,发现网页的背景图片不见了。
问题分析:
我长按两秒左右又是正常显示了,故图片是已经完美转换成功,可能是因为图片在转换过程中,没有完美适配到4.0寸的屏幕,
解决办法:
模拟长按事件,解决bug,这个方式可能不太好,但也是一种解决方式。

总结

躺过的坑都是我的经验,分享的同时我又加固了一遍。解决实际问题的思路,在过了一遍,对我帮助很棒。

查看原文

面条 回答了问题 · 2019-07-25

解决RN如何实现 View + FlatList 同时存在的情况下,既可以滑动List,又可以滑动整个页面?

ScrollView里嵌套FlatList会导致,FlatList里的滚动事件不被触发刚开始的时候疯狂触发onEndReached,滑动到底部的时候又不触发onEndReached。这个你怎么解决的

关注 4 回答 3

面条 关注了用户 · 2019-05-15

ES2049 @alisecued

关注 533