快乐的二进制鸭-CSDN博客

原创 el-table实现合并特定列的所有行

el-table合并特定列的所有行

2024-05-27 17:27:05 385

原创 uniapp全选与取消全选，订单金额与订单量随多选框选择而进行改变

<template> <view class="social_security_manage"> <view slot='top'> <view class="header" @click="isAll()"> <view class="radio" :class="{active:checkedAll}"></view> <text class="text">全选</text&g

2023-05-16 20:47:07 806

原创 el-image做水印，给image预览图片添加图标

el-image做水印，给image预览图片添加图标

2022-11-03 17:10:38 1991 1

原创 swiper的使用（loop失效问题，数据请求后的展示问题）

swiper在项目中的使用，及其同一页面中展示多个图片的配置

2022-08-31 16:04:58 653

原创左右切换箭头代替滚动条，实现类似走马灯效果

当头部导航过多，内容放不下的时候，用左右切换箭头代替滚动条，实现类似走马灯效果

2022-06-23 11:40:07 1400 1

原创屏幕适配—在电脑默认推荐缩放比为125%或150%等情况下的浏览器100%显示的适配（适用大数据平台）

屏幕适配—在电脑默认推荐缩放比为125%或150%等情况下的浏览器100%显示的适配（适用大数据平台）

2022-06-20 15:37:59 6102 3

原创 echarts在点击当前页面弹窗后不重新渲染的问题

echarts在点击当前页面弹窗后不重新渲染的问题

2022-06-17 11:55:25 688

原创 echarts中tooltip(提示框)的修改

echarts中tooltip(提示框)的修改

2022-06-14 11:55:14 3361

原创 html实现背景颜色透明，文字效果不透明

html实现背景透明，文字正常显示

2022-06-13 11:38:04 3535

原创 el-table固定表头及内容自动滚动，取消el-table的滚动条（兼容谷歌，火狐），顺便带有时间的显示

<template> <div class="tradeCenterContant"> <el-table :data="tableData" height="100%" :header-cell-style="{'color':'#333333','font-weight':'400','font-size':'16px'}" style="width: 100%" ref=.

2022-05-31 17:28:46 3773

echarts地图资源包在csdn上找的时候下载还需要收费，额…(翻个白眼吧)，自己在githup中找到了。文件名：china.json{ "type": "FeatureCollection", "features": [ { "type": "Feature", "properties": { "adcode": 110000, "name": "北京", "center": [116.405285, 39.9

2022-05-24 10:54:15 2302

原创 el-dialog页面中的上传图片

效果图如下：当上传的图片超过三个之后让文件上传添加组件隐藏完整代码：<template> <div class="questionFeedbackPopover" > <div class="kefuBox" @click="dialogVisible=true"> <p class="callKefu">问题反馈</p> <p class="kefuImg"

2022-01-05 16:29:57 1363

原创 vue为同一个元素绑定多个事件以点击事件为例的写法

vue为同一个元素绑定多个事件：如点击事件为例

2022-01-05 11:47:22 1025

原创 vue2.0中template中使用slot-scope报红线错误

vue2.0中template中使用slot-scope，由于语法检查进而会报红线错误解决办法：<template slot-scope="scope">改为`即可消除红色波浪线

2021-12-29 17:59:23 2866 1

原创 h5静态页面的写法

1，一些常用标签：section:定义块区域header:文档头部footer:文档底部aside:侧边拦内容artical:定义页面独立的内容区域diglog:对话框nav:导航链接的部分2.横屏与竖屏下的样式//竖屏 @media screen and (orientation: portrait){ body{ background-color:red; } }//横屏 @media screen and (orientation: landscape){

2021-12-21 11:43:34 1571

原创 vue项目在不同分辨率下页面的适配

媒体查询适配页面

2021-12-10 09:30:59 6540

原创 vue-devtools的下载使用

推荐一个不错的网站，极简插件（https://chrome.zzzmh.cn/#/index），一般的插件都可以找到。搜索vue Devtools,点击进入，点击推荐下载。下载完成后打开谷歌浏览器的扩展程序，将下载好的第一个文件直接拖到浏览器中即可。效果如下：打开项目可以看到下面这个界面就好啦，如果项目早已打开，那么需要再重新跑一下。...

2021-12-08 16:03:39 341 1

原创 vue路由的导航守卫

1.介绍：vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。每个守卫接受三个参数：（1）to:即将要进入的目标路由对象（2）from:当前导航正要离开的路由(3) next:一定要调用该方法来resolve这个钩子。执行效果依赖next方法的调用参数。如果next函数没有执行或是传入了false等值，这个跳转就会被终止掉。2.全局守卫只要触发了路由就会触发路由前置和后置守卫（1）全局前置守卫当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是异步解析执行，此时导

2021-08-03 15:06:35 1413

原创 uniapp的完整学习（部分组件，api未涉及，用法大致差不多）

uniapp的学习1.介绍uniapp是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到ios,Android,H5,以及各种小程序（微信、支付宝、百度）等多个平台。2.踩坑点。第一次通过hbuildx运行微信小程序，需要将微信开发者工具里面安全中的服务端口打开。通过运行hbuildx，会自动运行到对应的软件中。3.目录结构[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-d2s31XJo-1626857721539)(C:\Users\de

2021-07-21 16:58:40 1986 1

原创前端部分内容的整理（供自己看哟）

这里写自定义目录标题1.在less中实现继承的两种方式。2.page与client的区别3.文字超出...显示4.1.在less中实现继承的两种方式。如：two继承one（1）extend.one {width:110px }.two:extend(one){}(2) &:extend.two{&:extend(.one }(3) 直接套.two{.one();}2.page与client的区别（1）page在ie不支持，要是不考虑兼容性情况下，一般用page(2)

2021-06-23 16:49:35 180

原创 less的学习

less的学习1.less的使用在vscode中下载Easy LESS 插件新建文件，创建样式.less文件,通过编译即可自动生成样式.css文件2.注释// 单行注释，在css中不可见/* */ 多行注释，在css中显示3.变量可以定义变量名，或变量值//如：定义变量名定义： @w:width使用：{w}:100px//如：定义变量值定义：@width:100px;使用：width:@width//变量的延迟加载@var:0;.class { @var:1

2020-12-04 10:53:53 154

原创 jquery的学习

JQuery他是js的一个轻量级的库，操作方便，但是需要频繁的操作dom元素。jq兼容所有浏览器1.使用为了兼容一般用：<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.7.2/jquery.min.js"></script>从bootcnd中下载引入使用。2.查看jq的版本。在控制台中$.fn.jquery就可以看到版本号。3.选中元素$(“要选中的元素”)元素选择器如选中所有的p $("p")

2020-12-03 16:01:02 129 1

原创 js中各种宽高，如：clientHeight,scrollHeight,offsetHeight,scrollTop,screen.height

clientHeight:网页的高度，内容区域到底部滚动条（若没有则到菜单栏顶部）的区域scrollHeight:元素从内容区域到底部横轴方向滚动条的区域（若没有滚动条则是到菜单栏顶部的高度），包含被隐藏了的高度。如果没有滚动条的话，则scrollHeight就是clientHeightscrollTop:一句话就是滚动了多高。没滚就是0，滚了多少就是多少，包含隐藏的高度。offsetHeight：网页内容区到滚动条的顶部高（没有则到菜单栏的高），包括边线的高window.screen.heigh

2020-09-26 21:17:50 466

原创 CSS预处理

CSS预处理一、什么是CSS预处理器？CSS预处理器定义了一种新的语言，其基本思想是用一种专门的编程语言，为CSS增加一些编程的特性，将CSS作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。优点：使用CSS预处理器语言，可以让我们的CSS代码更加简洁、适应性更强、可读性更佳、更易于维护等诸多好处。目前比较优秀的CSS预处理器语言有Less、Sass(Scss)、Stylus。这里我们学习Less和Sass。Less和Sass包含了一套自定义的语法及一个解释器，用户根据这些语言定义自己的

2020-07-05 19:07:02 1178

空空如也

空空如也