vue 是什么？webpack 是什么？

2024-04-22 10:49:48

vue 是什么？

vue 是一套用于构建用户界面的渐进式框架。

框架和库之间的区别

库和框架的区别

1、库：也就是我们说的插件，是一种封装性很好的特定方法的集合，对项目的侵入性很小，提供给开发者使用，控制权在使用者手上，如果某个库无法完成某些需求，可以很容易的切换到其他的库实现需求。
2、框架：是一套架构，会基于自身特点向用户提供一套相当完整的解决方案，而且控制权在框架本身。对项目的入侵性较大，使用者要按照框架规定的某种特定规范进行开发，项目如果需要更换框架，则需要重新架构整个项目。

目前的框架有哪些？库有哪些？

1、目前前端流行的框架有：Angular 、 Vue 、 React
2、流行的一些库：jQuery

bootstrap框架：用于开发响应式布局、移动设备优先的 WEB 项目。
element-UI 组件库：一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。
Vant：是有赞前端团队开源的移动端组件库
Quasar：（发音为/kweɪ.zɑɹ/)是MIT许可的开源框架（基于Vue），可帮助Web开发人员创建：

响应式网站
PWA（Progressive Web App）
通过Apache Cordova构建移动APP（Android，iOS，…）
多平台桌面应用程序（使用Electron）

webpack 是什么？

WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。

通过上图能够简单的理解：webpack 就像是一个黑盒子，通过这个黑盒子的模块（js、ts、png、sass 等），将最终转化成浏览器可识别的文件。

webpack 能做什么？

代码转换、文件优化、代码分隔、模块合并、自动刷新、代码检校、自动发布。

优点：模块化
在webpack看来一切都是模块！这就是它不可不说的优点，包括你的JavaScript代码，也包括CSS和fonts以及图片等等等，只有通过合适的loaders，它们都可以被当做模块被处理。

vue 是什么？webpack 是什么？相关推荐

vue +vue-router + es6 +webpack 高仿饿了么app
vue +vue-router + es6 +webpack 高仿饿了么app 刚通过某课网的教程学习了vue高仿饿了么app,由于教程是用Vue1.0编写的,现在Vue已经更新到了2.0,所以项目遇 ...
vue 不生效打包样式_解决在vue项目中webpack打包后字体不生效的问题
最近在项目开发过程中遇到如下问题:开发环境中设置的字体样式使用webpack打包后到生产环境不生效.如图: 打开控制台查看元素样式,发现在开发环境的时候"微软雅黑"被解析成unic ...
从零开始手写vue项目的webpack基础配置
一.创建目录结构执行yarn init, 生成package.json文件; 1.写入文件建立目录结构可参考vue项目目录结构: 首先建立一个src文件夹,其中包含index.html,App.v ...
RAP、Mock.js、Vue.js、Webpack
最近做项目使用的是RAP1的接口,但是昨天开始,RAP1 出现了问题,接口都不能用了. 所以补充一下Mock.js的用法,以便在这种突发的情况时候时自己通过Mock的方式来处理接口. npm init ...
Vue全家桶 + webpack 构建单页应用初体验
文章指南主题承接这上一篇Vue + Webpack 构建模块化开发框架详解,我们知道了如何使用webpack对vue进行打包,从而开始我们的前端模块化开发之路,这一篇在上一篇的基础上讲解 Vu ...
Vue 2.x + Webpack 4.x的那些事---萌新必备
大家好,本人名叫苏日俪格,现在很多的项目都使用了webpack,现在最火的也就是vue和webpack结合来完善一个项目,由于介入了一个有几年历史的产品,第一步不得不看看webpack的配置项,看看项 ...
vue项目（webpack+mintui），使用hbuilder打包app - 小小人儿大大梦想 - 博客园
一.配置config/index.js 本人没有配置index.js文件,就开始进行了打包,结果最终效果是页面空白,解决了空白,接着底部图标(我是用的阿里巴巴图片)资源找不到.所以配置这步比较重要. ...
总结下用Vue.js和webpack遇到的问题
这段时间用vue.js+webpack做一个单页应用的demo,第一次尝试模块化,技术水平有限,学习不够深入,总是遇到各种问题,所谓前事不忘后事之师,so记录下. 1.ES6匿名函数里面this值结 ...
vue indev.html,webpack - Can't add script tag to Vue component files ( *.vue ) - Stack Overflow
I'm new to vue.js. I'm trying to render vue component file but when I add to vue component, for exam ...
Vue笔记：webpack项目vue启动流程
VUE启动流程 1. package.json 在执行npm run dev的时候,会在当前目录中寻找 package.json 文件, 有点类似 Maven 的 pom.xml 文件,包含项目的名称 ...

最新文章

热门文章