- 2024-09-19用来测试 autosize.js 的 HTML 代码，自动适应 textarea 高度
1<!DOCTYPEhtml>2<htmllang="en">3<head>4<metacharset="UTF-8">5<metaname="viewport"content="width=device-width,initial-scale=1.0">6<title>VueAutosiz
- 2024-09-11wangeditor——cdn引入的形式创建一个简易版编辑器——js技能提升
昨天同事那边有个需求，就是要实现聊天功能，需要用到一个富文本编辑器，参考如下：上面的这个效果图是博客园的评论输入框最终使用wangEditor编辑器实现的效果如下：只保留了个别的菜单：默认模式的wangEditor编辑器如下：下面直接上代码：解决步骤1：cdn引入head头部标签引入css<
- 2024-07-15JavaScript系列：JS实现复制粘贴文字以及图片
目录一.基于ClipboardAPI复制文字（推荐）基本概念主要方法使用限制实际应用示例二、基于document.execCommand('copy')缺陷实际应用示例说明三、复制图片功能四、封装一.基于ClipboardAPI复制文字（推荐）基本概念ClipboardAPI是一组用于在浏览器中操作剪贴板的JavaScript
- 2024-06-30对原生textarea加上:当前输入字数/最大输入字数
源码:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>TextareaCharacterCounterwithDr
- 2024-06-17谈一谈Android系统和iOS系统的点击实现复制功能
序言： 谈到复制功能，想必大多数人都使用的navigator.clipboard.writeText（）来实现对文本的复制。但是这个方法却只能在Android系统中成功复制到剪切板，在iOS系统中却不行，下面就谈谈iOS系统中的问题和实现方法。问题描述：iOS对用户数据和设备功能的访问有着严格的控制，尤其是
- 2024-05-28【uni-app】 textarea组件的auto-hieght属性,显隐切换时高度异常，无法自适应内容撑开。
bug1：在uni-app中，在使用多文本输入框时，如果输入框存在if的显隐切换时，真机调试中auto-height计算高度有误（一般是高于正常高度），导致小程序页面渲染出现很大问题。案例代码如下：<viewclass="content_right"v-if="editable"> <textareaplaceholder="请输入地址"
- 2024-05-28js复制功能
<divclass="content"></div><el-button@click="copy">复制</el-button>copy(){ letpList=document.querySelectorAll(".content") letvalueList=[] if(pList.length>0){ pList.forEach(
- 2024-05-22Java-黄金矿工（一）
目录效果主要思想实现1.准备图片（1）背景图（2）金块（3）矿工（4）钩子2.服务端与客户端搭建（1）新建Server类（2）添加基本元素（3）新建launch方法（4）新建公共类publicMeans（5）创建线程类ServerThread（6）在Server类中建立服务端（7）调用建立服务端方法（8）在Server类中建立发送信息的方法（9）在main方法中调用launch方法（1
- 2024-05-16vue复制粘贴功能
第一种【推荐】npminstallclipboard--save<template><div><inputtype="text"v-model="copyText"/><button@click="copyToClipboard">复制到剪贴板</button></div></template><
- 2024-04-29vue3中ctrl加回车换行，光标位置设置
<input v-model="text" type="textarea"@click="sbwz"@keydown="keysbwz" @keydown.enter.ctrl.exact.prevent="ctrlEnter" /> //暂存光标位置，后续截取换行使用consttextSplit=ref(0)//判断是否改变了上次光标位置constisTest=r
- 2024-04-25a-textarea(textarea)出现模糊问题的可能解决方案
a-textarea(textarea)出现模糊问题的可能解决方案项目介绍：本项目是一个vue3+ant-design-vue4.x开发，是一个客服机器人的组件。其它项目通过iframe+js文件来引入(iframe的内容就是表单，入口按钮是通过js文件进行dom操作创建)。通过js监听页面宽度，然后通过transform来适配不同分辨率
- 2024-04-24a-textarea(textarea)出现模糊问题的可能解决方案
a-textarea(textarea)出现模糊问题的可能解决方案项目介绍：本项目是一个vue3+ant-design-vue4.x开发，是一个客服机器人的组件。其它项目通过iframe+js文件来引入(iframe的内容就是表单，入口按钮是通过js文件进行dom操作创建)。通过js监听页面宽度，然后通过transform来适配不同分辨率
- 2024-04-19vue中节流函数的使用
<template><div><div>{{content}}</div><el-buttonsize="small"icon="iconiconfontps-fuzhi"type="primary"@click="testCopy()">复制<
- 2024-04-11Vue相关原理
1、VUE2和VUE3对比响应式区别vue2的响应式原理是利⽤es5的⼀个API，Object.defineProperty()对数据进⾏劫持结合发布订阅模式的⽅式来实现的。vue3中使⽤了es6的proxyAPI对数据代理，通过reactive()函数给每⼀个对象都包⼀层Proxy，通过Proxy监听属性的变化，从⽽实现
- 2024-04-07鸿蒙HarmonyOS实战-ArkUI组件（TextInput/TextArea）
- 2024-03-25告别复制粘贴的黑暗时代！教你们一个新崛起的API
在前端开发的世界里，复制粘贴功能就像是那个总是被忽视，却在关键时刻能救你一命的老朋友。我们习惯了用那些古老的魔法咒语（document.execCommand('copy')）来实现这一功能，但时代在进步，技术在更新，是时候告别那些让人头疼的兼容性问题，迎接新时代的剪贴板API了。旧时代的遗物在那个
- 2024-03-14双击复制剪切板
方法一vue插件npminstall--savevue-clipboard2引入importVuefrom'vue'importVueClipboardfrom'vue-clipboard2'Vue.use(VueClipboard)方法执行clickCopy(){this.$copyText("www.baidu.com").then(res=>{
- 2024-02-28textarea的奇怪行为
1、input、textarea自动回填默认值。注：可通过属性autocomplete="off"来取消这个行为。这个行为浏览器并没有暴漏出回调，所以，无法知道这个行为的发生时机。通过自测，发现window.onload事件里也取不到这个值（这个时候还没有回填），但是下一个宏任务可以取到这个值。因此，如果想要拿这
- 2024-01-25解决IE浏览器textarea标签placeholder不生效的问题
IE10给textarea设置了placeholder，F12控制台打印document.getElementById(id).getAttribute('placeholder')，可以看到placeholder的值，但是浏览器不显示，可以再添加如下代码显示出来，不需要引用JQuery，前提是该元素已经设置了placeholder属性，并且浏览器支持placeholder，IE8和IE9不支持，参