前端杂记
kingdoooom
这个作者很懒,什么都没留下…
展开
-
菜鸡学前端:图标icon的获取
推荐一个实用的图标库网址:http://www.fontawesome.com.cn/faicons/举例操作:1.首先需要将font awesome的工程下载到本地并解压,目录例如我需要下载如下icon2.在图标库网址中选择所需的图标,右键检查元素3.进入到font awesome中的fonts目录下,实用notepad++打开fontawesome-webfont文件,在该文件中搜索步骤2中拷贝的内容,搜索结果如下:4.notepad可以新建空的文本,初始内容可...原创 2020-11-30 17:18:48 · 1163 阅读 · 2 评论 -
菜鸡学前端:对多行文本的“显示更多”和“收起”的处理
背景:之前工程中的后端数据中对一段文本数据进行截断,只显示一部分,后面发现截断后的说明描述上和理解上有一些问题,所以打算在后端不做截断处理,在前端做处理,如果文本显示超过2行,则对后面的内容进行隐藏,以及出现“显示更多“和“收起”的处理因为本人是个前端菜鸡,所以记录一下处理过程HTML:<span #descSpan id="descSpan" class="description-span" [class.more]="isMore">{{ description }}</原创 2020-11-24 16:43:23 · 1562 阅读 · 0 评论 -
angular非表单中input输入框的url校验
当非表单的dialog输入框中指定输入url,并需要进行提交时对输入的内容进行url校验,网上有很多的正则表达式对url匹配校验,如果当前对于url没有指定的格式,正则表达式的范式很有可能出现场景覆盖不完全的问题。可以自己手动增加对输入框的自定义校验,校验代码可以如下:checkUrlInput(url: string): boolean { try { new URL(url); return true; } catch(err原创 2020-11-12 09:24:16 · 1103 阅读 · 2 评论