摘要: module1_工程化基础、自动化工具 前端工程化概述、Node.js基础 脚手架工具 自动化构建 gulp 阅读全文
posted @ 2021-03-29 09:53 叻仔猪 阅读(32) 评论(0) 推荐(0) 编辑
摘要: gulp 对于自动化构建工具有grunt、gulp、FIS grunt 是最早的前端自动化构建工具,功能很完善,但是构建过程是基于临时文件,所以构建速度比较慢 gulp 是基于内存实现的,同时其生态也比较完善 FIS 是百度团队开发的,但是主要为百度来维护 gulp 与 npm scripts gu 阅读全文
posted @ 2021-03-29 09:43 叻仔猪 阅读(61) 评论(0) 推荐(0) 编辑
摘要: 自动化构建 为什么要自动化构建,没有自动化构建是不是就不行? 从某种程度上可以这么说 因为一些代码需要编译(css、js),保证浏览器的兼容性 将 Less 或 Sass 转换成 CSS 将 ES6 + 的信誉发转成ES5 代码压缩等 总的来说自动化构建是指将手动构建任务,通过命令自动执行的过程(最 阅读全文
posted @ 2021-03-29 09:42 叻仔猪 阅读(46) 评论(0) 推荐(0) 编辑
摘要: 脚手架工具 一、脚手架工具 是前端工程化的发起者 (1)作用 创建项目基础结构(可复用性代码)、提供项目规范和约定 脚手架创建的目录结构 而脚手架也分通用脚手架和专用脚手架 二、Yeoman 接下来就 yeoman 脚手架工具来学习脚手架工具的基础 (1)基本概念 Yeoman 是一款脚手架工具 y 阅读全文
posted @ 2021-03-29 09:40 叻仔猪 阅读(50) 评论(0) 推荐(0) 编辑
摘要: 前端工程化概述、Node.js基础 一、为何要讲前端工程化概述呢? 因为前端开发中进场会碰到需要用不同工具解决的问题 1.1 面临的问题 ① 项目上线之前,代码需要压缩 ② 想用ES6+ 或CSS3 新特性,要解决兼容性问题 有一个可以查看兼容性的网站 ③ 多人协作开发,代码风格无法统一 ④ 对 L 阅读全文
posted @ 2021-03-29 09:36 叻仔猪 阅读(77) 评论(0) 推荐(0) 编辑
摘要: 跨域和模板引擎引用 一、介绍跨域与同源策略 1.1 同源策略 同源策略是浏览器的一种安全策略,所谓同源是指域名、协议、端口号完全相同 在同源策略下,只有同源的地址才可以相互通过AJAX的方式请求 同源或者不同源说的是两个地址之间的关系,不同源地址之间请求我们称之为跨域请求 1.2 跨域 因为同源策略 阅读全文
posted @ 2021-02-27 15:17 叻仔猪 阅读(51) 评论(0) 推荐(0) 编辑
摘要: Ajax 常用库 一、jQuery中的ajax方法 1.1 $.ajax() 参数是一个对象,其中常用的属性有 ① url ② type:可以为get、post等 ③ dataType:表示传过来的数据,可以为json或者jsonp ④ data:用对象表示要传输过去的数据 ⑤ beforeSend 阅读全文
posted @ 2021-02-27 15:16 叻仔猪 阅读(63) 评论(0) 推荐(0) 编辑
摘要: Ajax 基础 一、Ajax概述 在AJAX之前JS的能力有限,所以web提供的API都处于不联网状态 因为数据存在放服务端,无法通过已知的API获取 1.1 已知发送请求的方式 地址栏输入地址,回车,刷新 特定元素href和src属性 表单提交 问题: 这些操作都无法利用自己的js代码进行响应(操 阅读全文
posted @ 2021-02-27 15:15 叻仔猪 阅读(53) 评论(0) 推荐(0) 编辑
摘要: 实现JSON.stringify 实现 JSON.stringify 这个方法,是考察对JS各种数据类型的深度,提高处理各种极端的边界情况的处理能力 先介绍JSON对象的两个方法。 ① JSON.parse ② JSON.stringify 一、JSON.parse 这个用来解析JSON字符串,结构 阅读全文
posted @ 2021-02-27 15:09 叻仔猪 阅读(75) 评论(0) 推荐(0) 编辑
摘要: JS 闭包难点剖析 javaScript中闭包是相当重要的概念,并且与作用域相关知识的指向密切相关。 思考题: ① JS中的作用域是什么意思 ② 闭包会在那些场景中使用 ③ 通过定时器循环输出自增的数字通过JS的代码如何实现? 一、作用域、闭包介绍 1.1 作用域 在ES6出现之前只存在全局作用域与 阅读全文
posted @ 2021-02-27 15:07 叻仔猪 阅读(89) 评论(0) 推荐(0) 编辑