标签： png

什么是组件

组件的出现是为了实现以下两个目标： 降低整体复杂度，提升代码的可读性和可维护性 提升局部代码的可复用性 绝大部分情况下，一个组件就是页面中某个区域，组件包含该区域的： 功能（JS代码） 内容（模板代码） 样式（CSS代码） 要在组件中包含样式，需要构建工具的支撑 组件开发 创建组件 组件是根据一个普 ...

vue自定义组件-实现一个Container全局组件步骤(给还不会使用组件的新手一个思路,大佬绕道)

前言 : 组件系统是Vue.js其中一个重要的概念，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树。 现在基于vue的UI组件库有很多，比如iview，element-ui等。但有时候这些组件库满足不了我们的开发需求，这时候我们就需要自己写 ...

记录--vue脚手架

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、vue脚手架 1.简介 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。 2.命令行操作步骤 npm install -g @vue/cli 安装3.x版本的vue脚手架 vue -V 测试是否安装成功 vue cr ...

Vue如何批量注册组件

最近写项目碰到一个需求，左侧树形结构每个节点对应不同类型的表格，因表格类型各式各样，树形结构上还带有复选框全选功能 决定每一个表格单组为一个组件进行开发，在右侧使用动态组件循环加载展示，组件名定义为左侧树节点的唯一id 此时遇到一个问题就是在main-table组件中需要导入很多组件进行注册如下图 ...

白色卡片阴影效果

.shawdown{ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); } 凑字数 凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字数凑字 ...

前端经典布局

更新一下以前的知识，虽然现在才学，但是为时不晚，而且这些东西还不得不学，挺经典的，就是不知道当初学基础的时候为什么没有学到这些东西 一.左右两列、一行三列、一行多列、多行多列布局 一行四列还有一行多列 首先统一配置需要装在一个盒子里面，让其有个宽高并居中 1.左右两列 一个行的div包两个列的div ...

CSS中最后一点了

什么时候精灵图呢？ 通常在渲染页面的时候，需要服务器向我们发送数据，但有的时候一个页面需要多张图时，服务器就会处于连续发图的工作状态，但如果我们把需要的图都放在一张图上，这样可以大大的减少服务的工作负担，打个比喻。服务器发一张图是，工作流程是：找到图片——读取图片——发送图片，如果是发送5个图片时， ...

基于 Hexo 键入分享功能

原文链接：基于 Hexo 键入分享功能 前言 本站基于Hexo搭建，用的 🦋 hexo-theme-butterfly 主题 v3.7.1，请注意最新的🦋 hexo-theme-butterfly 版本已经更新到 v4.2.2 。 如果你是 v3.7.1 之外的版本，可能有些地方会有出入，请留意 ...

svg中画半圆

svg中有一个标签path，主要表示路径的意思，当我们画一个半圆的时候，如图： <svg> <!-- 背景布 --> <path d="M 150 0 L 150 200 M 0 100 L 300 100" stroke="black" stroke-width="1" /> <!-- 半圆对象 ...

canvas实现图片标记

前言 由于业务需求，需要有一个图片标记功能，其实就是对图片画框画线做标记，类似微信的图片编辑 但是需要存下标记图及其标记的具体数据,。功能其实很简单，但刚开始的时候也是费了一些功夫的。我将原项目中该功能抽离出来单独写了一个demo，作为记录，同时你们在开发过程中有类似需求的话也可以参考一下该思路，其 ...

vue+xlsx实现表格的导入导出

前言 前端在开发过程中若是管理系统之类的业务系统，则大多都会涉及到表格的处理，其中最为常见的就是表格的导入导出。有很多办法都可以实现，其中最简单的还是使用插件xlsx。 实现目标 1、对表格数据进行增加、删除。 2、表格数据的导出、导入。 具体逻辑 增加、删除功能比较简单，直接利用vue数据的响应式 ...