文章目录? 前言? 一、原理> **`el-tiptap`** 安装 及 使用案例? 二、实现案例> 富文本输入端> 富文本输出端（展示端）? 三、效果演示? 小温有话说往期内容 ? ? 前言在Vue开发中，有时候需要用到富文本框输入指定的 富文本，输出端（多为表格）展示指定内容！ 这时候，富文本框插件就很重要了， 现在也存在很多富文本 插件（点击查看推荐），本次使用的是 vu
转载
2024-05-17 09:05:34
744阅读
（1）————————前端里移动端到底比pc端多哪些知识，为啥面试时好多公司都问h5水平如何？我做过几年的web前端开发，就简单谈谈自己的感受吧。首先来看看PC端和移动端在前端开发上的一些区别：（1）PC考虑的是浏览器兼容性，移动端开发考虑的更多的是手机兼容性，因为目前不管是android手机还是ios手机，一般浏览器用的都是webkit内核，所以做移动端开发，更多考虑的应该是手机分辨率的适配，和
一、利用lib-flexible、postcss-plugin-px2rem插件 进行移动端rem适配。
1、第一
引入lib-flexible .
安装lib-flexible： npm i lib-flexible --save-dev
在项目的入口main.js文件中引入lib-flexible: import 'lib-flexible'，
在index.html中 是
移动端布局——（二）▶上下栏布局1. 中文布局css库2. 固定定位3. 外边距作用4. 非固定定位5. 上下栏布局简单实例▶ 九宫格布局1. 中文布局css库2. 网格布局3. 表格布局4. 弹性布局5. 左浮动法6. 边框九宫格7. 九宫格布局实例（[经典面试题]▶上下栏布局1. 中文布局css库实例演示<!DOCTYPE html>
<html>
<head&
说明移动端网页开发在网上可以找到很多种开发方案，本篇博文记录的是采用rem来开发移动端网页的一些过程。rem首先，在css当中的单位分为两大种，一种是绝对单位，一种是相对单位。例如常用的px就是绝对单位，而本篇文章所用的rem则为相对单位。 下面列出了一些常见的绝对单位和相对单位。绝对单位：pxinptmmcm…相对单位：emremvwvh…绝对单位一般来说是一个固定的值，该多少就是多少。就好比生
一，登陆界面的制作第一步：利用element-ui按需导入，然后绘制相应的页面：第二步：配置相应放入路由和路由导航守卫第三步，登陆成功后的退出登陆功能二，首页的开发第一步：顶部和左侧区域的菜单页面<template>
<el-container class="home_container">
<!-- 头部区域 -->
<el-header&g
前言：这段时间在用Ueditor富文本编辑器，出现了一些坑，在网上找了很多，都没怎么解决，主要问题是将Ueditor封装成组件后，放在element-ui的el-dialog里时，内容写不进去，原因大概就是组件没有加载完成，就调用了方法，用了this.$nextTick()同样报错，后来用了感觉最笨的方法setTimeout虽然可以解决，但感觉不太好，后来重新封装了一下，大概思路就是等待组件加载完
如何让你的前端程序看起来很优雅而又简单。最近我做的项目几乎都是管理系统，所以为了节约时间，开始使用ui框架-----elementui。一个简单的管理系统来说，这套ui框架足够使用了，而且对样式的自定义来说，这套ui框架相对于比较灵活。为什么我说管理系统适合用这套ui呢，因为管理系统大多数使用到的组件都能在这上面找到，而且看起来清晰淡雅，不信你看：elementui的官方地址：http://ele
这阵子做了一个项目，前端用Vue后台Lumen，因为项目需要，在项目里引入了Ueditor，但是第一次用，在配置的过程中碰到好多坑，再次记录一下1.在Ueditor官网下载 http://ueditor.baidu.com/website/download.html 2.将下载下来的文件解压之后放在vue项目下static目录下，如图 修改ueditor.config.js文件 接下来在main.
在 vi 编辑器中可以方便地将某个范围内的文本行左右移动或从一个地方移至另外一个地方。文本行左右移动的命令有 4 个。下面分小节详细介绍。1. > 命令>命令将指定的正文行向右移动，通常是右移 8 个空格。移动正文行的范围由光标所在行和随后输入的光标移动命令所限定。> 命令的使用格式如下：>nn 表示光标所在位置后面的文本行数。也可以不写 n，此时默认为 1；换句话说，只使
原创
2021-01-04 15:09:42
1880阅读
需求一 图片上传就是要一个富文本编辑器，然后有图片上传功能，因为vue-quill-editor是将图片转为base64编码，所以当图片比较大时，提交后台时参数过长，导致提交失败。解决思路将图片先上传至服务器，再将图片链接插入到富文本中 图片上传的话可以使用element或者iview，这里我以iview举例 图片上传区域要隐藏，自定义vue-quill-editor的图片上传，点击图片上传时调用
1、PC端做一个PC端的网页,设计图是1920X1080的. 要在常见屏上显示正常(比例正确可) 1280X720 1366X768 1440X900 1920X1080
使用了以下几种方案
1.内容在一屏内显示的,采用了(内容框)上下左右居中的办法,里面的内容绝对于这个内容框定位.这样一来,在不同大小屏中,内容总是在中间,看起来较正常
2.长,宽,LEFT,TOP,RIGHT,BOTTOM都采
转载
2024-10-10 13:45:58
323阅读
1. v-bind 样式绑定变量<template>
<div class="text">hello</div>
</template>
<script setup lang="ts">
const color = ref('red');
</script>
<style>
.text {
co
先上效果图.(后端接口请求一次,返回所有(1000条为例)数据,前端拿到所有数据处理分页).使用情形: A.正常情况下,前后端分离的项目,对于表格类数据多的情况,都是由前端传当前页的页码和当前页的容量大小给后台,后台拿到这些字段进行分页返回数据(即前端动一页就发送一次请求拿到当前页的数据,这部分应用太过简单,这里不再累述). B.特殊情形下,后台不处理分页,只会在请求的时候一下将所有数据一起返回,
Silverlight 的视频和音频都是通过 MediaElement 对象实现回放的。MediaElement 对象具有 AutoPlay 属性，默认值 = true; Source 是指定播放器的源文件(可以是网络地址)。 对于 MediaElement 对象显示的大小尺寸，大概有三种方式：一、对于 MediaElement 的 Width 和 Height 属性，有三种情况：没有声
菜单高亮效果是每个网页经常采用的设计方式，它能有效地让用户知道自己当前所在的栏目。这也是我经常采用的方式，一般的网页至少都有两级菜单，第一个是顶部的总导航条菜单，另一个是左侧的分类导航菜单。一般要求在一级菜单高亮下二级菜单也能记录当前状态。对于一个包含顶部菜单的页头区域如果固定不变的，也就是它不用每次都重新加载，这种情况下用纯CSS或JS方式可以很容易地实现，但今天我要谈的不是这种，今天说的是一级
自定义控件：用户根据自己需求，自己定制的控件。
方式： 继承已有控件、继承view、 继承viewGroup
1.继承view,定制单一控件
2.继承ViewGroup,定制控件组
例： 自定义滑动开关
1. 继续View , 在构造方法中初始化图片资源，图片资源放在drawable目录下
Android中EditText+Button组合，输入板无法收起问题解决方法
在Android开发中，录入信息是最基本的操作，使用非常广泛。
但是Android对输入法弹出/收起的支持，并不是很好。
对弹出，提供了force方式和implicit方式，对输入却没有提供force方式。
转载
2024-10-21 10:17:23
31阅读
项目使用该项目使用vue-cli脚手架创建基于vue3项目 使用到vuex，vue-router，element-plus组件库功能介绍登录模块登录页面样式登录使用element-plus中的表单和按钮组件 登陆时使用md5插件进行密码加密并调用后端登录接口 发送用户名及加密后的密码当拿到后端返回的登录成功状态码及token时 把拿到的token保存到本地 并跳转到个人中心首页个人中心在一进入和人
转载
2024-04-30 10:23:22
386阅读
项目中有个比较麻烦的需求：一个表格：能手动向表格第一行增加一行每一行的每一列在点击某一格时要能输入每个表单控件需要有校验功能支持多选可以删除所选行保存后需要前端做一个仅前端部分的查询原型如下：上面这些要求看起来就很麻烦。但是更麻烦的是，这个原型还是修改过的，原来的原型已经实现功能了，刚写完，第二天领导又把原型改掉了。1.先说大致实现思路：(1) 如何实现每个每个input输入框都带有校验功能？答：
转载
2024-04-18 08:57:54
177阅读
