- 博客(16)
- 收藏
- 关注
RSS订阅原创 解决报错‘minapp‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。
npm run dev的事情 发现项目启动不了同时提醒安装依赖失败其实是因为全局没有安装过 minapp全局安装 minapp 命令行工具就好了npm install -g @minapp/cli
2022-05-05 17:11:35
977
原创 3D 漏斗图 锥形图表echarts
let loadingFunnel = () => { //title标示文字,标示线 loadingFunnel.title = (text, top, left, color, fontStyle, fontFamily, fontSize) => { return { text: text, top: top, left: left, ..
2022-05-05 17:06:46
3667
3
原创 手写的loading动画效果
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="css/styles.css" /></head><style type="text/css"> #loader { margin: 100p
2022-04-27 14:03:22
293
原创 用 vue+elemnet ui实现仿有赞首页搜索框点击放大input并展开下拉盒子的动画效果
仿有赞首页搜索框点击放大input并展开下拉盒子的效果用elemnet ui实现
2022-04-20 13:46:59
1634
原创 使用vue+element ui实现el-tabs文字不动 鼠标经过背景淡入淡出的动画效果以及改element ui tabs 修改成hover触发点击
el-tabs的结构 <el-tabs ref="navTabs" tab-position="left" style="height: 500px; margin-top: 100px"> <el-tab-pane v-for="item in Solution.productVoList" :key="item.id" :label='item.productName'> <div class="programme__item">
2022-04-20 13:26:29
2171
1
原创 解决html中不同电脑分辨率下css定位出现位置偏移/错位的问题
不同的电脑分辨率不同，有时候我们的笔记本默认分辨率是125%，会导致一些，在100%分辨率的定位正常的情况下，却在125%分辨率下错位解决思路 ：外部的div可以给一个相对比较安全的宽度比如1200PX，作为背景并且相对定位，然后里面的元素绝对定位，这样就OK了 使用媒体查询设置在不同屏幕下的不同的定位即可@media screen and (max-width: 1600px) {//屏幕尺寸 小于1600px 下 .类名 { left: 67.5% !importan.
2022-04-20 13:07:13
4192
1
原创 element-ui框架的el-dialog弹出框被遮罩层挡住
解决办法在el-dialog标签里添加 :modal-append-to-body=‘false’问题解析 先来看看element-ui官网提供的属性说明文档文档解释：翻译成大白话就是，若el-dialog弹出框设置了modal-append-to-body=‘true’（默认）属性，它的遮罩层就会被插入到body标签下（即与组件所在的最外层div同一层级），知道这个原理就好办了。问题分析：经过分析源代码可得，el-dialog的显示层和遮罩层都设置了position:fixed，当然显示层的z.
2022-04-18 10:44:00
7772
原创 使用 vue-router（this.$router） 在新窗口打开路由跳转页面
1 使用标签实现新窗口打开：在页面导航中被渲染为标签, 在vue2版本的支持 target="_blank", 代码如下:<router-link target="_blank" :to="{path:'/note'}">新窗口打开</router-link>2. 编程式导航：有些时候需要在单页面中实现页面跳转，那么可以借助router的示例方法，通过编写代码实现。我们常用的是$router.push 和$ router.go 但是vue2.0以后，这种方式就不支
2022-04-18 09:41:42
3689
原创 如何修改element.style的样式
我们通常在用组件库或者调试web样式时 发现有 element.style这样的类名：这种样式其实是行内样式导致的//但是像element这种框架 没法修改行内样式 <el-tabs ref="navTabs" tab-position="left" style="height: 400px; margin-top: 100px" trigger='hover'> <el-tab-pane v-for="item in Solution.productVoLi
2022-04-07 13:47:04
2723
2
原创 onscroll事件没有响应的原因以及vue.js中添加onscroll事件监听的方法(vue上监听scroll事件
在vue.js中直接使用onscroll不起作用利用DOM二级监听事件即可，window.addEventListener('scroll',()=>{console.log(window.scrollY)})如果问为什么不能在vue组件上直接监听一般来说根据我的测试情况，监听滚动基本上监听的都是整体document或者window。监听的都是相对于整体（document或者window）的当前可见区域的文档片段（就是你眼睛可以看到的部分），而不是去监听单个的DOM片段，因为这么做没有意
2022-04-07 10:23:38
2419
原创 element ui tabs 修改成hover触发点击 出现js HTMLCollection数组中的数据无法获取 dorado onRenderCell
在el-tabs里添加个ref，删去el-tab-pane里的 ：name绑定，然后在mounted里添加代码mounted() { this.$nextTick(() => { this.$refs.你在el-tabs定义的ref名称.$refs.nav.$nextTick(() => { // 此时tab的nav才渲染dom 否则拿不到el-tabs__item var target = document.getElementsByCla
2022-04-07 10:21:23
1668
原创 SCSS中使用/deep/报错 ::v-deep 替换 /deep/
预处理器（例如Sass）可能无法>>>正确解析。在这些情况下，可以用/deep/如果/deep/报错，可以使用::v-deep组合器-两者都是它们的别名，>>> 并且工作原理完全相同。用法和/deep/ 完全一样用 ::v-deep 替换 /deep/ ，就成功解决了问题。...
2022-03-31 16:34:31
4062
原创 vue-drag-resize实现页面的拖拽与缩放（解决为何不能缩放
用法：注意：VueDragResize的w属性和h属性必须有值<template> <!--//需要给VueDragResize套一个div--> <div id="app"> <!--//缩放功能主要是缩放VueDrangResize标签--> <VueDragResize :isActive="true" :w="200" :h="200" v-on:resizing="resize" v-on:draggi...
2022-03-15 16:01:25
2803
原创 vue实现点击按钮返回顶部的动画效果
html <div class="go" @click="goTop">返回</div>js goTop() { let top = document.documentElement.scrollTop || document.body.scrollTop // 实现滚动效果 const timeTop = setInterval(() => { document.body.scrollTop = document.docu
2022-03-15 15:57:09
1666
1
原创 返回HTTP状态码的详细描述
HTTP 状态码主要有以下五大类：1xx：信息响应类，表示接收到请求并且继续处理 2xx：处理成功响应类，表示动作被成功接收、理解和接受 3xx：重定向响应类，为了完成指定的动作，必须接受进一步处理 4xx：客户端错误，客户请求包含语法错误或者是不能正确执行 5xx：服务端错误，服务器不能正确执行一个正确的请求详细描述如下：一：1xx100：客户必须继续发出请求 101：客户要求服务器根据请求转换HTTP协议版本二：2xx200：交易成功 201：提示知道新文件的URL..
2021-12-28 13:20:48
53
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人