分类目录归档:前端技术

关于浏览器市场份额的那点事儿

以前关于浏览器市场份额总是去找百度——百度统计,最近发现找不着了~ 也许,百度不做这方面的统计了~反正没找着。不过,还好有Statcounter。记录一下……

关于 Statcounter GlobalStats

https://gs.statcounter.com/

Statcounter Global Stats 由Statcounter - 免费的在线访客统计工具提供给您。

数据样本

统计数据基于 Statcounter 收集的汇总数据,该样本每月从超过 150 万个网站的 Statcounter 网络中收集超过 50 亿次网页浏览量。统计数据每天都会更新并提供,但在发布后的 45 天内必须接受质量保证测试和修订。

Markdown笔记

如果你是有一个佛(lan)系(duo)的心,但又很文(zhuang)艺(suan)的程序员,并且你对其他Markdown编辑器的使用效果感觉不是很好的话,就用Typora吧……

整理了一下学习笔记~先这二个吧~有空再写~

1.first day 2.The third day

 

 

中国首届React开发者大会大咖们的演讲~

中国首届React开发者大会于2018年08月18日在广州举办。由w3ctech、前端圈主办。本次大会我们将邀请行业内知名讲师,与大家共聚广州,畅聊React。

kejun

克军
前端布道者、阿里云CSFE前端团队负责人

演讲者:克军
如何把业务逻辑这个故事讲好 – 有限状态机与React开发

开发如同拍电影,组件、框架、工具如同演员和道具,工程师就是导演,其中指导拍摄的是什么呢,演员如何出场,如何演绎喜怒哀乐,场景如何切换等等。对,是剧本。开发中什么是剧本,是PRD还是设计稿,其实都不贴切。开发中的剧本就是一个产品的业务逻辑。如何清晰准确的表达,并成为代码的一部分,或许会成为新一代的开发模式。这就是状态机在前端开发中可以发挥的作用。

Vladimir Grinenko
Yandex JavaScript developer, more than 12 years experience.

vladimir

Vitaly Harisov
Yandex JavaScript developer, more than 12 years experience.

vitaly-yandex

Vitaly Harisov
Yandex JavaScript developer, more than 12 years experience.

演讲者:Vladimir Grinenko && Vitaly Harisov
React组件开发精髓

让我们来看一看如何使 React 组件开发更具有表达性。
你将学会如何不依靠 if 语句来修改组件的行为,就像我们在 CSS 里做的那样。
你将学习到如何:
创建灵活的且拥有不同配置(甚至是不同标签)的组件,它们可以被随机组合成不同的实例(instance)
做低成本的 AB-测试 和实验
将组件转换为跨环境/平台的可复用代码

演讲者:工业聚
Functional programing in React

主要讲解 React 里的函数式编程,包含高阶组件,Functional setState,Render props,以及 Algebraic effects 和 RxJS 在 React 里的应用。
待定
演讲者:蔡斯杰
一种数据契约驱动的 React + Redux 编程方式

React + Redux 的思想是数据驱动和函数式,分享一种在特定场景下,基于数据契约的抽象方式。包括如何制定契约,如何实现 Model,划分和定义组件,如何应对变化,最后达到系统的高复用和灵活性。
待定
演讲者:郭远飞
蚂蚁金融业务的React实践

将根据原技术栈遇到的问题和挑战,以及React优势分析和大家谈谈为什么从Zepto切换到React?
通过解决React资源加载问题、React静态资源离线、引入Preact降级、业务数据状态管理和antd-mobile等方面分享React在业务研发中的最佳实践
除此之外,还将给大家分享目前React在蚂蚁集团业务的现状,以及后续在React层面(如数据化、基于JSX的多渠道部署等)的规划
待定
演讲者:黄琼
从React渲染原理看性能优化

相信很多人都用过 React ,那么大家是否遇到过海量 DOM render 卡顿的问题?
React 16 对渲染机制做了大改动,很大的提升了交互体验,背后的原理又是什么?
实践出真知,本次分享深入挖掘 React 的渲染机制,同时结合实例来解决实践中遇到的性能问题,从而写出高性能的 React 应用。
待定
演讲者:题叶
Virtual DOM 方案几个有意思的探索

Virtual DOM 是 React 核心的功能。基于 Virtual DOM 还能设计一些有意思的方案,这个分享会介绍基于 Virtual DOM 的想法在服务端等场景的一些探索。项目的代码用了 ClojureScript,会有一些来自函数式编程的思考。

大漠老师对于前端学习的建议

大漠

常用昵称“大漠”,W3CPlus,Sass中国创始人,目前就职于手淘。中国Drupal社区核心成员之一。对HTML5、CSS3和Sass等前端脚本语言有非常深入的认识和丰富的实践经验,尤其专注对CSS3的研究,是国内最早研究和使用CSS3技术的一批人。CSS3、Sass和Drupal中国布道者。2014年出版《图解CSS3:核心技术与案例实战》。

Web1.0时代、Web2.0时代已经离我们远去,关于Web3.0的概念,最常见的解释是,网站内的信息可以直接和其他网站相关信息进行交互,能通过第三方信息平台同时对多家网站的信息进行整合使用;用户在互联网上拥有自己的数据,并能在不同网站上使用;完全基于Web,用浏览器即可实现复杂系统程序才能实现的系统功能;用户数据审计之后,同步于网络数据。

在Web3.0的时代,前端又是什么呢?

“前端工程师”又能做些什么呢?

又能给Web带来什么呢?

作为前端开发者,首先要掌握的就是HTML+CSS,有了这两项最基础的知识,就能得心应手的将设计师的Web页面切出来(将PSD设计图转换成Web静态页面)。但这还是不够的,还需要能熟练的处理各浏览器的兼容。为了能更好的要求自己,尽量要让自己的Web页面符合W3C标准和语义化的规范。这方面虽然不是硬性的要求,但是做好这两者很有必要,也具有较大的难度。

其实在这个阶段,对于初学者并不是件容易的事情。因为在这个过程种,初学者很容易迷失,也失去信心。虽然你通过看书,或者视频,你对HTML和CSS的每个知识点有了一定的了解,但依旧缺少动手能力。简单点说,还是不知道如何将设计稿转换成Web页面。在这个时候你更希望的是有一个人告诉你,应该怎么将设计稿转换成Web页面,怎么开始动手。一旦你完成第一个页面,就能从中找到信心与方向,对后面的学习也是一种极大的帮助。

充分掌握了HTML和CSS方面知识后,接下去要把JavaScript拿下,这也是前端工程师必备技能之一,也算是较难的一部分。只懂HTML、CSS和JavaScript其中一个或两个还不行,你必须对这三门语言都很熟悉。也不是说必须对这三门语言都非常精通,但你至少要能够运用它们完成大多数任务,而无需频繁地寻求别人的帮助。

如果你顺利拿下JavaScript之后,你就可以在前面的基础上做一些更有意思的事情,比如说在你的静态页面上添加交互效果,也能更好的处理业务逻辑。让你的工作得心应手。除此之外,你也可以继续深入去学习各种JavaScript的框架,比如现在前端非常火的React、Vue等等。因为这些JavaScript能更好的帮助你工作,也能让你的工作变得更轻松,让你的项目也更易维护。

到了这个时候,你会发现,你可以慢慢的脱离写原始的HTML结构;你也会发现,你可以更好的积累,在其他项目中复用自己积累的代码。你也会发现,原来这些框架的学习并没有当初想象的那么复杂。你也会发现…

当然对于优秀的前端工程师应该具备快速学习能力。推动Web发展的技术并不是静止不动的,没错吧?我甚至可以说这些技术几乎每天都在变化,如果没有快速学习能力,你就跟不上Web发展的步伐。你必须不断提升自己,不断学习新技术、新模式;仅仅依靠今天的知识无法适应未来。Web的明天与今天必将有天壤之别,而你的工作就是要搞清楚如何通过自己的Web应用程序来体现这种翻天覆地的变化。

无论从哪个方面讲,我都觉得前端工程师是计算机科学职业领域中最复杂的一个工种。绝大多数传统的编程思想已经不适用了,为了在多种平台中使用,多种技术都借鉴了大量软科学的知识和理念。成为优秀前端工程师所要具备的专业技术,涉及到广阔而复杂的领域,这些领域又会因为你最终必须服务的各方的介入而变得更加复杂。专业技术可能会引领你进入成为前端工程师的大门,但只有运用该技术创造的应用程序以及你跟他人并肩协同的能力,才会真正让你变得优秀。