前端学习笔记
文章平均质量分 86
记录学习笔记
liyfn
前端垫底人
展开
-
webpack指南(项目篇)——webpack在项目中的运用
前面我们对webpack的基本使用进行了简单的介绍,今天我们来一起总结下webpack在项目中的使用。项目中开发和生产环境往往使用的是不同的请求地址和端口号,我们在配置的时候需要动态的去获取,不能固定写死,这个时候就需要用到环境变量了;1.webpack环境变量webpack 命令行 环境配置 的 --env 参数,可以允许你传入任意数量的环境变量。而在 webpack.config.js 中可以访问到这些环境变量。例如,–env production 或 --env goal=local。原创 2023-03-10 16:27:11 · 924 阅读 · 1 评论 -
webpack指南(优化篇)——webpack项目优化
面试的时候总是会问用webpack对项目做过哪些优化,今天我们就来详细列举一下常用的优化手段;前面我们利用webpack构建了一个项目,今天我们在原项目基础上进行优化,还没有观看的小伙伴可以移步看一下。关于webpack常见的性能优化,我们可以从两个方面去着手考虑:1.传输性能优化;通过优化代码体积等手段提高资源传输速度,达到优化目的;2.构建过程优化;主要是提高webpack的打包速度;原创 2023-03-07 23:15:44 · 936 阅读 · 1 评论 -
webpack指南(基础篇)——手把手教你配置webpack
今天我们来从零开始搭建一个项目,并实现用webpack打包和优化。原创 2023-03-04 22:05:10 · 747 阅读 · 2 评论 -
Vuex(一)各方法的使用详解
开门见山,为什么要使用vuex?在vue项目中如果我们要用到组件传值,一般会选用父子,子父通信的方式,对于简单的项目这种方式是非常方便的。但是对于数据量非常大的项目,是不可取的。Vuex就为我们提供了一种集中管理数据的方式;Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。...原创 2022-08-04 23:56:18 · 283 阅读 · 0 评论 -
初识less语言(入门篇)
专栏—前端学习笔记文章目录专栏—前端学习笔记前言一、Less是什么?二、Less的使用1、安装2、导出css3、引入与禁止导出二、Less语法1、运算2、嵌套2.1父子级嵌套2.2同级嵌套3、变量4、混合4.1、整体调用混合参数4.2、部分调用混合参数4.3、调用混合参数的某个属性4.4、混合参数的传参5、实战练习总结前言这篇笔记算是给新手分享的入门篇笔记吗?嗯…怎么不算呢~你觉得less语法有什么优势呢?我觉得吧…嗯…less老师特别的努力…努力的让css书写…嗯…更加的…方便吧…这样的原创 2022-04-21 16:37:43 · 1397 阅读 · 3 评论 -
一文看懂flex布局
文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言flex布局做为前端最为常用的布局方式之一,它的重要性不言而喻,今天我们来分享flex布局的应用;提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib原创 2022-04-18 17:53:01 · 5656 阅读 · 2 评论 -
前端笔记(02)——2D变换的应用
2D变换:平移、缩放、倾斜、旋转的特性及应用;原创 2022-04-13 11:08:19 · 266 阅读 · 0 评论