AlloyTeam2015前端大会都说了啥

昨天在腾讯大厦参与了鹅厂AlloyTeam召开的AC2015前端大会,度过了充满精彩和收获的一个下午,用一句话形容这次前端Event应该是“诚意满满,干货满满”. 说实话,这次AlloyTeam没有对与会人员做严格的身份认证,基本到了就能参与,因此整个腾大的多功能厅下午是爆满了人.我去的其实算早了,却也只能抢到很后面的座位.许多去的晚的同行都只好站着或坐地板上参与. 本次AC大会也做了全程的官方视频录制,据悉后续将在慕课网上线,届时有兴趣的朋友可以去关注下. 大会起始环节是一个神秘项目的首秀——…

大咖云集！IMWebConf 2017 前端大会即将在深圳盛大开幕

2017年火热的夏季,一年一度的IMWebConf强势来袭!9月16日,深圳科兴国际会议中心,我们将全心全意打造一场前端盛宴,恭候各位的光临. 作为一名前端老鸟,笔者有幸也参与了本次的大会的主题分享<WebAssembly:面向未来的web开发>.IMWEBConf 向来质量高.干货多,这次大会更是大手笔,请来了来自W3C.谷歌.微软.阿里.百度等企业的技术专家,相信不会令你失望. 聪明的前端开发者已经认识到,前端领域正发生着一场变革.各种新型框架悄然降世,Node.js的风暴越发猛烈,站在浪…

TFC2017 腾讯Web前端大会参会小结

简述上周有幸参加TFC腾讯Web前端大会,见识了各路前端大神的精彩演讲,干货满满的.会议流程分为上午主会场,以及下午的三个分会场.分享的主题涵盖Web新技术.Node.js.框架.工程化. 图形处理等前端前沿内容 ,还包含极致的性能优化.海量用户运营等具有腾讯前端特色的宝贵经验,具有很好的实践参考价值.前端在近几年的快速发展,从简单的页面演变成越来越复杂的Web应用,为应对这种庞大的业务开发,产生出各式各样的工具来提高开发效率,如前端框架的革新以及前端走向工程化,通过业务来驱动技术发展,以技术…

iOS 9，为前端世界都带来了些什么？「译」 - 高棋的博客

2015 年 9 月,Apple 重磅发布了全新的 iPhone 6s/6s Plus.iPad Pro 与全新的操作系统 watchOS 2 与 tvOS 9(是的,这货居然是第 9 版),加上已经发布的 iOS 9,它们都为前端世界带来了哪些变化呢?作为一个 web 开发者,是时候站在我们的角度来说一说了! 注! 该译文存在大量英文术语,笔者将默认读者知晓 ES6.viewport.native app.webview 等常用前端术语,并不对这些已知术语进行汉语翻译对于新发布或较新的产品名…

你不容错过的腾讯 AlloyTeam Web 前端大会看点完全剖析

AC大会 ( Alloyteam Conf ),是由腾讯前端技术团队的标杆团队 AlloyTeam 发起的前端技术大会,旨在分享团队在技术研究.产品研发.开源项目的经验沉淀.AC2017 将会继续在工程化.图形处理.Web动画.性能优化等方面呈献团队一年多以来的实践,还将邀请几个业内专家来快速分享他们的宝贵经验.讲师们将从丰富的一线开发经验中提取精华,分享最前沿的技术实践. 大会官网:https://ac.alloyteam.com/ 千盼万盼,终于盼来了参会内容完全分析贴.本文带你全方位剖析这…

你不可错过的二维码生成与解析-java后台与前端js都有

1.二维码分类二维条码也有许多不同的码制,就码制的编码原理而言,通常分为三种类型. 线性堆叠式二维码编码原理: 建立在一维条码基础之上,按需要堆积成两行或多行. 图示: 矩阵式二维码最常用编码,原理: 在一个矩形空间通过黑白像素在矩阵中的不同分布进行编码.在矩阵相应的位置上,用点(方点.圆点或其它形状)的出现表示二进制"1",点的不出现表示二进制的"0" 图示: 邮政码通过不同长度的条进行编码,主要用于邮政编码. 2.QR Code 现在最常用的就是…

去参加了十四届D2前端大会～

朋友喊我去一起去d2,原来一直在加班,没有想去的动力,后来业务上线,幸运的入手了别人转的一张票(也不便宜啊)- 讲了五个挑战端侧渲染体系的重塑,从PC时代到无线时代,再到未来的IOT时代,在渲染方面诞生了很多优秀的技术,RN, Weex, Flutter,小程序体系等.基于底层的渲染思路,Native的渲染,2D.3D性能体系,包括WASM集成到无线端来渲染, 都带来了很多可能性. 2B中后台场景垂直领域的深度沉淀.从2C场景到2B场景,以前由大量外包全栈支撑的中后台体系也在变为专业前端的主战…

新技术新框架不断涌现，目前学习web前端开发都要掌握什么？

web前端开发由网页制作演变而来,随着web2.0的发展,网页不再只是承载单一的文字和图片,各种丰富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的. 经过了市场的沉淀,很多前端们开始无所适从,以前简单的技能已经无法适用前端技术的发展,新技术新框架又不断涌前端开发市场仍然有着大量的需求.我们知道前端开发应用是很广泛的,这些公司都有前端开发岗位(当然这只是一部分):并且薪资也不低.除了互联网公司,传统公司想要连接互联网,同样离不开前端工程师.…

为什么大厂前端监控都在用GIF做埋点？

什么是前端监控? 它指的是通过一定的手段来获取用户行为以及跟踪产品在用户端的使用情况,并以监控数据为基础,为产品优化指明方向,为用户提供更加精确.完善的服务. 如果这篇文章有帮助到你,️关注+点赞️鼓励一下作者,文章公众号首发,关注前端南玖第一时间获取最新的文章- 前端监控一般来讲一个成熟的产品,运营与产品团队需要关注用户在产品内的行为记录,通过用户的行为记录来优化产品,研发与测试团队则需要关注产品的性能以及异常,确保产品的性能体验以及安全迭代. 所以前端监控一般也分为三大类: 数据监控(…

UI前端开发都是做什么的以及html、css、php、js等究竟是神马关系

第一个问题: 1.UI,是视觉方面的呈现.一个网页首先由UI完成整体设计,然后把每一个模块切图,例如组件.logo.版块等.常用工具:PS,AI,DW. 2.前端,是将UI的设计代码化,因为计算机无法识别UI完成的图片,只能将图片按照一定的样式布局,浏览器才能识别.可以简单理解为,UI做的给人看的,前端做的给电脑看的. 用到的技术:html,css,js 3.开发,是将前端的样式功能化,有了样式还需要请求服务器端的数据才能达到目的,php就是干的这个活,请求数据,返回数据,生成代码供浏览器读取.…

【译】前端开发者都应知道的 jQuery 小技巧

回到顶部按钮通过使用 jQuery 中的 animate 和 scrollTop 方法,你无需插件便可创建一个简单地回到顶部动画: // Back to top $('a.top').click(function (e) { e.preventDefault(); $(document.body).animate({scrollTop: 0}, 800); });  <a class="top" href=&…

90% 前端开发者都不知道的 JavaScript 实用小技巧

面试神器之数组去重 const a = [...new Set([1, 2, 3, 3])] >> [1, 2, 3] 操作数组担心 falsy 值? const res = myArray.filter(Boolean).map( // todo ) 生成一个真正的空对象 const o = Object.create(null) // o.__proto__ === "undefined" // 对象 o 不再含有任何属性合并对象 const a = {m: 1, n…

2019年一半已过，这些大前端技术你都GET了吗？- 上篇

一晃眼2019年已过大半,年初信誓旦旦要学习新技能的小伙伴们立的flag都完成的怎样了?2019年对于大前端技术领域而言变化不算太大,目前三大技术框架日趋成熟,短期内不大可能出现颠覆性的前端框架(内心OS:出了也学不动了). 本文结合个人和团队经历对2019上半年做个技术总结,将各类技术框架/语言/工具分作两个维度: 技术采用生命周期创新者(Innovators):技术的冒险者,第一时间尝试新技术早期采用者(Early Adopters):技术早期采用者,具备一定探索精神,某个领域的意见领袖…

前端动画必知必会：React 和 Vue 都在用的 FLIP 思想实战

前言在 Vue 的官网中的过渡动画章节中,可以看到一个很酷炫的动画效果乍一看,让我们手写出这个逻辑应该是非常复杂的,先看看本文最后要实现的效果吧,和这个案例是非常类似的. 预览分析需求拿到了这个需求,第一直觉是怎么做?假设第一行第一个图片移动到了第二行第三列,是不是要计算出第一行的高度,再计算出第二行前两个元素的宽度,然后从初始的坐标点通过 CSS 或者一些动画 API 移动过去?这样做是可以,但是在图片不定高不定宽,并且一次要移动很多图片情况下,这个计算方法就非常复杂了.并且这种情况下…

为什么大型网站前端使用PHP后台逻辑用Java

前两周参加完 ThinkInLamp 的 PHP 架构师大会,听鸟哥一上午的分享,感慨很多,PHP 业界虽然方向不明荒废了两三年的时间,终究还是又重新崛起了. 其实包括 Java 的重启问题,现在也已经很多解决方案了,再不济,双进程 Load Balance 切换也很容易做(但可能引发冷启动问题). 而 PHP 的性能问题随着 @Laruence 在 PHPNG 上的努力,眼看着 JIT 快来了,ZVAL 也优化了,尤其是做数据分析最坑的 Array 常量引用和 Array 结构大小等问题都得到…

阿里巴巴 web前端性能优化进阶路

Web前端性能优化WPO,相信大多数前端同学都不会陌生,在各自所负责的站点页面中,也都会或多或少的有过一定的技术实践.可以说,这个领域并不缺乏成熟技术理论和技术牛人:例如Yahoo的web站点性能优化黄金法则,以及大名鼎鼎的优化大师Steve Souders.本文并非一篇讨论性能优化技术方法的文章,而更多的是对中文站搜索List页面持续两年多的前端性能优化实践的思路总结.希望对正在从事这个领域研究的前端同学能有所帮助. 简单的说,我们的性能优化实践分为三个阶段:初探期.立规期.创新期, 每个阶段…

web前端开发教程系列-4 - 前端开发职业规划

前言关于我:小天 1). 架构师,项目经理,产品经理 2). 中间件研发 3). VPCC 云计算基础平台管理 4). 智慧旅游 5). 智慧教育 6). 一次失败的创业体验(爱邂逅网) 一. 在开始规划职业之前,应该充分认识自己从事的行业,结合自己的价值观,树立合理目标,持之以恒二. 人生阶段 1. 30岁之前: 2. 30岁以后:慢慢开始登上这个社会的大舞台,你这时候的目标就应该是一些具体的成就了,是做这些事情的副产品的时候了三. 展望未来,个人认为在以下的前端技术领域,会产生较大的机…

一统江湖的大前端（8）- velocity.js 运动的姿势(上)

[摘要] 介绍CSS动画和JS动画的基本特点,以及轻量级动画库velocity.js的基本用法. 示例代码托管在:http://www.github.com/dashnowords/blogs 博客园地址:<大史住在大前端>原创博文目录一. CSS动画和 JS动画 Web动画的本质是元素状态改变造成的样式变更,CSS动画和JS动画的区别并不是由语言来决定的,而是由两者的特点和适用场景来判断的.CSS动画简洁高效,提升交互体验而编写的代码可以轻松地和主要业务逻辑之间实现隔离,开发中建议优先使…

听说你懂个J？——前端发展闲聊

刚好周末和朋友聊起"前端从受鄙视到变得重要"这个话题,感慨前端这四年来的发展,遂有本文. 1. 前情提要毋庸讳言,在我刚工作的时候,前端是还是一个不受重视的岗位.切图狗,写网页的这种侮辱性绰号绑在前端开发身上.我自己体验到的一个很明显的标志是:招聘网站上,前端开发的工资是其他开发工资的90%甚至更低. 在知乎一个2011年的前端地位问题(<如何改善国内前端开发行业的尴尬地位?>)中,包括贺师俊老师都承认这种尴尬确实存在.但是,30年河东30年河西,到了2018年,前端已经…

总结：Mac前端开发环境的搭建（配置）

新年新气象,在2016年的第一天,我入手了人生中第一台自己的电脑(大一时好友赠送的电脑在一次无意中烧坏了主板,此后便不断借用别人的或者网站的).macbook air,身上已无分文...接下来半年的房租都不知道该怎么半了,都怪消费太冲动. 不过,眼下需要解决的不是房租问题,而是在新电脑上搭建开发环境,正好在搭建的时候总结一下: 1.FQ工具:lantern 地址:https://github.com/getlantern/lantern 2.命令行工具:term2 官网:http://www.i…

通过AngularJS实现前端与后台的数据对接（一）——预备工作篇

最近,笔者在做一个项目:使用AngularJS,从而实现前端与后台的数据对接.笔者这是第一次做前端与后台的数据对接的工作,因此遇到了许多问题.笔者在这些问题中,总结了一些如何实现前端与后台的数据对接的方法,希望与大家分享. 在开始进行前端与后台的数据对接前,首先要做到以下几点: 1.先要了解页面哪里是需要后台提供数据的(即:哪里是需要接接口的) ps:很明显,表格里的数据就是要向后台发送请求,从数据库里获取页面需要显示的数据 2.要理解接口里的每一个字段的含义 ps:一般而言,前端工作者都可以根…

Web前端需要熟悉大学里【高大上】的计算机专业课吗？

作为一名刚刚大学毕业,进入新的学习阶段的研究生,我必须说大学的专业课非常重要!不管你信不信,事实就是如此! 一.大学学习的专业课非常重要,它决定了我们能走到什么高度前端的发展非常快,我常常觉得刚刚关注的新东西,过一段时间再看就截然不同甚至被废弃了. 所以保持高效自主的学习能力对于应对这种变换是非常重要的.而这种能力的基础在很大程度上和大学阶段计算机专业课紧密相关.比如WebGL.预处理语言追溯到常规计算机领域就是OpenGL和编译原理等领域. 二.前端知识都是旧中创新纯粹的前端知识都算不上新…

2016第三届C++大会参会感悟（上）

继05年第一届C++大会,09年第二届,2016年10月28日-29日,在上海举行第三届C++大会.讲师主要有C++之父 / Bjarne Stroustrup,前Facebook研究科学家 / Andrei Alexandrescu,ISO C++标准委员会资深权威 / Mike Spertus,<大话西游><梦幻西游>主要开发者 / 云风,两岸著名C++专家 / 侯捷等40多位重量级嘉宾,大会通过主题演讲.互动研讨.案例分享.高端培训等形式,深度探讨围绕C++及系统软件整个技术…

web前端基础知识-（六）jQuery-补

一.JS正则 1.定义正则表达式 JavaScript种正则表达式有两种定义方式,定义一个匹配类似 <%XXX%> 的字符串: 1)构造函数 var reg=new RegExp('<%[^%>]+%>','g'); 2)字面量 var reg=/<%[^%>]%>/g; /.../ 用于定义正则表达式 /.../g 表示全局匹配 /.../i 表示不区分大小写 /.../m 表示多行匹配预定义类: 字符等价类含义 . [^\n\r] 除了回车符和换…

基于AngularJS的企业软件前端架构[转载]

这篇是我参加QCon北京2014的演讲内容: 提纲: 企业应用在软件行业中占有很大的比重,而这类软件多数现在也都采用B/S的模式开发,在这个日新月异的时代,它们的前端开发技术找到了什么改进点呢? B/S企业软件前端开发模式大体上与桌面软件类似,都是偏重量级的,在前端可能会有较多的业务逻辑,这些业务逻辑如何被合理模块化,与界面分离,以便测试,成为这个领域的一个重要挑战.另一方面,由于企业应用的界面相对规整,偏重的是数据存取,没有太多花哨的东西,所以常见的界面控件也是可枚举的,如何让开发界面的工作能…