#前端工程化

Webpack require.context() 前端工程化之动态导入文件

随着项目越来越大,业务需要越来越多,我们项目的目录层级也是非常的多。如果还是通过import分别引入文件,那是非常的不科学的。比如vue项目vuex文件非常多:importVuefrom'vue';importVuexfrom'vuex';Vue.use(Vuex);importuserfrom'./stores/us...

[转载]我们是如何做好前端工程化和静态资源管理

随着互联网的发展,我们的业务也日益变得更加复杂且多样化起来,前端工程师也不再只是做简单的页面开发这么简单,我们需要面对的十分复杂的系统性问题,例如,业务愈来愈复杂,我们要如何清晰地梳理;团队人员愈来愈多,我们要如何更好地进行团队协作;功能愈来愈多,我们要如何保证页面的性能不至于下降,等等。所有的这些都可以归结为如何提升...

前端工程化

什么是前端工程化?web前端这几年飞速发展,以前前端工程师还是一个不受重视的职位,日常工作就是切图、用JQuery写脚本,从某种意义上来说,只是后端的附属物。最近几年,尤其是nodejs的出现,使前端越来越受重视,同时也带来一个问题,前端规模越来越大,如何提高前端工程师的开发效率变得非常重要。这就是前端工程化的目的。&...
代码星球 ·2020-11-21

公司内部技术分享之Vue.js和前端工程化

今天主要的核心话题是Vue.js和前端工程化。我将结合我这两年多的工作学习经历来谈谈这个,主要侧重点是前端工程化,Vue.js侧重点相对前端工程化,比重不是特别大。Vue.js和React.js、Angular.js并驾齐驱号称前端三大框架(前端最常用的这三大框架,大中小公司均采用)。Vue.js是一个叫尤雨溪及其他的...

基于webpack的前端工程化开发解决方案探索(一):动态生成HTML(转)

  软件工程的工程化开发概念由来已久,但对于前端开发来说,我们没有像VS或者eclipse这样量身打造的IDE,因为在大多数人眼中,前端代码无需编译,因此只要一个浏览器来运行调试就行了。但是时至今日,互联网特别是移动互联网为前端开发带来了更大的机会,同时前端代码也变得越来越复杂,越来越难以管理,因此前端工程化开发的工作...

Webpack 3.0 前端工程化(编译ES6/ES7、编译TypeScript、打包提取公共代码、代码分割和懒加载)

(1)编译ES6----测试后有问题,先继续往下  使用webpack配合babel打包编译ES6/ES7  1、Babel是应用比较广泛的编译工具2、在webpack使用时需要借助babel-loader,之前提到过,在webpack中编译处理静态文件,都会用到loader。而babel-loader是一款编译性质的...

Webpack 3.0 前端工程化(背景、模块化、环境准备)

(1)背景      作者受Google工具的模块分割影响有了创作灵感      随着SPA的推广,前端应用复杂度快速提升。               MVC时代便有了模块化的初期思想     三大框架便将模块化概念推...

前端工程化与webpack

(1)前端工程化 近几年来,前端领域飞速发展,前端的工作早已不再是切几张图,写几个页面那么简单,项目比较大时,很可能会多人协同开发,模块化,组件化,CSS预编译等技术也被广泛的使用。前端自动化(半自动化)工程已经成为现在的主流。前端工程化主要解决一下问题Javascript、CSS代码的合并和压缩CSS预处理...
代码星球 ·2020-04-08

前端css框架有哪些

1.Bootstrap:Bootstrap是目前最流行的前端CSS框架之一,由Twitter开发并开源。它提供了丰富的响应式布局、表单、导航、按钮、图标等组件,可以快速构建出美观、兼容性强的网页。Bootstrap还有一个非常强大的栅格系统,可以方便地实现网页的自适应布局。2.Foundation:Foundation...
开发笔记 ·2024-09-26

前端开发技术有哪些

以下是一些常见的前端开发技术:1.HTML(超文本标记语言):HTML是构建网页结构的基本语言。它使用标签来定义网页的不同元素,如标题、段落、图像等。2.CSS(层叠样式表):CSS用于控制网页的样式和布局,如字体、颜色、间距和排列等。它可以使网页呈现出想要的外观和风格。3.JavaScript:JavaScript是...
开发笔记 ·2024-09-06

前端如何用 canvas 来做电影院选票功能

电影院选票功能可以通过Canvas来实现,具体实现步骤如下:绘制座位图案:使用Canvas绘制座位图案,可以用矩形或圆形来表示每个座位,还可以添加不同颜色来表示该座位的状态(已售、已选、可选等)。添加鼠标事件:添加鼠标事件,如鼠标移动、鼠标单击等,来实现用户交互操作。例如,当用户点击座位时,将该座位的状态改为已选状态,...

layui 极简模块化前端 UI 框架

Layui是一套开源免费的的WebUI组件库,采用自身轻量级模块化规范,遵循原生态的HTML/CSS/JavaScript开发模式,极易上手,拿来即用。其风格简约轻盈,而内在雅致丰盈,甚至包括文档在内的每一处细节都经过精心雕琢,非常适合网页界面的快速构建。Layui区别于一众主流的前端框架,却并非逆道而行,而是信奉返璞...

VC# 线程中 MessageBox.Show 不在最前端(非模式对话框)的解决

线程中调用MessageBox.Show("ITPOW"),结果发现并不是在窗口的前端,也就是说在关闭对话框前,窗口仍然是活动的,可以被点击的。网上的解决办法只需要指定MessageBox.Show的第一个参数:(IWin32Window)this。如果信了,就“杯具”了,应该把整个MessageBox.Show交回窗...

前端Vue中使用crypto-js对数据进行加密,后端php解密

使用前后端分离技术,前端采用Vue,后端使用php,在开发过程中因某些数据需要进行加密与解密,我们采用前端插件crypto-js应用于项目中。安装crypto-jsnpminstallcrypto-js在Vue项目中编写前端加密工具类/tools/crypto.js/**crypto.js**///npminstall...

前端布局:Flex弹性布局使用及说明

CSS中的flexbox生来就是为了布局而生的,使用它能使许多布局布局变得简单。典型的三栏式布局、垂直水平居中布局,使用的是传统的浮动法、定位法,代码相对复杂难懂,如果使用flexbox就会变得很简单。Flex布局的主要思想是使父元素能够调节子元素的高度、宽度和排布的顺序,从而能够最好地适应可用布局空间(能够适应不同的...
首页上一页12345...下一页尾页