Vue常用特性：表单操作、自定义指令、计算属性、过滤器、侦听器、生命周期 表单操作：使用v-model进行双向绑定 表单操作分别有单行文本(text)、多行文本(textarea)、下拉多选(select)、单选框(radio)、多选框(checkbox)等； 提交可使用input:submit标签 ...
分类：
其他好文 时间：
2020-07-12 14:17:03
阅读次数：
68
text 默认值。定义一个单行的文本字段 (默认宽度为20个字符) password 定义密码字段 (字段中的字符会被遮蔽) radio 定义单选按钮 checkbox 定义复选框 select 定义下拉框 button 定义可点击的按钮 textarea 定义多行文本域 file 定义文件选择字段 ...
分类：
其他好文 时间：
2020-07-08 23:09:31
阅读次数：
105
extarea称文本域【文本区】，即有滚动条的多行文本输入控件，在网页的提交表单中经常用到。textarea有maxlength属性，但是textarea不兼容ie8/9。如何实现textarea输入框限制字数长度的兼容问题呢？ 通常的做法就是使用JavaScript脚本语言来实现对textarea ...
分类：
其他好文 时间：
2020-07-05 22:49:28
阅读次数：
99
单行文本省略号： overflow: hidden;text-overflow:ellipsis;white-space: nowrap; 多行文本省略号： display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertic ...
分类：
其他好文 时间：
2020-06-17 10:50:21
阅读次数：
83
常用特性概览： 表单操作 自定义指令 计算属性 侦听器 过滤器 生命周期 1. 表单操作 ① 基于Vue的表单操作 Input 单行文本：使用v-model来绑定 textarea 多行文本：textarea的用法与input类似，但是不可以在textarea的中间处理这个值。在vue中，texta ...
分类：
其他好文 时间：
2020-06-12 14:14:35
阅读次数：
56
文本溢出截断省略 文本溢出截断省略是比较常见的业务场景，主要分为单行文本溢出截断省略与多行文本溢出截断省略，单行的截断方案比较简单，多行截断相对比较复杂。 单行溢出省略 单行文本溢出截断省略直接使用CSS即可，其无兼容问题，文本溢出范围才显示省略号，否则不显示省略号，省略号位置显示刚好，但是只能作为 ...
分类：
其他好文 时间：
2020-06-06 21:57:00
阅读次数：
70
1.canvas绘制文本坑点 绘制的文本不管多长，永远只有一行，不会断行。 2.解决思路 根据每行文本字数来断行,超出的就向下排列。 由于 canvas绘制文本的语法如下： context.fillText(text,x,y,maxWidth); 所以需要知道文本的起始坐标（x,y） 3.具体分析 ...
分类：
微信 时间：
2020-06-05 13:04:05
阅读次数：
133
最近做项目时，遇到了一个需求：要求div里文本在两行显示，div的宽度是固定的，如果溢出的话就显示省略号。单行文本的溢出问题，我们都很熟悉，只要添加以下css属性就ok： overflow: hidden; white-space: nowrap; //段落中文本不换行 text-overflow: ...
分类：
Web程序 时间：
2020-05-31 13:08:54
阅读次数：
92
前言 单行文字的截断非常简单，但是多行文字的截断可谓是非常头疼，刚学css时候就为了这个写了很多乱七八糟的代码，今天工作又遇到了这个需求...比较巧的是某公众号今天正好也推送了一篇如何设置截断的文章，心血来潮就自己将见到的各种方法总结下，也算加深记忆与理解。 各种奇淫巧技 先预设一个html结构，分 ...
分类：
其他好文 时间：
2020-05-31 00:59:28
阅读次数：
54
多行文本溢出，但是最后一行木有到结尾，如下图这种例子 解决代码示例html: <div class="model_content"> <p class="model_text"> 元素的“格式化首行”可能会存在于相同流下的块级子元素上元素的“格式化首行”可能会存在于相同流下的块级子元素上。元素的“格 ...
分类：
其他好文 时间：
2020-05-30 15:57:54
阅读次数：
54
