![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
第六届360前端星计划
明媚呀
前端
展开
-
第六届360前端星计划_前端代码的自我修养
主讲人:孙磊一、如何衡量代码质量的好坏衡量代码质量的唯一有效标准:WTF/min —— Robert C. Martin代码的自我修养代码规范格式流程化二、代码规范yarn global add eslint{ "extends": "eslint:recommended", "rules": { // enable additi...原创 2020-04-12 22:17:44 · 151 阅读 · 0 评论 -
第六届360前端星计划_Web前端点播直播入门
主讲人:一、什么是视频了解媒体数据存储和应用的基础原理。格式与内容文件扩展名≈媒体封装格式(媒体容器类型)媒体封装格式≠音视频编码格式(使用了谁家的编码器)文件内容:1)头信息(格式、时长、帧率、码率、分辨率…)2)索引信息3)视频数据4)音频数据5)附加增强数据…视频数据显示器颜色呈现基于RGB(红绿蓝)颜色空间模型视频领域大多基于YUV颜色空间做抽样存...原创 2020-04-12 22:12:25 · 229 阅读 · 0 评论 -
第六届360前端星计划_小程序,大世界
主讲人刘观宇360奇舞团PC小程序框架一、简介⼩程序解决了什么问题H5:开发速度较快,各个平台的一致性较好,执行起来会有较长的白屏时间,对于系统接口访问有局限。APP:体验上优势较大,开发成本较高,各个平台会有较大的差异。小程序:相对于H5,小程序除第一次加载,小程序的layout和资源均从本地运行,不经过网络,大大提高了启动速度,减少了白屏加载时间,小程序代码经过审核...原创 2020-04-12 21:58:33 · 198 阅读 · 0 评论 -
第六届360前端星计划_前端性能优化
主讲人饶占平360大前端团队奇舞团前端工程师一、RALL模型使用RALL模型评估性能RALL模型:以用户为中心的性能模型,每个网络应用都具有与生命周期有关的四个方面,而且这些方面以不同的方式影响着性能。延迟与用户反应响应:50ms处理事件目标:在100ms内响应用户输入指导50ms内处理用户输入事件,确保100ms内反馈用户可视的响应。对于开销大的任务可分隔任...原创 2020-04-11 21:43:31 · 165 阅读 · 0 评论 -
第六届360前端星计划_JS 动画原理与实现
主讲人:吴亮一、动画动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画function update(context) { // 更新属性}const ticker = new Ticker();ticker.tick(update, context);动画的种类JavaScript 动画操作DOMCanvasCSS 动画transiti...原创 2020-04-11 20:33:48 · 106 阅读 · 0 评论 -
第六届360前端星计划_前端工程化浅析
主讲人田东东燕山大学硕士研究生360搜索前端团队首届前端星计划毕业生一、什么是前端工程化?⼯程化的目标在前端领域,利用技术不断进步和经验逐步积累带来的各种⽅案,来解决在项目的开发、测试、维护阶段中遇到的种种低效和繁琐的问题。⼯程化里的技术⼯程化是⼀种思想,技术是⼀种实践。技术会随着时代进步不断地演进和改变,在不同的时期,都会有不同的技术来承载和践⾏着⼯程化思想。思想的落地...原创 2020-04-11 18:46:17 · 560 阅读 · 0 评论 -
第六届360前端星计划_Node.js 基础入门
主讲人:李喆明一、什么是 Node.jsNode.js:Node.js® is a JavaScript runtime built on Chrome’s V8 JavaScript engine.https://nodejs.org与 JavaScript 的区别基于异步 I/O 相关接口基于 node_modules 和 require 的模块依赖提供 C++ addon...原创 2020-04-10 22:34:18 · 191 阅读 · 0 评论 -
第六届360前端星计划_正则的三个应用场景
主讲人:王峰一、正则表达式的创建和使用创建正则表达式的两种方式1)使用正则表达式字面量[a-z]:小写字母a-z;\d:0-9+:限定符,限定\d重复一次到多次;i:修饰符,忽略大小写;const reg = /[a-z]\d+[a-z]/i;优点简单方便不需要考虑二次转义缺点子内容无法重复使用([a-z]用两次写两次)过长的正则导致可读性差2)使用 RegE...原创 2020-04-10 22:32:43 · 184 阅读 · 0 评论 -
第六届360前端星计划_前端常用的 HTTP 知识
主讲人:李成银一、HTTPHTTP在浏览器网络中的位置HTTP是应用层协议联网细节交给了通用的传输协议:TCP/UDP3. 请求/响应报文请求:<method> <request-URL> <version><headers><entity-body>返回:<version> <statu...原创 2020-04-09 22:42:33 · 206 阅读 · 0 评论 -
第六届360前端星计划_Web标准:前端的原力
主讲人:李松峰一、Web标准概述Web是World Wide Web(万维网)的简称。World Wide Web由Tim Berners-Lee在1989年发明。Web标准:是构成Web基础、运行和发展的一系列标准的总称。Web标准并不是由一家标准组织制定。二、Web标准介绍IETF(互联网工程任务组):HTTP/0.9:最简单的通信协议,只有GET方法;https:...原创 2020-04-09 16:05:44 · 211 阅读 · 0 评论 -
第六届360前端星计划_JavaScript 从入门到放弃
主讲人:月影思考:如何写“好” JavaScript——前端工程师的最佳实践套路 模式什么才是好的 JS 代码?一、各司其职JavaScript :行为CSS :表现HTML:结构尽量做到职责分离关灯吃面:版本1黑夜与白天的切换HTML代码:<div id="main"> <div class="pic"> <img src=...原创 2020-04-09 15:17:45 · 354 阅读 · 0 评论 -
第六届360前端星计划汇总
第六届360前端星计划_HTML与前端第六届360前端星计划_了解CSS第六届360前端星计划_深入CSS第六届360前端星计划_深入CSS原创 2020-04-08 22:40:52 · 397 阅读 · 0 评论 -
第六届360前端星计划_CSS进阶
主讲人赵文博360前端技术专家奇舞团一、transform 变形对元素进行平移、旋转、缩放、倾斜translaterotatescaleskewtransform 不会对其它元素布局产生影响二、transition 过渡指定从一个状态到另一个状态时如何过渡动画的意义:告诉用户发生了什么transition 属性transition-propertytran...原创 2020-04-08 22:37:52 · 168 阅读 · 0 评论 -
第六届360前端星计划_深入CSS
主讲人赵文博360前端技术专家奇舞团一、选择器的特异度(Specificity)提出问题:哪条规则生效?<article> <h1 class="title">拉森火山国家公园</h1></article><style> .title { color: blue; } article h1...原创 2020-04-08 22:20:14 · 252 阅读 · 0 评论 -
第六届360前端星计划_了解CSS
主讲人赵文博360前端技术专家奇舞团一、CSS是什么Cascading Style Sheets用来定义页面元素的样式设置字体和颜色设置位置和大小添加动画效果h1 { <!-- 选择器 --> color: white; <!-- color:属性 white:属性值 --> fo...原创 2020-04-08 15:45:57 · 192 阅读 · 0 评论 -
第六届360前端星计划_HTML与前端
前言主讲人:赵文博360前端技术专家奇舞团一、什么是前端解决GUI人机交互问题跨终端PC/移动浏览器客户端VR/AR等Web技术栈二、前端技术栈JavaScript(行为)CSS(样式)HTML(内容)JavaScript、CSS、HTML运行在浏览器中,通过http协议与服务器端通信,获取前端代码渲染页面,浏览器也可以把用户填写的内容通过HTTP协...原创 2020-04-08 01:05:07 · 273 阅读 · 0 评论