前端小记
关注
分享
扫一扫
文章平均质量分 62
surpassLiang
视野决定效率
展开
-
Vue弹窗用也可以直接调用Js方法了
vue组件中的弹出，不在需要将组件引用到template中了。直接可以通过调用js方法即可，极大程度避免了代码的入侵性。原创 2024-10-24 21:42:24 · 854 阅读 · 0 评论 -
插槽slot涉及到的样式污染问题
本次我们主要结合一些案例研究一下vue的插槽中样式污染问题。原创 2024-01-06 23:27:54 · 929 阅读 · 0 评论 -
一文弄懂vue中样式穿透v-deep
在vue3的世界里，有一个style标签的关键字v-deep，官网称之为样式穿透。那他究竟是什么原理呢？又是这么工作的呢？让我们一起探究一下。原创 2024-01-06 09:11:26 · 13999 阅读 · 1 评论 -
ArcGIS API for JavaScript 4.x 实现动态脉冲效果
主要通过定时刷新，每一次的脉冲渲染圈不停的放大，并且透明度缩小，直到达到一定的大小再退回0。原创 2023-09-09 13:27:04 · 1100 阅读 · 4 评论 -
基于vscode配置vue模板
ctrl+shift+p，选择首选项:配置用户代码片段。选择vue.json在vue.json文件中属于如下代码片段：{ "vue-template": { "prefix": "vue", "body": [ "<template>", " <div class=\"${TM_FILENAME_BASE}_Container\">", " $1",.原创 2021-08-19 13:17:17 · 423 阅读 · 2 评论 -
vue项目子组件在父组件mount之后的一些操作
1. 问题背景在vue结合cesium框架中，子组件一般是在父组件在初始化完毕view对象后需要做进一步的操作。而view对象的创建是基于dom结构构件之后的操作。我们知道，vue的生命周期为如下表示：#mermaid-svg-KEpafN5mJsjSmNm2 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-原创 2021-08-19 13:53:49 · 790 阅读 · 1 评论 -
The browser supports WebGL, but initialization failed
在windows server上的浏览器通过cesium预览地图展示，会报错，导致地图不能正常预览。原创 2023-02-14 14:59:25 · 5461 阅读 · 2 评论 -
基于docker部署nexus并创建发布npm包
nexus安装以及npm私有的部署及发布原创 2022-12-24 01:24:53 · 1539 阅读 · 0 评论 -
docsify配置flowchart模块
开始用作流开始的第一个节点。默认是startst=>startstart结束用作流结束的最后一个节点。默认是ende=>endend操作表示需要在流中进行的操作。operation输入输出表示在流中发生的输入和输出。IO子程序表示在流程中发生的子程序，并且应该由另一个流程图来记录该子程序。判断允许条件或逻辑语句让流引导到两个路径之一cond=>conditioncondition并行允许同时发生多个流程para=>parallelparallel。...原创 2022-07-24 14:17:50 · 580 阅读 · 0 评论 -
vscode 保存vue 格式化 ESLint 检查报错问题解决
1. 问题描述在用vue 写项目的时候，照例开启了ESLint 语法检查，但是发现在使用 vscode 格式化格式化保存后各种报错，单双引号，函数空格各种问题。因为 vscode 它自身的那个格式化插件是不匹配 ESLint 的。所以需要修改一些配置达到配置的效果。这里有两种途径进行修改。2. 解决方法一既然vsdoe格式化不与ESlint匹配，那么我们就对vscode的规则进行修改。在当前工程下创建文件.prettierrc,并修改相关配置项，这里我们只对单双引号和分号做修改。 { "sem原创 2021-11-16 10:06:38 · 4767 阅读 · 3 评论 -
vscode_yarn无法运行
1 问题描述yarn : 无法加载文件 D:\dev\nodejs\yarn.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置 行:1 字符: 12. 解决以管理员身份打开powershell,执行如下命令set-ExecutionPolicy RemoteSigned3.查看执行策略：禁止运行脚本...原创 2021-11-15 12:14:38 · 491 阅读 · 1 评论 -
JavaScript实现复制和粘贴功能
1.前期准备考虑到兼容性，我们实现复制功能使用clipboard.js框架。参照如下地址下载：https://cdn.bootcss.com/clipboard.js/2.0.1/clipboard.js粘贴功能采用原生JS。2.直接贴代码粘贴功能使用前需要鼠标单击一下表格部分。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta n原创 2020-11-03 13:37:56 · 1169 阅读 · 3 评论 -
VUE环境搭建及BootStrap引入
本文主要介绍了VUE搭建以及bootstrap引入。我们都知道，bootstrap是基于jquery开发的，所以在引入bootstrap之前，还应该先引入jquery。接下来，我会以cmd方式和idea方式介绍VUE搭建。验证环境搭建成功后，在引入jquery及bootstrap。1.VUE环境搭建1.1基于CMD方式搭建VUE环境1.1.1 前期准备1）安装node.js软件。我本地版本是v14.3.02)确认npm安装没有问题。1.1.2 安装CNPM为了提高我们的效原创 2020-07-08 11:22:25 · 1417 阅读 · 1 评论 -
ES6 Promise用法小结
目录1.什么是Promisereject的用法catch的用法all的用法race的用法1.什么是PromisePromise 是异步编程的一种解决方案，其实是一个构造函数，自己...转载 2020-03-22 10:09:04 · 229 阅读 · 2 评论