网页布局是前端中一个基本概念，当一张空白的网页呈现在我们眼前时，如何把文字，图片等网页
转载
2023-03-06 10:35:35
125阅读
rem布局em和rem的认识在布局中，除了px之外，还有两个常见的单位，em和remem： 相对于当前元素的字体大小→ 1em = 当前标签的font-sizerem： 相对于根元素（html）的字体大小→ 1rem = html标签的font-size浏览器默认的font-size的大小为16pxrem布局的效果：屏幕越大，标签就越大屏幕越小，标签就越小rem布局的原理：通过媒体查询的方式动态改
转载
2024-08-20 11:45:10
79阅读
UI框架iView UI组件库Vux UI组件库Element UI组件库Mint UI组件库Bootstrap-Vue UI组件库Ant Design Vue UI组件库AT-UI UI组件库Vant UI组件库cube-ui UI组件库Muse-UI UI组件库N3-components UI组件库Mand Mobilewe-vue UI组件库veui UI组件库Semantic-UI-Vu
电商后台管理系统的功能——页面的整体布局1. 整体布局整体布局：先上下划分，再左右划分。 需要使用到ElementUI中提供的Container组件<el-container>
<!-- 头部区域 -->
<el-header></el-header>
<el-container>
<
转载
2024-01-22 18:43:15
75阅读
<!DOCTYPE html><html> <head> <meta charset="utf-8 .cle...
原创
2020-02-09 16:57:25
55阅读
Flutter布局机制简介要布局的页面Flutter中图片资源加载方式（第一部分）标题栏widget设计方式（第二部分）按钮布局widget设计方式（第三部分）文本部分整合 本文参考链接：在Flutter中构建布局，主要解释一下这里的思路和遇到的坑。Flutter布局机制简介 Flutter布局机制的核心就是widget。在Flutter中...
原创
2021-06-02 15:19:48
1026阅读
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>圣杯布局实现思路</title> <style type="text/css"> *{ margin: 0; padding: 0; } .cle...
原创
2020-02-09 16:57:25
151阅读
接上文，开始准备布局页，见下图，包括顶部一个头部和一个底部导航。1、在we-vue组件库中找到对应的组件 1)头部，包括网站logo和【注册|登陆】按钮，这对应着we-vue组件库的Header组件2）底部导航，包括【首页、所有商品、购物车、我】 四个菜单项，这对应着we-vue组件库的Tabbar组件 这两个组件都位于官方文档的【导航相关】目录下，we-vue是所有基于weu
# Vue 架构思路
Vue.js 是一种流行的前端JavaScript框架，因其简洁易用和灵活的设计而深受开发者喜爱。本文将探讨 Vue 的架构思路，并通过代码示例来展示其核心概念。
## Vue 架构概述
Vue 的设计理念是通过将应用的 UI 组件化来管理状态和行为。Vue 的核心部分主要由以下几个概念组成：
1. **组件 (Component)**: 是 Vue 的基本构建块，可
html<template<div<vlayoutclass="px4pb3"<vflexxs5style="backgroundcolor:ff0000;"<vbtnclass="info"新增品牌</vbtn</vflex<vspacer/<vflexxs5style="backgroundcolor:ffff00;"<vtextfieldlabel="搜索"hidedetailsappend
原创
2021-09-18 15:02:32
1131阅读
Web容器Web技术的发展史早期的Web应用主要用于浏览新闻等静态页面，HTTP服务器（比如Apache、Nginx）向浏览器返回静态HTML，浏览器负责解析HTML，将结果呈现给用户。随着互联网的发展，我们已经不满足于仅仅浏览静态页面，还希望通过一些交互操作，来获取动态结果，因此也就需要一些扩展机制能够让HTTP服务器调用服务端程序。于是Sun公司推出了Servlet技术。你可以把Servlet
转载
2024-09-20 20:51:23
52阅读
一直以来，移动端适配问题都是我工作中的一大难题，经常会碰到各种坑，今天有时间，为了能在新项目中更完美的使用vw来做移动端的适配，使用了一下vw在vue中的适配，下面记录一下。使用Vue-cli来构建项目$ npm install -g vue-cli(注意这里是使用的vue 2 不是cli3)因为cli3要在config.js里进行配置，试了一下没有成功全局安装Vue-cl
由于前两天，家里面有事，一直没有更新，很是抱歉，我给大家准备了点礼物，放在文章的最后面了。 我们回归正题，我们进行网页布局，应该怎么布局呢？我们应该考虑的是，我们进行网页布局，应该更多部分去满足客户的
原创
2022-08-09 21:01:19
301阅读
能看到上面瀑布流的实现前提，是需要每个子组件都有明确固定高度。而我有一场景是：子组件的高度不能提前知道，它的高
原创
精选
2024-06-20 14:31:52
942阅读
1.elementui布局框架Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 。换句话说:Element它是在vue2.0的基础上，提供了各种组件(比如表单 表格 菜单导航.....),使用这些组件可以更好得完成功能和布局。2.1 如何使用elementui组件（1）需要再相应得网页中引入vue和elementui得文件注意:必须先引入vue在引入elem
转载
2024-03-27 09:03:23
216阅读
一.简介Vue是现在最流行的前端框架之一，而且相对于其他两个框架React和Anglar来说也更加易学，而且它的作者是国人，中文文档也很完善。二.Vue基本概念1.单文件 首先，我们来抛开那些复杂的框架配置，先从单文件开始学习Vue最基本的内容。这里引用了Vue框架的CDN，所以不需要任何配置即可使用Vue。 浏览器打开如下： 2.Vue实例 Vue框架中最重要的东西就是Vue实例，它是Vue框架
转载
2023-10-27 07:45:09
62阅读
公司内部一直有大屏的需求，也一直再做，中途也踩了一些坑，但是没有认真的来总结下。首先项目中，做过移动端的适配，也有现在的大屏需求，中间都离不开不一个单位rem，自适应看起来就很麻烦，不过无惧困难，困难才会看到你说，哟，厉害了，我闪~，下面慢慢聊来。浅析rem首先rem是css单位，相比于px固定的像素单位，rem更加的灵活，还有现在也比较好的vm。如果从未了解过，可以先过过眼rem自适应。CSS3
转载
2024-07-11 21:25:58
237阅读
前端实现圣杯布局【常用的两种方案】一?
原创
2022-09-05 08:29:30
502阅读
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> 初识vue</title>
<!--引入vue 引入之后，全局就多了一个vue这个构造函数-->
<
转载
2024-03-26 13:34:14
41阅读
1.webpack打包配置: 设置多个入口; 一个入口标志一个html单页资源; 经常结合htmlWebpackPlugin插件使用; 其描述如下：2.页面的多页思路
原创
2022-07-06 10:36:38
154阅读
