自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 Monaco-editor之块状变量

monaco块状元素变量实现

2023-04-13 21:59:56 879 5

原创 关于monacoEditor--registerCompletionItemProvider的一些问题

最近在搞一个在线python编辑代码的功能,因为平时都在用vscode在码代码所以就用了monacoEditor作为在线代码的库。目前为止遇到的问题都来自于自动完成建议项这功能,在这里记录下方便以后查看,有遇见类似问题的朋友也可以参考下。

2023-03-15 17:49:32 1370

原创 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 611

原创 offsetLeft理解以及MouseEvent接口中的screenX,clientX,pageX,offsetX区别.

背景最近在做一款基于canvas的画板插件,开发过程中的画笔功能就会使用很多关于鼠标位置的属性:screenX/Y,clientX/Y,pageX/Y,offsetX/Y。之前在做到过类似的工具(很简单),但都是看了下鼠标位置信息的api看到那个用那个没有去深思它们之间的区别,这次在遇见坑花了点时间整理强化下自己的记忆。要理解它们之间的差异需要正确的认识参照物。screenX/Y正如名字一样它的参照物是电脑的屏幕。如图所示...

2022-01-08 00:28:36 1212 2

原创 tailwindcss介绍、以及用webpack简单配置一个项目

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2021-04-01 17:58:41 3833

原创 利用three建立一个3d园区

前言:随这5g时代的到来,虚拟现实,物联网,智慧城市,人工智能,智慧家具,自动驾驶等离我们的平民百姓的生活越来越近。对前端而言在上面的多个领域都可以占有一席之地,个人猜想前端webGL人员需求在未来肯定有一段供不应求的时机。趁此机会去学习了一下three.js(选择它作为学习的库主要是因为它文档齐全有中文版的,需求又不依赖gis,如果有需要依赖gis为背景的项目可以参考cesium) 并做了个...

2019-10-31 16:59:20 7888 10

原创 html5之ruby标签实现汉字标音。

今天才逛某社区时,看见了了一个很有趣的样式。如下作为一个前端人员情不自禁的会在脑海中快速想一下,换做自己要怎么来实现这种样式。最开始自己的思路就是利用相对+绝对定位实现。为了看看验证自己与网上大神的思路是否一致,查看了一下源码,很陌生的标签出现在我眼前。如下:(平时H5的就关注了一些常用标签,立个flag–近期把所有H5的知识点都过一遍。)标签定义及使用说明<ruby> 标...

2019-05-20 15:09:15 381 2

原创 引用类型 值类型区别

引用类型 与 基本类型> * 引用类型 * Array * Object * Function> Eg : function chainStore() { var a= {x:1,y:2}; var b= x;

2017-03-30 18:31:40 141

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除