![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前段开发
文章平均质量分 84
CQer
这个作者很懒,什么都没留下…
展开
-
vue实现兼容ie浏览器的多行省略组件
在我们开发过程中经常会遇见在一定区域内展示超多文字,这样会导致我们的页面样式变形。一般情况我们都是对超出区域的内容做省略处理。当然我们的css直接就帮我们解决了这样的问题。具体实现如下:单行省略.ellipsis{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}多行省略.ellipsis{ overflow : hidden; text-overflow: ellipsis; display原创 2022-03-09 18:47:53 · 612 阅读 · 0 评论 -
offsetLeft理解以及MouseEvent接口中的screenX,clientX,pageX,offsetX区别.
背景最近在做一款基于canvas的画板插件,开发过程中的画笔功能就会使用很多关于鼠标位置的属性:screenX/Y,clientX/Y,pageX/Y,offsetX/Y。之前在做到过类似的工具(很简单),但都是看了下鼠标位置信息的api看到那个用那个没有去深思它们之间的区别,这次在遇见坑花了点时间整理强化下自己的记忆。要理解它们之间的差异需要正确的认识参照物。screenX/Y正如名字一样它的参照物是电脑的屏幕。如图所示...原创 2022-01-08 00:28:36 · 1221 阅读 · 2 评论 -
利用three建立一个3d园区
前言:随这5g时代的到来,虚拟现实,物联网,智慧城市,人工智能,智慧家具,自动驾驶等离我们的平民百姓的生活越来越近。对前端而言在上面的多个领域都可以占有一席之地,个人猜想前端webGL人员需求在未来肯定有一段供不应求的时机。趁此机会去学习了一下three.js(选择它作为学习的库主要是因为它文档齐全有中文版的,需求又不依赖gis,如果有需要依赖gis为背景的项目可以参考cesium) 并做了个...原创 2019-10-31 16:59:20 · 7898 阅读 · 10 评论 -
引用类型 值类型区别
引用类型 与 基本类型> * 引用类型 * Array * Object * Function> Eg : function chainStore() { var a= {x:1,y:2}; var b= x;原创 2017-03-30 18:31:40 · 141 阅读 · 0 评论