前端框架
EveryPossible
算法工程师,科技博主,数码爱好者。
展开
-
Webpack能做什么?
Webpack: 入口(entry):通过入口(Vue中的new Vue()就是入口)将各模块整合,生成一张模块依赖图。 出口(output):告诉Webpack将打包后的代码生成的文件名是什么(filename),以及将它放在哪里(path)。 Loader:把不同的模块和文件(比如:HTML、CSS、typescript等)转换为JavaScript模块。 plugins:对Loader编译后的代码进行封装优化,用来控制最终生成的代码是如何组织和输出的,包括对代码的打包优化、压缩、启用模块热替换等等。原创 2022-04-09 16:17:21 · 607 阅读 · 0 评论 -
前端模块规范
模块规范: 运行时确定各模块的依赖关系:CommonJS(不支持异步加载,所以出现了AMD)、AMD、UMD(整合了CommonJS和AMD) 编译时确定各模块的依赖关系: ES6模块化(import加载export输出),导出的模块为变量引用,因此在内存中可以共享。 因为需要在编译阶段确定各模块间的依赖关系,所以需要使用 babel、webpack 构建依赖关系树。而且由于ES6模块化在各个浏览器的兼容性差异较大,所以我们需要进行bebel编译和Webpack进行打包,这个过程我们称之为代码构建。原创 2022-04-09 16:15:57 · 574 阅读 · 0 评论 -
前端路由的核心
前端路由: History模式: history模式离不开window.history API,可用来获取用户历史记录的History对象。 Hash模式: 从井号(#)开始的URL(锚)片段,主要依赖 Location 对象的hash属性(location.hash)和hashchange事件。 ...原创 2022-04-09 15:44:36 · 677 阅读 · 0 评论 -
为什么小程序与其他的前端开发大不相同呢?
为什么小程序与其他的前端开发大不相同呢? 小程序的与众不同之处在于 页面元素无法获取,只能通过 setData 更新页面,各种浏览器接口都无法正常使用。这个问题是小程序的设计者考虑不周吗?其实不是的,这是基于安全和管控的考虑下设计的。 小程序使用了iOS内置的JavaScriptCore框架和Android的JSCore引擎提供了一个没有浏览器相关接口的环境,用于JavaScript脚本的执行。没有了浏览器相关接口,用户也就无法直接操作DOM,无法使用浏览器相关的API来改变页面内容、获取敏感信息,原创 2022-04-09 15:30:52 · 3073 阅读 · 0 评论 -
为什么需要前端框架?
为什么需要前端框架? 想了解一个事物为什么诞生,就必然要去了解在它出现之前遇到了什么问题或者瓶颈。 首先随着时代的发展,前端已经从切图、拼接代码等要求逐渐转变向交互、性能发展。框架正是更加有利于前端程序员以尽可能少地去编写交互性更好、性能更优地代码。 前端框架的核心:模板引擎 原本一个<div>HTML模板,经过AST生成一个对象,最终生成一个<div>DOM节点。在这个过程中框架能够自己执行许多操作。 ...原创 2022-04-09 14:58:22 · 923 阅读 · 0 评论