前端
零信号
让优秀成为习惯
展开
-
【通用组件】支持插入自定义表情的评论组件
可插入表情的评论框git地址:,通用版本 Vue版本技术细节请看:CSDN地址,由于技术点基本一致,所以就不过多的记录技术点,主要讲下用法,想看技术点的麻烦移步上面掘金地址。最近是由于有一个是后端同学在维护的基于layui项目需要用到评论组件,之前写的评论组件是基于Vue的他们用不了,总不能用vue帮他们重构吧,但也不至于只要一个评论组件就去引入整个富文本的组件吧,所以特意给他们写了一个通用版的评论组件。效果展示demo地址组件说明字数的限制.原创 2020-12-21 23:14:13 · 410 阅读 · 1 评论 -
【Vue组件】从零开始实现一个支持插入自定义表情的评论组件
近期由于产品迭代,需要新增一个评论功能,且需要支持插入自定义表情。评论功能很多人一开始跟我一样,第一个想到的就是用textarea,但是textarea是不支持的插入图片的,因为我们的表情包是以图片的形式插入文本中的,所以这里是使用HTML5的新特性contenteditable,让div里的内容变成可编辑的。先看下效果图:组件功能:支持插入自定义表情字符验证,超出部分自动切割(以字符进行计算,不是以长度进行计算,一个中文2个字符,一个字母1个字符,一个表情4个字符),因为我们公司业务是使用原创 2020-10-12 11:52:08 · 946 阅读 · 2 评论 -
【工作记录】解决微信小程序原生组件textarea因层级过高导致穿透其他元素问题
工作需求是这样的,这是一个产品点评页,有一个产品下拉选择框,当点击下拉按钮时,会有一个下拉弹框覆盖在编辑框之上。原创 2020-07-26 15:31:24 · 677 阅读 · 0 评论 -
【源码学习----koa】koa中间件核心(koa-compose)源码解读分析(洋葱模型解析)
最近经常使用koa进行服务端开发,迷恋上了koa的洋葱模型,觉得这玩意太好用了。而且koa是以精简为主,没有很多集成东西,所有的东西都需按需加载,这个更是太合我胃口了哈哈哈哈。相对与express的中间件,express的中间件使用的是串联,就像冰糖葫芦一样一个接着一个,而koa使用的V型结构(洋葱模型),这将给我们的中间件提供更加灵活的处理方式。基于对洋葱模型的热衷,所以对koa的洋葱模型进行一探究竟,不管是koa1还是koa2的中间件都是基于koa-compose进行编写的,这种V型结构的实现就来源原创 2020-06-14 23:20:42 · 288 阅读 · 0 评论 -
【tinymce-vue】tinymce-vue自定义图片上传插件,且在插件中调用vue组件
最近工作项目需要基于tinymce-vue进行插件开发,需要自己写一个插入图片/视频/链接的插件,虽然说tinymce自带就有这些插件,但是这些插件的UI界面长得不是很美观,所以大佬说要自定义tinymce的这些插件。现在就基于tinymce-vue自定义图片上传的插件,来记录一下吧。先讲一个这个关于图片上传的需求:在点击菜单栏的插入图片,要弹出一个我们自定义的vue组件点击图片上传后要将...原创 2020-04-29 00:01:52 · 3433 阅读 · 3 评论 -
leetCode初级算法---买卖股票的最佳时机 II(Js版/两种思路)
leetCode初级算法---买卖股票的最佳时机 II(Js版/两种思路)原创 2020-03-27 17:28:24 · 328 阅读 · 0 评论 -
对于基于promise的HTTP库axios的二次封装
对于前端开发者来说,对于封装自己的组件库或者API,可能是再常见不过的事了。所以现在我们自己来对axios进行二次封装,对请求api的集中式管理,使axios使用起来更加方便快捷。以下都是基于vue-cli下进行,用其它方式搭建项目的,需要稍作修改。(末尾有源码)既然说是对axios的二次封装,那就先安装axios吧,在项目的跟目录下打开终端,并输入 npm install axios -s...原创 2019-07-28 16:56:20 · 529 阅读 · 0 评论 -
关于JavaScript图片懒加载与防抖节流
什么是图片的懒加载?当图片进入浏览器的可视区域,才加载该图片。这样大大加快了对与图片较多的页面的加载熟虑。例如一些较大型网上商城,一个页面有很多的图片,如果不使用懒加载,用户进入网页的速度会相当慢,这样用户体验可能就没那么好了。实现原理:页面的<img>标签中不设置src属性,将图片的链接写到data-XXX(XXX自定义),当img标签中没有src属性,那么浏览器就不会去发请...原创 2019-04-23 15:07:21 · 954 阅读 · 0 评论 -
JavaScript的六种数据类型及判断方法
对于javascript有六种数据类型,其中包括五种基本类型(string,boolean,number,undefined,null),跟一种引用类型(Object)对于基本类型,可能大家都比较熟悉,基本概念就不做过多的介绍。引用类型:一组属性和方法的集合。常见的有:function、array、date等前四种基本类型(string,boolean,number,undefined...原创 2018-12-27 19:05:20 · 340 阅读 · 0 评论