![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
360前端星计划
文章平均质量分 75
参加360前端星计划的学习笔记
星宇非凡
这个作者很懒,什么都没留下…
展开
-
360前端星计划--技术翻译:进阶的直梯
文学翻译 非文学翻译 艺术成分多一些 科学成分多一些 需要更多的灵感 需要更多的勤奋 责任小一些 责任大一些 技术翻译的意义翻译技术文章,学习新技术思想 翻译技术文档,掌握标准和工具 翻译技术图书,获得名声和报酬技术翻译的标准准确、地道、简洁技术翻译的方法 消化吸收原文 母语地道表达 就是翻译意思 技术翻译...原创 2020-04-12 17:20:21 · 174 阅读 · 0 评论 -
360前端星计划--前端代码的自我修养
如何衡量代码质量的好坏衡量代码质量的唯一有效标准:WTF/min —— Robert C. Martin代码规范yarn global add eslint{ "extends": "eslint:recommended", "rules": { // enable additional rules "indent": ["er...原创 2020-04-12 17:14:04 · 202 阅读 · 0 评论 -
360前端星计划--Web点播直播入门
什么是视频了解媒体数据存储和应用的基础原理。格式与内容文件扩展名≈媒体封装格式(媒体容器类型) 媒体封装格式≠音视频编码格式(使用了谁家的编码器) 文件内容: 1)头信息(格式、时长、帧率、码率、分辨率...) 2)索引信息 3)视频数据 4) 音频数据 5)附加增强数据...视频数据显示器颜色呈现基于RGB(红绿蓝)颜色空间模型 视频领域大多基于YU...原创 2020-04-12 17:01:38 · 372 阅读 · 0 评论 -
360前端星计划--小程序,大世界
01 简介小程序解决了什么问题相关的技术栈1.HTML/CSS/JavaScript2.NodeJS3.移动设配4.HTTP协议/HTTPS5.OAuth26.GIT主要的小程序平台类似小程序的技术Cordova: 通过webview渲染,通过插件调用系统服务PWA: Service Worker和Push APIReact Native...原创 2020-04-12 16:44:31 · 175 阅读 · 0 评论 -
360前端星计划--一起优化前端性能
01 使用RAIL模型评估性能以 用户为中心 的性能模型,每个网络应用都具有与其生命周期有关的四个方面,而且这些方面以不同的方式影响着性能。延迟与用户反应响应:50ms处理事件01 目标在100ms内响应用户输入02 指导1.50ms内处理用户输入事件,确保100ms反馈用户可视的响应2.对于开销大的任务可分隔任务处理,或放到 worker 进程中执行,避...原创 2020-04-11 15:34:22 · 159 阅读 · 0 评论 -
360前端星计划--JS动画原理与实现
动画的基本原理定时器改变对象的属性 根据新的属性重新渲染动画function update(context) { // 更新属性}const ticker = new Ticker();ticker.tick(update, context);动画的种类JavaScript 动画 操作DOM Canvas CSS 动画 transition an...原创 2020-04-11 13:37:22 · 230 阅读 · 0 评论 -
360前端星计划--前端工程化浅析
什么是前端工程化? 目标,技术,原因工程化的目标 在前端领域,利用技术不断进步和经验逐步积累带来的各种方案,来解决在项目的开发、测试、维护阶段中遇到的种种低效和繁琐的问题。前言工程化里的技术 工程化是一种思想,技术是一种实践。技术会随着时代进步不断地演进和改变,在不同的时期,都会有不同的技术来承载和践行着工程化思想。思想的落地离不开行动和实践,技...原创 2020-04-11 12:08:34 · 140 阅读 · 0 评论 -
360前端星计划--Node.js 基础入门
01什么是 Node.jsNode.js® is aJavaScript runtimebuilt onChrome's V8 JavaScript engine.https://nodejs.org与 JavaScript 的区别基于异步 I/O 相关接口 基于 node_modules 和 require 的模块依赖 提供 C++ addon API 与系统交互N...原创 2020-04-10 19:59:34 · 7866 阅读 · 0 评论 -
360前端星计划--正则的三个应用场景
正则表达式的创建和使用创建正则表达式的两种方式01 使用正则表达式字面量const reg = /[a-z]\d+[a-z]/i;优点简单方便 不需要考虑二次转义缺点子内容无法重复使用 过长的正则导致可读性差02 使用 RegExp构造函数const alphabet = '[a-z]';const reg = new RegExp(`${alphabe...原创 2020-04-10 17:13:37 · 394 阅读 · 2 评论 -
360前端星计划--前端常用的HTTP知识
HTTP是应用层协议联网细节交给了通用的传输协议:TCP/UDP请求/响应报文<method> <request-URL> <version><headers><entity-body><version> <status> <respon-phrase>...原创 2020-04-09 16:52:38 · 132 阅读 · 0 评论 -
360前端星计划--Web标准:前端的原力
Web标准概述Web是World Wide Web(万维网)的简称。World Wide Web由Tim Berners-Lee在1989年发明。Web标准是构成Web基础、运行和发展的一系列标准的总称。Web标准并不是由一家标准组织制定。 HTTP/0.9:https://www.w3.org/Protocols/HTTP/AsImplemented.html ...原创 2020-04-09 16:19:51 · 272 阅读 · 0 评论 -
360前端星计划--JavaScript从入门到放弃
各司其职版本1违反各司其职的原则,因为JavaScript,Html,Css混编版本2推荐,遵守各司其职还有另一种思路,不用写JavaScript,这样就不会出现错误,但兼容性不好,可能与低版本不兼容(兄弟节点)<input id="light" type="checkbox"></input><div id="main"> ...原创 2020-04-09 16:12:50 · 373 阅读 · 0 评论