前端工程化
文章平均质量分 78
记录学习过程中遇到的问题和基础知识小案例的总结
初辰ge
这个作者很懒,什么都没留下…
展开
-
豆包MarsCode编程助手:让编程更简单
随着AI技术的飞速发展,智能编程助手应运而生,为开发者们带来了前所未有的便捷与灵感。今天,我们将以五子棋小游戏开发为例,深入解读豆包MarsCode编程助手如何助力开发者,让编程变得更加简单、高效。原创 2024-09-02 00:22:14 · 1061 阅读 · 0 评论 -
【Rollup】用rollup从0到1开发一个js插件并发布到npm
Rollup 是一个 JavaScript 模块打包器,专注于打包 ES6 模块将其编译回多种模块化格式,尤其适合打包库和框架,因为它可以生成更小、更高效的代码,并且特别适合将代码打包成可在浏览器中使用的库。原创 2024-05-11 23:01:45 · 577 阅读 · 0 评论 -
【转载】2022凛冬之时三年经验前端面经
面试官让你自我介绍,而且不限定自我介绍的范围,肯定是面试官想从你的自我介绍中了解到你,所以介绍一定要保证简短和流畅,面对不同的面试官,自我介绍的内容可以是完全一样的,所以提前准备好说辞很重要,并且一定要注意:不要磕磕巴巴,要自信!流畅的表达和沟通能力,同样是面试官会对候选人考核点之一。我也曾当过面试官,自信大方的候选人,往往更容易受到青睐。1、个人介绍(基本情况),主要的简历都有了,这方面一定要短2、个人擅长什么,包括技术上的和非技术上的。技术上可以了解你的转场,非技术可以了解你这个人。转载 2023-01-28 13:52:01 · 406 阅读 · 0 评论 -
vue电商管理后台前端项目
电商后台项目概述管理员使用的业务服务:PC后台管理端PC后台管理端的功能:管理用户账号(登录,退出,用户管理,权限管理),商品管理(商品分类,分类参数,商品信息,订单),数据统计前端项目是基于Vue的SPA(单页应用程序)项目,前端技术栈:Vue,Vue-Router,Element-UI,Axios,Echarts项目及数据库准备恢复依赖包安装进入 vue-api-server 目录,运行如下命令,进行恢复安装npm install数据库创建及导入新建数据库 shop_admin,找到原创 2021-03-17 09:39:09 · 2116 阅读 · 1 评论 -
前端工程化之webpack打包知识总结
一、认识 webpackwebpack 是一个流行的前端构建工具,可以解决当前web开发中所面临的各种困境(我们主要开发的就是web程序,而浏览器对高级语法的支持不是很好,所以需要工具进行语法转换)webpack 提供了友好的模块化 支持,以及代码压缩混淆、处理 js 兼容问题、性能优化等强大功能,从而让程序员将工作中心放到具体的功能实现上,提升开发效率和项目的可维护性二、安装和配置以隔行变色案例为例1.初始化项目npm init -y2.跟目录下新建 src 目录,作为代码文件目录原创 2021-03-10 12:23:08 · 1192 阅读 · 0 评论 -
前端布局面典型案例 面试题
前端布局典型案例一、题目要求及页面效果示意图1)如下图布局,分为上下两栏,下面一栏又分左右两栏。上栏宽度为100%、高度为200px,下栏左侧栏宽度为100px,下栏右侧栏根据页面宽度自适应。请写出具体的HTML和css代码。2)当浏览器宽度减少到700px后,顶部栏高度变为50px,下栏左侧栏消失,下栏右侧栏宽度为100%。二、考点分析基础的布局知识,可以用伸缩布局和定位等多种方法实现。媒体查询,媒体查询根据屏幕尺寸的变化进行动态适配,语法为 @media (条件) {}。三、解答原创 2021-02-02 18:46:03 · 1280 阅读 · 4 评论 -
前端rem布局知识总结
前端rem布局知识总结为什么使用 rem 布局?媒体查询为什么使用媒体查询?媒体查询语法mediatype 查询类型关键字(逻辑操作符)媒体特性媒体查询书写规则为什么使用 rem 布局?采用 rem 布局,可以让屏幕发生变化时,元素的高度和宽度以及文字大小等能够等比例缩放父元素文字大小可能不一致, 但是整个页面只有一个html,可以很好的控制整个页面的元素大小媒体查询为什么使用媒体查询?媒体查询可以在不同大小的屏幕中渲染当前页面时,动态的根据当前屏幕初始化 html 的 font-size原创 2021-01-17 19:40:25 · 1337 阅读 · 0 评论 -
flex伸缩布局知识总结
flex伸缩布局传统布局和flex伸缩布局的区别?父项属性flex-direction主轴方向flex-wrap是否换行justify-content主轴排列方式align-items侧轴排列方式(单行)align-content侧轴排列方式(多行)子项属性order排列顺序传统布局和flex伸缩布局的区别?传统布局兼容性好布局繁琐局限性,不能再移动端很好的布局flex布局操作方便,布局极其简单,移动端使用比较广泛pc端浏览器支持情况比较差 IE11或更低版本不支持flex或仅支持部原创 2021-01-13 16:33:23 · 1027 阅读 · 0 评论 -
搭建web静态页面基础知识(html+css)
原创 2020-12-09 19:14:02 · 1095 阅读 · 0 评论