- 博客(6)
- 收藏
- 关注
转载 匹配一段文本中URL的正则问题
在项目中有个这样的设计,备注中的URL自动识别为点击的链接,对此的处理方式是用正则匹配出URL部分,然后替换成<a href=URL>URL这样即可。其主要部分是正则匹配出URL部分。假设有这么一段文本。那么我们可以这么写。 var text = "你好,我是一段文本。我链接到http://leeiio.me/test.html请大家多多指教。";var r...
2018-11-15 16:29:45 2526
翻译 移动端H5的touch事件与iOS的 gesture事件
1、touch事件Touch事件列表:touchstart: 当手指触摸到屏幕时被触发touchend: 当手指离开屏幕时被触发touchmove: 当手指在屏幕上移动时被触发touchcancel: 当Touch被打断或是有太多手指触摸屏幕时被触发。使用:document.addEventListener('touchstart',function(e){},false)d...
2018-11-15 09:52:31 2178
翻译 关于可编辑div contentEditable="true" 添加表情光标设置问题
web版的聊天室对与前端来说真的是一个头疼的问题,特别是输入框显示表情,需要contentEditable属性来显示,但是contentEditable又有光标问题,插入的表情无法在光标下插入,会自动跳到最前面,还有就是输入框打开时,光标总是跳到最前面,下面是两个方法解决表情输入到光标下和自动跳到文本最后面1、在光标后输入 //下面是vue-cli中的代码function select...
2018-11-14 18:01:39 5416 1
翻译 关于vue 的 this.$refs 打印为undefined解决办法
用ref 注册子组件,父组件可以通过this.$refs.xx.fn调用子组件里的函数,但是有时会出现 fn 为定义的情况,这是为什么呢?vue 官网中ref 下有一段话 "关于 ref 注册时间的重要说明:因为 ref 本身是作为渲染结果被创建的,在初始渲染的时候你不能访问它们 - 它们还不存在!$refs 也不是响应式的,因此你不应该试图用它在模板中做数据绑定。"也就是说 ref 只...
2018-11-14 15:56:59 69848 16
原创 前端开发注意事项
一、html页面结构1、标签尽量使用语义化标签,使人一目了然,下面是一些常见的语义化标签<header></header>:通常包括网站标志、主导航、全站链接以及搜索框。<nav></nav>:标记导航,一般用于主要的导航栏<main></main>:页面主要内容 <article>&l
2018-08-09 18:20:25 2064
原创 自定义侧边栏滚动条样式
一、如果一个容器盒子的内容超出元素的高度,如何自定义侧边栏滚动条样式?1、给这个容器设置 overflow-y:auto;或者overflow-x:auto;这样超出的内容就可以滚动了2、给这个容器加上下面内容就可以了容器::-webkit-scrollbar { width: 6px; //滚动条的宽度}容器::-webkit-scrollbar-thumb { background...
2018-06-23 18:05:35 4687
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人