努力中的小曾-优快云博客

原创容器设置最大高度会有抖动容器内抖动 html抖动问题 css抖动问题

css抖动问题 html 抖动问题抖动问题如何解决闪烁如何解决容器设置高度出现闪烁或抖动设置最大高度出现抖动问题.

2022-12-07 11:29:19 387

原创 elementui 表格 slot 插槽使用如果把elementui表格中的操作分离出来.

elementui 表格 slot 插槽使用如果把elementui表格中的操作分离出来.

2022-06-29 22:44:25 2812

原创记录echarts 柱状图 y轴顶部设置横杠柱状图渐变柱状图Y轴渐变

柱状图 y轴顶部设置横杠柱状图渐变柱状图Y轴渐变

2022-06-26 22:30:39 2450 2

原创记录echarts 饼图1 内圆外圆中心圆

echarts 饼图记录内圆外圆中心圆

2022-06-26 11:05:51 983

原创 echarts 中国地图飞机实现demo 中国地图路线飞行 echarts飞行

echarts 中国地图飞行实现demo 中国地图路线飞行实现 echarts飞行

2022-06-19 22:38:16 1477

场景出现于;在列表(表格)渲染的时候,渲染完毕点击表格中的每个修改按钮定义一个空对象,this.details = {}拿到每个表格中的item[i] 赋值给详情 this.details = this.table[1]这里修改详情的时候, 表格中的item[1] 也会随之变动. 这就是堆中的引用地址的问题.现在代码解释一下:// 1.先理解堆和栈// 栈 : 基本类型 -> number string null undefin boolean // 栈 : 引用类型 -> o

2022-05-24 21:33:53 587

原创 vue项目 echarts 中国地图，vue项目 echarts中国地图点击省份显示对应它的各个市，从零开始。

我先说一下我的需求把：使用echarts图表或者百度地图实现点击省份展示对应的市级。到了市级以后点击各个市显示对应的公司。最后我还是使用了echarts来做。首先我们先看看效果图，如果是你的菜，麻烦点个赞，让更多的小伙伴一起学习起来。如图gif：看完效果图，我们来实现把，具体我是自己起了一个vue项目工程我们先把echarts依赖先装一下把，npm install echarts装完以后，看看自己的package.json的版本，我怕到时候版本对应不上，所以用代码贴出来，图的话怕以后

2021-11-27 21:25:59 10432 9

原创 less全局设置，less安装步骤设置全局，vue组件使用less。this.getOptions报错处理

我把我挖的坑给你们看看。如果是你的菜，麻烦点个赞，也帮助更多的小伙伴。首先添加全局的global.less文件, 具体位置我是放在 src/assets/css/global.less 如图global.less内容为以下:@color000:#000;//设置全局的黑色,具体看自己的业务要求在全局文件下创建vue.config.js文件，如图vue.config.js内容为以下：const path = require("path");module.exports = {

2021-11-26 23:14:48 2931 2

原创 vue项目使用百度云 cyberplayer.js插件方法

下载资源先：https://cloud.baidu.com/doc/Developer/index.html点击上面的链接，然后滚动到底部，然后在这下载此sdk解压以下文件出来放到public文件夹中的play文件夹在index.html引入对应的资源,如图:然后我直接封装了组件形式了，到时候你使用props传参数进来就好了，直接贴代码了。<template>  <div class="Bvideo"> .

2021-11-19 21:39:22 2016 3

原创 vue项目 flvjs封装组件 flvjs视频demo案例

npm构建装依赖flvjs中文文档，谢谢博主提供，地址为：点击此地址<template>  <div class="videoGroup"> <video :id="flvInfo.id" controls muted width="100%" height="100%" class="flvVideo"></video> </d

2021-11-18 22:36:45 3789

原创 vue项目乐橙云（imouplayer.js）--轻应用直播SDK demo案例

乐橙云（imouplayer.js）这边使用的是轻应用直播SDC实现案例之前，前提我们有2个参数了player.setup({ src: [ { url: 'imou://open.lechange.com/3C0338EPA****/0/1?streamId=1', // url拼接说明请见：2.2.3 轻应用播放地址说明 kitToken: 'Kt_2297440199774b57ac1605*****', // 播放Toke

2021-11-18 09:05:38 6023 20

原创 vue 1 2 3 4 6 9 16宫格 6宫格（六宫格） 9宫格（九宫格） 16宫格（十六宫格）自定义宫格(样式篇)

直接上图把，如果是你的菜，就点个赞，谢谢。目录：我直接在app.vue组件写了.。<template> <div class="cell"> <div class="cell-tool"> <div class="bk-button-group"> <button @click="cellCountFn(item.number)" v-for="(item,index)

2021-11-13 14:34:50 5372 2

原创 vue项目 axios二次封装请求，如有错误，请指点。

1.首先在项目上装上npm install axios //请求npm install qs //转义2.在src文件夹目录下创建api文件夹（api是名称，看个人取）3.然后创建http.js文件如图：4.在http.js文件里直接上代码了import axios from "axios";import qs from "qs" /** * 根据环境变量区分接口的默认地址 */switch(process.env.NODE_ENV){ case "prod

2021-11-07 22:50:42 621

原创 web前端工程师开发中20个轮子大公开 vue react

记录一下各个大轮子以后后续用得到React UI 组件库UI框架,有手机版本和PC版本:Ant Design ：https://ant.design/React Bootstrap UI框架:React Bootstrap： https://react-bootstrap.github.io/MUI React组件库之一:MATERIAL-UI ： https://material-ui.com/工具类轮子lodash.js ： https://www.lodashjs.com/验

2021-11-06 14:37:05 185

原创微信小程序开发记录问题（https请求问题，获取手机号授权，vantUI引用规则）

在请求https的问题：1.1 需要在右上角中的“详情” --》 “本地设置” --》把不校验合法域名/ web-view（业务域名） / TLS版本以及HTTPS正式的勾去掉如图1.2 然后需要重启开发者软件：在引用别的UI框架（vant框架的时候）2.1 需要在文件夹中创建一个 “miniprogram” 文件夹然后需要npm init 一下构建了一个package.json文件:如图2.2 然后在菜单栏中找到 “工具” --> “构建 npm” 按一下就行了2...

2021-09-23 23:01:46 374

原创 vue2.0(v-for和v-if谁的优先级高？应该如何正确使用避免性能问题？)

直接上代码了<template> <div> <h1>v-for和v-if谁的优先级高？应该如何正确使用避免性能问题？</h1>  <div v-if="isShow"> <p v-for="(item,index) in arr" :key="index">{{item.name}}</p>

2021-08-17 13:46:01 469

原创 img标签禁止图片拖动

img标签禁止图片拖动场景是在img标签上能把里面的图片拖拽出来，体验不友好，添加这个css样式pointer-events: none;图片场景：

2021-08-09 14:39:16 2923 3

原创 css3动画效果（animation）水波纹

标题css3动画效果（animation）水波纹先看效果把图片自己右键下载<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ini

2021-08-05 13:36:31 865

原创 vue--如何在一个元素上实现单击事件和双击事件执行的方法

vue--如何在一个元素上实现单击事件和双击事件执行的方法<template>  <div @click="handleClick" @dblclick="dblClick"></template>var time = null; // 在这里定义time 为null <script> methods: { // 单击事件 handleClick() {

2021-05-27 11:21:58 1547

原创 mock.js随笔

npm install mockjs在vue项目中新建一个为mock.js代码为:`//引入 mockjs 模块import Mock from "mockjs"; Mock.mock("myList", { "list|5": [ //对象 5是固定值可以设置1-20 随机 //随机返回5项 { // title: "@ctitle(5,20)", // url: "@url", //随机生成url

2021-01-11 16:22:44 175

原创如何在html页面中点击本地电脑中的exe文件/vue如何实现页面当中点击外部应用程序

如何在html页面中点击按钮打开本地电脑中的exe文件/vue如何实现页面当中点击外部应用程序下面举例子为QQ应用程序；第一步: 首先我们先来配置一下注册信息内容，直接win + R 输入regedit，打开注册表编辑器，1、在HKEY_CLASSES_ROOT下新建项ooo，修改右侧默认字符串值为QQ，并点击空白处有点新建字符串值，数值名称为:URL Protocol，数值数据为：D:\myUse\qq\Bin\QQ.exe。注释： 1.1.新建项ooo：ooo随便取，但是后续会用到1.2

2020-06-29 23:04:52 2422 4

原创 SVG实现文字在圆弧上显示

SVG实现文字在圆弧上显示直接上代码了!!html代码:<!DOCTYPE html><!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>SVG实现文字在圆弧上显示</title> <style> .svg-defs{ position:absolute; top:100px; } .tex

2020-05-17 22:12:59 1853

原创 canvas将画布上的文字和图像显示并保存到本地上

canvas将画布上的文字和图像显示并保存到本地上直接上代码了!!html代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>canvas将画布上的文字和图像显示并保存到本地上</title> </head> <body> <p> <input type="button" value="显示图

2020-05-16 23:46:33 1154

原创 canvas使用鼠标画画,涂鸦

canvas在画布上创建空心线条的文字直接上代码了!!html代码:<!DOCTYPE html><html> <head> <title>鼠标指针实现文字涂鸦</title> <style type="text/css" media="screen"> #myCanvas{ ...

2019-08-02 22:07:43 808

原创 canvas在画布上创建空心线条的文字

canvas在画布上创建空心线条的文字直接上代码了!!html代码:<!DOCTYPE html><html> <head> <title>在画布上创建空心线条的文字</title> </head> <body> <p> <input type="bu...

2019-08-02 21:32:24 1270

原创 canvas在画布上创建模糊阴影文字

canvas在画布上创建模糊阴影文字html代码:<!DOCTYPE html><html> <head> <title>在画布上创建模糊阴影文字</title> </head> <body> <p> <input type="button" name=...

2019-07-31 22:14:48 445

转载 webpack打包vue项目之后dist文件夹在本地跑起来

webpack打包vue项目之后dist文件夹在本地跑起来转载为:https://blog.youkuaiyun.com/u014054437/article/details/79981307 谢谢博主亲测，webpack打包vue项目之后生成的dist文件可以部署到 express 服务器上运行。我的vue项目结构如下：1. 进入该vue项目目录，打开git bash，执行：npm run bui...

2019-07-31 11:40:39 3599

原创 canvas在画布上创建向上下左右3D影子文字

canvas在画布上创建向上下左右3D影子文字简单实现canvas中的文字3D影子;如有代码问题请留言,谢谢;<!DOCTYPE html><html> <head> <title>在画布上创建向上的3D拉影文字</title> <style type="text/css" media="screen"&...

2019-07-30 22:02:49 643

努力中的小曾