logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

[前端] SVG简单分析

百度地图上有很多标注点(小图标),有大有小,如果开发自己的项目可能需要把这就默认标注点换成自己的,这就涉及到用图片还是用svg亦或是canvas,那我们想的是用svg来画这么一个图标出来,可能是svg的兼容性比较好吧。废话不多说,先看效果这里是通过js把画好的svg动态添加到div容器里 css:.box {width: 500px;height:

vue3.x路由404通配处理

vue-router3.x通配规则vue2.x对应的vue-router3.x的404路由通配方式:{path: '*', // 会匹配所有路径name: '404',component: () => import('@/views/404/index.vue')}vue-router4.x通配规则上面的代码在vue3.x对应的vue-router4.x的路由通配中就没有效果了,需要改成这样

#vue.js
webpack externals配置方式介绍

webpack 中的 externals 配置提供了不从 bundle 中引用依赖的方式。简单理解就是不通过npm下载的类库,在html文件中以script引入,然后在页面中使用import导入的这种方式以vue开发环境为示例在public/index.html中引入moment.min.js类库<!DOCTYPE html><html lang="en"><head

vue3.x从打包、部署到上线

一、前言作者采用的项目架构:vue3.x + typescript + element-plus + axios,知道这一点很重要,因为目前 vue3.x 和 element-plus 还在不断更新迭代中,可能后面又会有所变化,导致具体的解决方案也会跟着改变。具体版本:{"dependencies": {"axios": "^0.26.1","element-plus": "^2.1.4","mo

#vue.js
js监听手机屏幕亮度、震动、方向变化

Vibration APIVibration接口用于在浏览器中发出命令,使得设备振动。显然,这个API主要针对手机,适用场合是向用户发出提示或警告,游戏中尤其会大量使用。由于振动操作很耗电,在低电量时最好取消该操作。使用下面的代码检查该接口是否可用。目前,只有Chrome和Firefox的Android平台最新版本支持它。navigator.vibrate = navi

前端接入keycloak的几种方式

最新内容请看原文链接:https://fenxianglu.cn/article/493。这种方式就像使用QQ登录一样,登录会跳转到 keycloak 给的登录界面。其他接口请求需要加 token 验证(keycloak 使用的是。这个是针对 vue 项目封装的 keycloak-js。进行 access_token解析。这种试可以使用自定义的登录界面。

文章图片
#前端#vue.js#javascript
axios解决多个baseURL配置的几种方式

通过环境变量或直接写死的方式配置好,这样就可以在接口请求的时候少写公共的url前缀,以达到减少代码量,提高可读性的目的。缺点:在某些请求的时候,特别是post请求,需要多写代码进行参数转换,不然后端接收不到请求参数。但项目进行到中后期,又有了新的接口地址变化,需要新的代理接口,如果直接修改axios的。在开发初期,我们往往都会对axios进行初始化配置,把常用的。这种方式比较推荐,因为代码量不多,

文章图片
#前端#javascript
到底了