logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

js识别当前设备是pc端 | 移动端 | pad端

项目开发中很多时候会遇到要求系统既要在pc中运行也可以在手机上访问的需求,这是时候就需要判断一下系统运行的平台来做页面适配。把识别的平台保存在vuex中,在需要用的页面直接取即可。在main.js中添加如下代码。

文章图片
#javascript#开发语言#ecmascript
vue项目接入神策,数据埋点

所谓埋点就是在应用中特定的流程收集一些信息,用来跟踪应用使用的情况,记录用户在系统中的操作行为轨迹,后续用来进一步优化产品或提供运营的数据支撑,包括访问数、访客数、停留时长、页面浏览数和跳出率。埋点采集信息大致分为两大类:页面统计,操作行为统计。自动采集事件埋点,主动触发页面浏览事件,一般只在页面配置后调用一次即可。在main.js文件中,将神策埋点信息挂载到vue实例下。事件埋点(页面上事件用这

文章图片
#vue.js#javascript#前端
vue项目关闭浏览器清空localStorage中存储的数据

上面大致描述了localStorage的优缺点,下面我们一起来看下,有的业务场景中当关闭浏览器窗口时怎么实现清空localStorage中的数据。实现思路大致就是给项目添加一个监听器,在项目销毁前移除localStorage中的数据,一般这个监听写在App.vue文件中。浏览器兼容性不全面,IE浏览器在IE8以上的才支持(影响不大)数据永久存储,如果没有手动清空,数据会一直保存在浏览器缓存中。数据

文章图片
#前端
vue使用dagre-d3画流程图

edges用来存储线条数据,start是开始节点,end是结束节点,label可以给线条命名。还可以使用render.shapes()自定义形状。需求:根据表格中的工序名称和上工序生成流程图。2)circle,ellipse(椭圆)数据处理,把表格数据转变成节点和线条数据。3)diamond(菱形)这世界很喧嚣,做你自己就好。1)rect(长方形)

文章图片
#vue.js#流程图#前端
vue项目关闭浏览器清空localStorage中存储的数据

上面大致描述了localStorage的优缺点,下面我们一起来看下,有的业务场景中当关闭浏览器窗口时怎么实现清空localStorage中的数据。实现思路大致就是给项目添加一个监听器,在项目销毁前移除localStorage中的数据,一般这个监听写在App.vue文件中。浏览器兼容性不全面,IE浏览器在IE8以上的才支持(影响不大)数据永久存储,如果没有手动清空,数据会一直保存在浏览器缓存中。数据

文章图片
#前端
vue使用dagre-d3画流程图

edges用来存储线条数据,start是开始节点,end是结束节点,label可以给线条命名。还可以使用render.shapes()自定义形状。需求:根据表格中的工序名称和上工序生成流程图。2)circle,ellipse(椭圆)数据处理,把表格数据转变成节点和线条数据。3)diamond(菱形)这世界很喧嚣,做你自己就好。1)rect(长方形)

文章图片
#vue.js#流程图#前端
three.js给模型添加CSS3DSprite精灵标签

先看下效果,如果符合你的需求可以接着往下看,避免浪费大家的时间这个需求主要有以下功能1)给模型添加热点,可以通过点击热点弹出模型标签2)给模型添加Sprite精灵图3)给模型添加CSS3DSprite模型标签在写代码之前先了解下是什么CSS3精灵模型 CSS3DSprite 对应的HTML标签,可以跟着场景缩放,位置可以跟着场景旋转,但是自身的姿态角度始终平行于canvas画布,不受旋转影响,就像

文章图片
#javascript#css3#前端
three.js加载模型

three.js是一款基于原生web GL封装通用Web 3D引擎,在小游戏、产品展示、物联网、数字孪生、智慧城市园区、机械、建筑、全景看房、GIS等各个领域基本上都有three.js的身影。

文章图片
#javascript#开发语言#ecmascript
前端项目引入高德地图

进入高德开发平台申请,具体操作可以参考官方提供的文档说明准备-地图 JS API 2.0 | 高德地图API按照上面的步骤就可以成功申请一个应用,得到 key和 安全密钥,后面都会用到。

文章图片
#前端#arcgis
el-select触发change事件时同时传多个参数

el-select是项目开发中常用的下拉选择表单组件,有时在和后端联调会遇到既要传下拉的value值还要传下拉的label值或者是接口指定的某个值。

文章图片
#vue.js#javascript#elementui
    共 15 条
  • 1
  • 2
  • 请选择