前端
|绝对值|
这个作者很懒,什么都没留下…
展开
-
前端入门——小程序
一、简介⼩程序解决了什么问题H5:开发速度较快,各个平台的一致性较好,执行起来会有较长的白屏时间,对于系统接口访问有局限。APP:体验上优势较大,开发成本较高,各个平台会有较大的差异。小程序:相对于H5,小程序除第一次加载,小程序的layout和资源均从本地运行,不经过网络,大大提高了启动速度,减少了白屏加载时间,小程序代码经过审核,宿主APP可以比较放心的把更多权限赋予小程序。相对于...原创 2020-04-12 22:16:41 · 652 阅读 · 0 评论 -
前端入门——前端性能优化
一、RALL模型使用RALL模型评估性能RALL模型:以用户为中心的性能模型,每个网络应用都具有与生命周期有关的四个方面,而且这些方面以不同的方式影响着性能。延迟与用户反应响应:50ms处理事件目标:在100ms内响应用户输入指导50ms内处理用户输入事件,确保100ms内反馈用户可视的响应。对于开销大的任务可分隔任务处理,或放到worker进程中执行,避免影响用户交互。处...原创 2020-04-11 21:48:01 · 213 阅读 · 0 评论 -
前端入门——动画原理及实现
一、动画动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画function update(context) { // 更新属性}const ticker = new Ticker();ticker.tick(update, context);动画的种类JavaScript 动画操作DOMCanvasCSS 动画transitionanimatio...原创 2020-04-11 21:02:24 · 405 阅读 · 0 评论 -
前端入门——前端模块化
一、什么是前端工程化?⼯程化的目标在前端领域,利用技术不断进步和经验逐步积累带来的各种⽅案,来解决在项目的开发、测试、维护阶段中遇到的种种低效和繁琐的问题。⼯程化里的技术⼯程化是⼀种思想,技术是⼀种实践。技术会随着时代进步不断地演进和改变,在不同的时期,都会有不同的技术来承载和践⾏着⼯程化思想。思想的落地离不开⾏动和实践,技术虽然会过时,但是实践必须立⾜当下。为什么前端要做⼯程化历史...原创 2020-04-11 19:53:06 · 206 阅读 · 0 评论 -
前端入门——Node.js基础
什么是Node.js与JS的区别基于异步 I/O 相关接口 基于 node_modules 和 require 的模块依赖 提供 C++ addon API 与系统交互Node.js 可以干什么?Web 服务端:Web Server、爬虫 CLI 命令行脚本:webpack GUI 客户端软件:VSCode、网易云音乐 IoT, 图像处理, 实时通讯,加密货币......原创 2020-04-10 21:00:33 · 355 阅读 · 0 评论 -
前端入门——正则表达式
1.正则表达式的创建和使用创建正则表达式的两种方式使用正则表达式字面量const reg = /[a-z]\d+[a-z]/i;优点:简单方便 不需要考虑二次转义缺点:子内容无法重复使用 过长的正则导致可读性差使用 RegExp构造函数const alphabet = '[a-z]'; const reg = new RegExp(`${alphabet}\...原创 2020-04-10 16:44:35 · 577 阅读 · 0 评论 -
前端入门——常用的HTTP知识
HTTP是应用层协议联网细节交给了通用的传输协议:TCP/UDP请求/响应报文<method> <request-URL> <version><headers><entity-body><version> <status> <respon-phrase><header...原创 2020-04-09 19:10:04 · 158 阅读 · 1 评论 -
前端入门——web标准
Web标准介绍IETF(互联网工程任务组):HTTP/0.9:最简单的通信协议,只有GET方法;https://www.w3.org/Protocols/HTTP/AsImplemented.htmlHTTP/1.0:一份参考文档,总结和记录浏览器有代表性的实现;https://tools.ietf.org/html/rfc1945HTTP/1.1:对HTTP/1.0的改进,增加了持久...原创 2020-04-09 18:42:10 · 424 阅读 · 0 评论 -
前端入门——JS从入门到放弃
主讲人:月影思考:如何写“好” JavaScript一、各司其职JavaScript :行为CSS :表现HTML:结构尽量做到职责分离关灯吃面:版本1黑夜与白天的切换HTML代码:<div id="main"> <div class="pic"> <img src="https://p4.ssl.qhimg.com/t0...原创 2020-04-09 18:40:02 · 576 阅读 · 0 评论 -
前端入门-- CSS
CSS 是什么?用来定义页面元素的样式设置字体和颜色 设置位置和大小 添加动画效果原创 2020-04-09 17:55:39 · 276 阅读 · 0 评论 -
前端入门——CSS动画,旋转移动及响应式设计
1.CSS动画及旋转移动transform 变形对元素进行平移、旋转、缩放、倾斜 translate rotate scale skew transform不会对其它元素布局产生影响使用transform:translate(100%,100%) 百分数是相对于元素本身而不是容器的大小旋转用rotate函数 围绕元素中心点旋转,但可以通过transfo...原创 2020-04-09 15:18:49 · 706 阅读 · 0 评论 -
前端入门 -HTML篇
什么是前端?解决 GUI 人机交互问题 跨终端 PC/移动浏览器 /客户端/VR/AR等web技术栈 Web技术栈HTMLHTML语法<!doctype html>决定html版本和渲染模式<html>根元素<head>包含元数据标签和属性不区分大小写,推荐小写 空标签可以不闭合,比如input、meta 属性值推荐用双引号...原创 2020-04-08 23:24:08 · 307 阅读 · 0 评论