- 博客(226)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 前端[新手引导动画]效果：intro.js
把第二部写的intro.js全局引入或者引入到需要动画引导的vue页面，然后配置步骤steps，steps每个都是跟DOM选择器有关系，配置好先后顺序即可。并执行start方法，开始执行引导效果。
2024-01-24 15:42:55
482
原创 uniapp中使用render.js进行openlayers、arcgis等地图操作
uniapp中使用render.js进行openers、arcgis等地图操作。
2023-11-17 17:42:07
3117
1
原创 elementUI中的el-form常用校验规则
elementUI中的el-form常用校验规则:校验使用方式：常用的校验规则：2、限制字符串长度3、只能是正整数4、只能是数字5、数字必须大于18
2023-09-11 10:29:38
928
原创 vue工程可视化大屏 自适应问题
vue工程可视化大屏 自适应问题可视化大屏的适配是一个老生常谈的话题了，现在其实不乏一些大佬开源的自适应插件、工具但是我为什么还要重复造轮子呢？因为目前市面上适配工具每一个都无法做到完美的效果，做出来的东西都差不多，最终实现效果都逃不出白边的手掌心，可以解决白边问题的，要么太过于复杂，要么会影响dom结构。
2023-07-03 11:17:12
1464
原创 CSS代码 | 文字与字体
目录一、自定义文本被选中的样式二、文本对齐和间距三、画线、粗体、斜体四、阴影、毛玻璃、金属效果、文字旋转五、文本溢出处理六、常用字体栈七、常用中文字体二、文本对齐和间距三、画线、粗体、斜体四、阴影、毛玻璃、金属效果、文字旋转五、文本溢出处理六、常用字体栈七、常用中文字体
2023-06-26 10:43:39
280
原创 arcgis api的popup.open鼠标左键不管用，右键才有效问题解决
场景：用arcgis api for js 打开view的弹窗事件，用View.popup.open(）方法可以打卡，但是操作的时候发现左键点击地图时候没反应，右键才可以。后来查了api，需要进行如下设置，让左右中间滚轮都有反应才行。应用：在使用点击事件时，设置view.popup.autoOpenEnabled = false;后，鼠标的三个键都可以触发点击事件，没有任何设置，只有滚轮和右键会触发点击事件。
2023-06-19 10:48:37
556
2
原创 CSS：添加JS修改style后，hover伪类失效
之前设置了DIV的hover伪类，同时js事件中对style进行了修改，特别是修改了background-color属性，js事件生效后，hover伪类失效，不再起作用。important优先级高于一切！给:hover的属性后面。
2023-03-28 10:22:00
729
1
原创 【无标题】vue中node-sass安装报错解决方案（亲测有效）
1、和node.js版本不兼容，需要看下node-sass官网，看看package.json文件中的版本与当前node.js版本是否兼容。查一下自己安装的node-sass对sass-laoder那个版本兼容，分别安装一下即可。node -v 查看下自己node.js版本然后下载对应的node-sass。彻底弃用，不好用，又不是不可替代，还用个锤子。vue中node-sass安装报错解决方案。2、和sass-loader版本不兼容。
2023-03-11 15:54:12
843
原创 【无标题】vue中样式深度局部修改，less和scss
使用scoped后，局部样式，不会影响到全局样式如果想在使用了scoped不污染全局样式的情况下，修改局部组件的样式，可以使用深度选择器less中一般使用 >>> 或 /deep/scss中一般使用 ::v-deep
2023-03-11 15:44:42
385
原创 cesium常见操作：鼠标点击获取对象
在 Cesium 的场景组织中，有那么几个容器构成了三维世界：Scene：包括了 Globe，除了 Globe 的元素外，还加上了 Primitive、Entity、DataSource 等三维物件Globe：包括了 Ellipsoid，还包括了所有的影像图层、地形瓦片，可以算是椭球体上面的皮肤Ellipsoid：一个数学公式所定义的旋转椭球体，代表一个纯粹的地球椭球形状。
2023-02-27 16:30:24
3104
3
原创 cesium从入门到进阶（一）：坐标系与坐标系转换
Cesium中常用的坐标有两种和，其中，WGS84地理坐标系包括 WGS84经纬度坐标系（没有实际的对象）和 WGS84弧度坐标系（Cartographic）；笛卡尔空间坐标系包括 笛卡尔空间直角坐标系（Cartesian3）、平面坐标系（Cartesian2），4D笛卡尔坐标系（Cartesian4）。简单的说就说这些。
2023-02-27 11:56:08
3187
1
原创 简单实用的CSS属性（滑轮滚动保持头部不动、暂无数据显示、元素隔开距离、带背景的文字效果、网页上禁止选中文字、校验值有效为绿色无效为红色、）
简单实用的CSS属性（滑轮滚动保持头部不动、暂无数据显示、元素隔开距离、带背景的文字效果、网页上禁止选中文字、校验值有效为绿色无效为红色、）
2023-02-15 11:21:13
1009
原创 vue工程 el-button添加全局防抖设置
给按钮加上一个全局指令 noMoreClick 来限制在一定的时间内控件为 disabled不让再次点击。
2023-02-14 10:41:51
938
原创 Cesium常见操作：entity闪烁
核心思路，entity的闪烁主要是通过回调函数CallbackProperty，控制样式改变或是否显示。这里的方法其实就是通过CallbackProperty控制show为true或者false，如果x>=0.5，就是true，反之为false。
2023-02-08 15:31:31
907
原创 vue 2.x+webpack+cesium1.64详解（7）：cesium事件详解
目录cesium事件详解一、屏幕空间事件处理程序（Screen Space Event Handler）1.1、 屏幕空间事件类型：（ScreenSpaceEventType）鼠标事件2.1、键盘修饰符类型（KeyboardEventModifier） 二、屏幕空间相机控制器（Screen Space Camera Controller）2.1、相机事件2.1.1 类型 2.1.2 默认操作模式 2.1.3 修改默认操作模式三、场景触发事件Cesium中的事件大体分为三种，即屏幕空间事件处理程序，屏幕空间相
2023-01-04 11:50:00
1584
原创 cesium从入门到进阶（一）：Viewer、Scene、Camera、加载第三方影像、地形服务
与 twist 有关的方法就是在相机位置不变的情况下，调整相机视角向左（逆时针）或向右（顺时针）扭转，这类方法不会改变相机的位置，只会改变相机的朝向；，与 look 有关的方法就是在相机位置不变的情况下，调整相机镜头的上下左右四个方向朝向，这类方法不会改变相机的位置，只会改变相机的朝向；，与 rotate 有关的方法会根据提供的角度参数旋转相机视角，这类方法会改变相机的位置，也会改变相机的朝向；是高程为 0 的地形，若初始化时不指定地形，那么默认的就是使用的该地形服务，加载。
2023-01-04 10:06:31
1973
原创 JS中 json数组内部key不完全相同，根据某个key值相同的，其他属性直接合并
【代码】JS中 json数组内部key不完全相同，根据某个key值相同的，其他属性直接合并。
2022-12-29 14:29:22
590
原创 大屏适配的两种方案
rem是指相对于根元素的字体大小的单位，在日常开发过程中我们通常把根元素（html/body）的字体设置为10px,方便于我们计算（此时子元素的1rem就相当于10px）。
2022-12-15 09:56:53
1090
原创 CSS样式图片放在DIV里面，自动填充充满，且不变形
CSS样式图片放在DIV里面，自动填充充满且不变形HTML如下：img样式如下设置，div要设置长和宽度：
2022-12-08 11:33:52
5719
原创 20 个 JS 工具函数助力高效开发
Day.js 是一个仅 2kb 大小的轻量级 JavaScript 时间日期处理库，下载、解析和执行的JavaScript更少，为代码留下更多的时间。此方法存在一定局限性：一些特殊情况没有处理: 例如Buffer对象、Promise、Set、Map。关于时间操作，没必要自己再写一大串代码了，强烈推荐使用 day.js[2]假设我们要从树状结构数据中查找 id 为 9 的节点。不过要吐槽一句的是，uuid一般应由后端来进行生成。{number} number：要格式化的数字。arr 要去重的数组。
2022-09-08 10:00:46
1105
原创 CSS常用的基础知识点
CSS 并不是面试重点考察的领域，但如果能在 CSS 领域有自己的见解和经验，会使自己更加脱颖而出。1 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin2 box-sizing属性？用来控制元素的盒子模型的解析模式，默认为content-boxcontext-box：W3C的标准盒子模型
2022-06-30 17:52:01
687
原创 前端开发中经常使用到的颜色：
目录（一）前端开发中经常使用到的颜色：（二） 前端常用的渐变色系：1. 浅绿 #8cc540 2. 深绿 #009f5d 3. 暗蓝 #019fa04. 蓝色 #019fde5. 深蓝 #007cdc 6. 深紫 #887ddd 7. 浅紫 #cd7bdd 8. 粉色 #ff56759. 红色 #ff124410. 橙色 #ff834511. 黄色 #f8bd0b12. 灰色 #d1d2d4...
2022-06-28 16:19:01
6173
原创 vue项目中 localStorage 的用法建议
很多人在用 或 的时候喜欢直接用，明文存储，直接将信息暴露在；浏览器中，虽然一般场景下都能应付得了且简单粗暴，但特殊需求情况下，比如设置定时功能，就不能实现。就需要对其进行二次封装，为了在使用上增加些安全感，那加密也必然是少不了的了。为方便项目使用，特对常规操作进行封装。不完善之处会进一步更新...封装之前先梳理下所需功能，并要做成什么样，采用什么样的规范，部分主要代码片段是以 作为示例，最后会贴出完整代码的。可以结合项目自行优化，也可以直接使用。设置 setStorageStorage 本身
2022-06-17 09:57:50
1382
1
原创 VUE实用技术点
路由懒加载可以让我们的包不需要一次把所有的页面的加载进来，只加载当前页面的路由组件就行。举个栗子🌰，如果这样写，加载的时候会全部都加载进来。所以，应该避免上面的写法，尽量使用懒加载。路由的懒加载可以分为以下三种写法。Vue异步组件es6的importwebpack提供的require.ensure()2、异步组件异步组件可以让我们在需要一些组件时才将它加载进来，而不是一初始化就加载进来，这跟路由懒加载是一个概念。以前是这么引入组件的如果不是一开始就要加载的组件，我们可以使用组件懒加载.
2022-06-15 11:07:08
1326
2
原创 CSS效果集合
目录1、毛玻璃特效 2、文本设置为全大写或者全小写3、实现首字下沉4、实现正方形5、图片文字环绕6、多个元素相同样式7、实现平滑移动8、悬停放大9、背景混合模式10、自定义光标效果：代码： 2、文本设置为全大写或者全小写3、实现首字下沉4、实现正方形5、图片文字环绕6、多个元素相同样式7、实现平滑移动8、悬停放大9、背景混合模式效果： 10、自定义光标...
2022-06-06 10:30:52
737
原创 D3.js 秘技
目录制作 D3.js 动画transition 的名字客製动画数据绑定与元素集合绑定规则阶层元素属性设定Style v.s. Attr利用函数取值Encore: d3.scale 的神奇秘技制作 D3.js 动画transition 的名字D3.js 提供 transition() 函数供我们作动画，相当的方便，但是当我们需要多个动画一起执行时，该怎麽办？若我们对同一个物件调用的 transition 时间有重叠，后者会将前者完全取代掉，如下例我们
2022-05-20 10:27:00
2151
原创 css常用的一些设计技巧
css常用的一些设计技巧目录1. 解决 img 5px 间距的问题2. 元素的高度与 window 的高度相同3. 修改 input placeholder 样式4. 使用:not选择器5. 使用 flex 布局将一个元素智能地固定在底部6. 使用caret-color来修改光标的颜色7. 删除type="number"末尾的箭头8.outline:none删除输入状态线9. 解决iOS滚动条被卡住的问题10. 绘制三角形11. 绘制小箭头...
2022-04-24 11:57:20
157
原创 CSS不同背景显示不用颜色的文字
先上效果：黑背景显示白字，白背景显示黑色，文字在黑白背景之间来回滚动。实现方式：html：<div></div>css：div { height: 100vh; background: linear-gradient(45deg, #000 0, #000 50%, #fff 50%); &::before { content: "LOREM IPSUM"; position: abs.
2022-04-24 11:42:11
1180
原创 HTML页面中纯CSS搞的文字轮播滚动，跑马灯效果
整体思路：采用animation循环动画，搭配CSS属性做到循环滚动，再根据文案长短动态设置动画时长。Html页面： <div className="marquee-root"> <div className="marquee-content"> 跑马灯滚动起来…… </div> </div>CSS设置：@keyframes marqueeAnim { 0%
2022-04-24 11:29:44
4988
原创 JS项目开发中常用的一些小功能
目录字符串技巧1、比较时间2、格式化money3、生成随机ID4、生成随机 HEX 颜色值5、Generate star ratings6、网址查询参数数字技能7、Arrangement8、零填充9、转数10、时间戳11、精确小数12、平价13、取最小值最大值14、生成范围随机数布尔技能15、短路运算符16、
2022-04-24 09:18:11
1210
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人