Open ufologist opened 8 years ago
技术
借着通关了Flexbox Froggy 游戏, 让我们再稍稍了解下关于 Flexbox 布局的一些细节和要点. Flexbox 布局的由来 Flexbox 的基础概念 Flexbox 相关属性速记
借着通关了Flexbox Froggy 游戏, 让我们再稍稍了解下关于 Flexbox 布局的一些细节和要点.
我现在的技术方向，前端是 React，后端是 Node，时间都投入在这两方面。 阮一峰老师整理的一份技术清单, 涵盖前端开发的历史和趋势, React 技术栈, Node 应用开发, 前端工程简介. 特别推荐《前端开发的历史和趋势》 什么是前端(前端：针对浏览器的开发，代码在浏览器运行/后端：针对服务器的开发，代码在服务器运行) 前端开发的历史演变(前后端不分 -> 前后端分离 -> 全栈工程师) 前端MVC框架的兴起(Backbone -> Angular -> React) 全栈工程师和全栈技能(单个程序员的生产力要求越来越高) 前端开发的未来(现在基于 Web 的前端技术，将演变为未来所有软件的通用的 GUI 解决方案)
我现在的技术方向，前端是 React，后端是 Node，时间都投入在这两方面。
阮一峰老师整理的一份技术清单, 涵盖前端开发的历史和趋势, React 技术栈, Node 应用开发, 前端工程简介. 特别推荐《前端开发的历史和趋势》
前后端分离的含义不只是前后端代码的分离，而是系统级的分离。 前后端分离不是说前端工程师只需要关注浏览器或者App内的部分，由于系统级分离的需要，反而要更有全局意识，关注各种支撑系统的建设与发展。 前端要有一整套独立的开发、线上服务与周边保障体系，从而更全面地支撑用户端业务的快速发展，并且实现跨业务线的技术资源横向复用。 技术体系的线下层重点关注开发效率，基础设施层重点关注稳定性，保障层重点关注质量与可用性，业务层重点关注服务的全面性和可复用性。
前后端分离的含义不只是前后端代码的分离，而是系统级的分离。
前后端分离不是说前端工程师只需要关注浏览器或者App内的部分，由于系统级分离的需要，反而要更有全局意识，关注各种支撑系统的建设与发展。
前端要有一整套独立的开发、线上服务与周边保障体系，从而更全面地支撑用户端业务的快速发展，并且实现跨业务线的技术资源横向复用。
技术体系的线下层重点关注开发效率，基础设施层重点关注稳定性，保障层重点关注质量与可用性，业务层重点关注服务的全面性和可复用性。
做过前端又做过 App 的, 大概都听过或者用过 Cordova, 知道通过 TA 可以让前端使用 Web 技术来开发 App, 而且是跨平台的, 只要开发一次, 就可以出来 iOS 版和 Android 版的 Hybrid App. 就让我们一起入门下 Cordova 开发 App 的 Hello World.
做过前端又做过 App 的, 大概都听过或者用过 Cordova, 知道通过 TA 可以让前端使用 Web 技术来开发 App, 而且是跨平台的, 只要开发一次, 就可以出来 iOS 版和 Android 版的 Hybrid App.
就让我们一起入门下 Cordova 开发 App 的 Hello World.
跨平台特性 开发方式 功能支持 性能对比 开发水平很重要，html开发的app可能比原生的更快。主要还看开发人员的水平以及会不会优化 优劣对比 ionic: 纯web思维，开发速度快，简单方便，一次编码，到处运行，如果熟悉web开发，则开发难度较低。 react-native: 开发人员要求较高，不是懂点web技术就行的. 从Native到Web，要做很多概念转换，学习曲线偏高
性能对比
开发水平很重要，html开发的app可能比原生的更快。主要还看开发人员的水平以及会不会优化
ES6 Babel React Webpack React 项目脚手架 Flex 布局 CSS Modules React-Router Flux 架构 Redux 架构 Mocha 测试框架 Istanbul 覆盖率框架 React 单元测试
天猫前端 2015年双十一总结 活动页面的性能优化 天猫双11页面服务容灾方案大揭秘 浅谈 React Native与双11 大规模 Node.js 应用 解密2015狂欢城 大规模 Node.js 应用（续） 如何精确识别终端 双11密令红包的前端技术方案 vue+webpack在“双十一”导购产品的技术实践 一套完整的图片工作方案 切图、测量（开发阶段）/上传和替换地址（打包阶段）/图片自动优化（代码运行阶段） 如何为用户省电 H5性能最佳实践 班会第 15 期 的时候我们分享的就是这个 15年双11手淘前端技术巡演 - H5性能最佳实践
天猫前端 2015年双十一总结
vue+webpack在“双十一”导购产品的技术实践
切图、测量（开发阶段）/上传和替换地址（打包阶段）/图片自动优化（代码运行阶段）
H5性能最佳实践
班会第 15 期 的时候我们分享的就是这个 15年双11手淘前端技术巡演 - H5性能最佳实践
JSON相关 编码/加密 格式化 网络 前端 转换 其他 接口API 文档 平台工具
跨域脚本攻击 XSS 是最常见、危害最大的网页安全漏洞。为了防止它们，要采取很多编程措施，非常麻烦。很多人提出，能不能根本上解决问题，浏览器自动禁止外部注入恶意脚本？ 这就是"网页安全政策"（Content Security Policy，缩写 CSP）的来历，使用 CSP 防止 XSS 攻击。 CSP 的实质就是白名单制度，开发者明确告诉客户端，哪些外部资源可以加载和执行，等同于提供白名单。它的实现和执行全部由浏览器完成，开发者只需提供配置。CSP 大大增强了网页的安全性。攻击者即使发现了漏洞，也没法注入脚本，除非还控制了一台列入了白名单的可信主机。 两种方法可以启用 CSP 一种是通过 HTTP 头信息的 Content-Security-Policy 的字段 另一种是通过网页的 <meta> 标签 <meta http-equiv="Content-Security-Policy" content="script-src 'self'; object-src 'none'; style-src cdn.example.org third-party.org; child-src https:">
跨域脚本攻击 XSS 是最常见、危害最大的网页安全漏洞。为了防止它们，要采取很多编程措施，非常麻烦。很多人提出，能不能根本上解决问题，浏览器自动禁止外部注入恶意脚本？
这就是"网页安全政策"（Content Security Policy，缩写 CSP）的来历，使用 CSP 防止 XSS 攻击。
CSP 的实质就是白名单制度，开发者明确告诉客户端，哪些外部资源可以加载和执行，等同于提供白名单。它的实现和执行全部由浏览器完成，开发者只需提供配置。CSP 大大增强了网页的安全性。攻击者即使发现了漏洞，也没法注入脚本，除非还控制了一台列入了白名单的可信主机。
两种方法可以启用 CSP
Content-Security-Policy
另一种是通过网页的 <meta> 标签
<meta>
<meta http-equiv="Content-Security-Policy" content="script-src 'self'; object-src 'none'; style-src cdn.example.org third-party.org; child-src https:">
分层架构(layered architecture) 表现层（presentation）：用户界面，负责视觉和用户互动 业务层（business）：实现业务逻辑 持久层（persistence）：提供数据，SQL 语句就放在这一层 数据库（database） ：保存数据 事件驱动架构(event-driven architecture) 微核架构(microkernel architecture, plug-in architecture) 微服务架构(microservices architecture, service-oriented architecture SOA) 云架构(space-based architecture)
android:theme="@android:style/Theme.DeviceDefault.Light.NoActionBar.TranslucentDecor"
产品
"今年下半年，我就要毕业了。这个行业里，谁也不认识。到了新城市上班以后，估计平时也没有时间和渠道，拓宽社交圈。如果可以让我多认识一些行业内人士，我愿意付费加入。" 人需要社交，我们需要有机会接触其他人。面对面地交谈是一种社交方式，互联网聊天又何尝不是呢。如果软件可以提供或营造一个高质量的社交渠道，当然可以收费。真实世界中，高档会所的会员费高达十万甚至几十万，还不是照样有不少人加入，他们是为了享受会所的服务吗，恐怕更多的还是看中会所提供的社交圈。 因此，收费群的商业模式是可行的，背后有真实需求。而且，网络社交比传统社交更便宜。线下的社交活动，比如吃饭、出游、娱乐的成本都不低（考虑进时间成本就更是如此），相比之下，收费群的会员费并不贵，当然前提是提供良好的社交体验。 人类的日常生活主要分布于三个空间： 第一空间是居住空间（也就是家） 第二空间是工作空间 第三空间是休闲娱乐空间，在那里会见朋友、喝啤酒、谈天说地，享受人际交往的乐趣。典型的第三空间是咖啡馆、酒吧、美发店、露天啤酒店、桌球房、俱乐部这一类地方。" 人的生活质量与这三个空间都相关。其中，第三空间的质量和逗留时间长短，决定了你的生活是否丰富多彩。当代社会的问题是，第三空间正在逐渐丧失。 此前第三空间只被当作实体空间，现在我们终于可以说，网络也是第三空间，聊天群就是最好的例子。一个运行良好的聊天群，也可以对参与者的生活质量产生重大影响。 我现在的认识是，社交需求是一个极大的市场，网络社交才刚刚起步，潜力无限，现有软件根本没有很好地满足这些需求。收费的聊天群，只是一个非常初级的应用，各方面都还很简陋。将来付费的网络社交将是常态，那些高质量社交群的会员费，一定是很贵的。
"今年下半年，我就要毕业了。这个行业里，谁也不认识。到了新城市上班以后，估计平时也没有时间和渠道，拓宽社交圈。如果可以让我多认识一些行业内人士，我愿意付费加入。"
人需要社交，我们需要有机会接触其他人。面对面地交谈是一种社交方式，互联网聊天又何尝不是呢。如果软件可以提供或营造一个高质量的社交渠道，当然可以收费。真实世界中，高档会所的会员费高达十万甚至几十万，还不是照样有不少人加入，他们是为了享受会所的服务吗，恐怕更多的还是看中会所提供的社交圈。
因此，收费群的商业模式是可行的，背后有真实需求。而且，网络社交比传统社交更便宜。线下的社交活动，比如吃饭、出游、娱乐的成本都不低（考虑进时间成本就更是如此），相比之下，收费群的会员费并不贵，当然前提是提供良好的社交体验。
人类的日常生活主要分布于三个空间：
人的生活质量与这三个空间都相关。其中，第三空间的质量和逗留时间长短，决定了你的生活是否丰富多彩。当代社会的问题是，第三空间正在逐渐丧失。
此前第三空间只被当作实体空间，现在我们终于可以说，网络也是第三空间，聊天群就是最好的例子。一个运行良好的聊天群，也可以对参与者的生活质量产生重大影响。
我现在的认识是，社交需求是一个极大的市场，网络社交才刚刚起步，潜力无限，现有软件根本没有很好地满足这些需求。收费的聊天群，只是一个非常初级的应用，各方面都还很简陋。将来付费的网络社交将是常态，那些高质量社交群的会员费，一定是很贵的。
进程切换非常昂贵，避免多任务，保持单进程。不要同时做多件事，结果可能都没做好，还拖长了工作时间。 划分任务的优先级，不要把'急切'当作'重要'。你的时间有限，不可能做所有事。最重要的事，应该首先做。先做重要且紧急的, 再做重要不紧急的, 而且重心要放在重要不紧急的事情, 因为那就是未来的事情, 它们迟早会变成重要且紧急的, 如果你不保持关注, 往往会措手不及. 早晨精力最充沛, 因此早点起床来做重要的事 你没空时不会做的事情，有空了也不会做。那些没有时间也会去做的事，才是你应该全力以赴的人生方向。
不要只盯着钱 钱本身并不是生活的目的，你自己想干的事才是。钱就好比汽油，生活的目的不是为了获得汽油，而是为了让汽车加满油之后，去那些你想去的地方。 创造更多的价值 不要去想你怎样才能赚到钱，而要去想你对他人、对社会的价值在哪里。你要相信，如果你对社会是有价值的，你就一定能够赚到钱，虽然未必很多。 任何真正成功的人生，都是为他人创造价值的人生；任何真正成功的企业，都是为客户创造价值的企业。 我们的人生通过不断与他人进行双赢的价值交换，达到壮大自己和发展自己的目的；整个社会通过这样的交换，实现了繁荣和进步。 紧盯着创造价值，并不意味盈利是不重要的。相反，它是非常重要的。如果赚不到钱，我们就无法满足生存的基本需要。这里面存在一个平衡问题。我们必须经常自省：我们得到了什么？我们又创造了什么？ 符合长期利益和整体利益 你个人的成功是建立在你对集体的价值之上的，所以对你来说重要的事，往往对其他人也是重要的。除了你自己的立场，你还必须站在其他人的立场，判断某件事是否重要。
不要只盯着钱
钱本身并不是生活的目的，你自己想干的事才是。钱就好比汽油，生活的目的不是为了获得汽油，而是为了让汽车加满油之后，去那些你想去的地方。
创造更多的价值
不要去想你怎样才能赚到钱，而要去想你对他人、对社会的价值在哪里。你要相信，如果你对社会是有价值的，你就一定能够赚到钱，虽然未必很多。
任何真正成功的人生，都是为他人创造价值的人生；任何真正成功的企业，都是为客户创造价值的企业。
我们的人生通过不断与他人进行双赢的价值交换，达到壮大自己和发展自己的目的；整个社会通过这样的交换，实现了繁荣和进步。
紧盯着创造价值，并不意味盈利是不重要的。相反，它是非常重要的。如果赚不到钱，我们就无法满足生存的基本需要。这里面存在一个平衡问题。我们必须经常自省：我们得到了什么？我们又创造了什么？
符合长期利益和整体利益
你个人的成功是建立在你对集体的价值之上的，所以对你来说重要的事，往往对其他人也是重要的。除了你自己的立场，你还必须站在其他人的立场，判断某件事是否重要。
技术
产品