自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 收藏
  • 关注

原创 vue3 element plus table 滚动到指定位置

页面表格数据加载完成之后计算一下需要滚动的高度表格自动滚动。

2024-09-10 14:57:02 429

原创 vue3 嵌套iframe 通讯

vue3项目中嵌套一个iframe页面A,在页面A中可以给vue3项目发送消息。

2024-09-09 18:02:21 270

原创 【微信小程序】搭建项目步骤 + 引入Tdesign UI

在下图文件中添加配置,并更改文件后缀wxss改为scss后面如果报错,重新打开一遍编辑器即可。

2024-09-04 14:13:09 668

原创 echart vue3 柱状图 自定义柱子颜色和文字颜色

并且每根柱子上数字的颜色要跟柱状图的颜色保持一致。自定义echart柱状图的柱子颜色。

2024-09-03 09:20:54 210

原创 vue3 element-plus form 表单 循环校验

表单是循环出来的,3个一组,每组对于前端来说是一样的,需要校验输入框是否必填+是否为小数或者整数。

2024-09-02 11:13:44 809

原创 【vue3】通过【自定义指令】实现根据【权限】控制页面元素 【显示】【隐藏】【禁用】,并且有权限时点击自动【上报数据】

1. 有权限展示&可点击&点击上报数据;4. 有权限展示&点击不上报数据。2. 无权限展示&禁止点击。在main.js中全局引入。3. 无权限删除节点;通过自定义指令实现需求。

2024-08-30 17:25:08 297

原创 taro vue 微信小程序 手写签名 功能实现

点击提交签名,将手写签名保存为一张图片上传至oss并将地址传给服务端保存。再次进入时,如果已经保存过签名,则显示上次的签名图片。在指定区域可以手写签名,点击重新签名,清除手写区域。

2024-08-30 14:50:44 603

原创 微信小程序用web-view实现内嵌h5页面

在微信小程序里面使用web-view内嵌一个h5页面,并且从h5页面还可以跳到小程序的某个页面。在后台把需要内嵌h5页面的域名配置上。需先判断是否为微信小程序打开,并且要注意url格式。

2024-08-30 11:00:38 293

原创 Taro 微信小程序 分页上拉加载

页面表头及上面部分都固定,表格数据部分可以滚动,支持分页,上拉加载下一页数据如果是最后一页需判断一下,上拉不再继续加载数据。

2024-08-30 10:18:04 545

原创 微信小程序 图片 缩放相关场景

微信小程序页面相当于整体是一个图片海报页。UI直接给的图片放在里面就行。给定图片的宽高展示图片。并且图片比例不能变形。

2024-08-29 19:38:08 251

原创 taro ui 小程序at-calendar日历组件自定义样式+选择范围日历崩溃处理

【代码】taro ui 小程序at-calendar日历组件自定义样式+选择范围日历崩溃处理。

2024-08-29 16:51:38 640

原创 element plus 中 el-calendar 日历自定义样式

【代码】element plus 中 el-calendar 日历自定义样式。

2024-08-29 14:51:59 427

原创 解决在ipad的Chrome浏览器上纯数字显示下划线的问题

项目是vue3+element plus在ipad上的chrome浏览器上打开时table里面纯数字会有下划线标记并且更改筛选条件时table里面有下划线的单元格数据不更新看起来像是数据错了。

2024-08-29 14:17:43 228

原创 easy-chart项目

1. 使用angualr构建2. 添加必要的文件夹3. 安装echarts4. https://blog.csdn.net/leixu1027/article/details/77506247注释:如果引入报错,更改一下路径:5. 引入ui模块https://material.angular.io/guide/getting-started...

2018-06-11 15:37:39 1463 2

原创 数据整理:srcset数据整理

srcset属性的值可能是下面三种情况:数据整理--整理之后的格式为:data = [ ['img/xxx/xxx.png', ['img/xxx/xxx.png', '3x'], ['img/xxx/xxx.png', '4x'] ]data = [ ['img/xxx/xxx.png', '2x'], ['img/xxx/xxx.png', '3x'], ['img/xxx/xxx.png',...

2018-06-04 16:15:47 443

原创 一些可能用到的网站

github最全的前端资源汇总仓库(包括前端学习、开发资源、求职面试等)https://github.com/helloqingfeng/Awsome-Front-End-learning-resourceVue实现导出excel表格https://juejin.im/post/5abb7855518825555d475215从输入URL到页面加载的过程?如何由一道题完善自己的前端知识体系!htt...

2018-06-04 16:05:24 220

转载 浅谈前端集成解决方案

转:点击打开链接

2018-06-04 11:03:31 678

原创 知识点:ajax请求等...百度商业服务页面笔记

自动执行js代码<script type="text/javascript"> $(function(){ // 具体逻辑方法等 });</script>获取url中的参数值 function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([...

2018-04-02 16:23:15 290

原创 ES6 扩展运算符 三个点(...)

参考文档 点击打开链接1. 用于函数调用2. 数组拼接,代替concat方法3. 计算最大值4. 结合结构赋值使用 (只能放在最后一位,否则会报错)5. 函数只能返回一个值,可用... 变通一下6. 将字符串转换为真正的数组7. 涉及到操作 32 位 Unicode 字符的函数,需要使用... 才能返回正确的长度,或者需要用...格式化一下8. 数组去重,转换为set...

2018-03-08 17:03:16 11219 2

原创 优化

1. 在普通普通屏幕上显示普通分辨率的图片,在retina屏幕上显示高分辨率图片目的:两种屏幕都放高分辨率显示效果一样,但是,普通分辨率的屏幕加载页面时,浪费性能。 <img src="../images/nindex/eshop.png" srcset="../images/nindex/eshop@2x.png 2x">解决方案:2. 懒加载:页面一边滚动一边加载图片持续更新...

2018-03-08 15:25:18 142

转载 浏览器渲染流程

参考文章:10分钟读懂浏览器渲染流程知识点:渲染阻塞当浏览器遇到一个 script 标记时,DOM 构建将暂停,直至脚本完成执行,然后继续构建DOM。每次去执行JavaScript脚本都会严重地阻塞DOM树的构建,如果JavaScript脚本还操作了CSSOM,而正好这个CSSOM还没有下载和构建,浏览器甚至会延迟脚本执行和构建DOM,直至完成其CSSOM的下载和构建。所以,script 标签的位...

2018-03-08 10:26:50 200

原创 Rxjs笔记

1. RxJs是什么?可以看一下官网介绍 Rx官网Rx是一个API,通过可观察的流用于异步编程,使得异步编程可以控制2. Rxjs核心概念在RxJS中管理异步事件的基本概念如下:Observable:代表了一个调用未来值或事件的集合的概念Observer:代表了一个知道如何监听Observable传递过来的值的回调集合Subscription:代表了一个可执行的Observable,主要是用于取消...

2018-03-05 15:37:24 518

原创 angular 权限控制 service+ 自定义指令(改写ngIf)

功能说明:权限控制1. 先创建一个service,用户获取用户信息2. 然后自定义一个结构指令directive(改写ngIf指令): 传入需要的权限,根据调用service获取的用户信息,判断是否有权限,如果有权限,则显示,无权限,则不显示创建service:创建一个函数,返回Observableimport { Injectable } from '@angular/core';import ...

2018-03-05 10:58:43 1210 3

原创 ES6 操作数组 方法 区别 map filter reduce find

1. mapmap函数可以看成是一种映射函数,而且是一一映射array.map(function(参数){....函数体......})es6写法:array.map((参数)=>{....函数体......})map适合对一个数组中的每个元素进行相同的操作2. filterfilter函数可以看成是一个过滤函数,返回符合条件的元素的数组filter和map的区别:filter需要在循环的时...

2018-01-18 16:25:21 10340

原创 js数据类型

http://blog.sina.com.cn/s/blog_6fd4b3c10101d0va.htmljs数据类型两种类型:1. 基本数据类型:指的是保存在栈内存中的简单数据类型2. 引用数据类型:指的是保存在堆内存中的对象,意思是,变量中保存的实际上是一个指针,这个指针执行内存中的另一个位置,由该位置保存对象两种访问方式:1. 基本数据类型值:按值访问,操作

2017-12-25 10:25:55 175

原创 js处理数据的一些方法

reducehttp://www.runoob.com/jsref/jsref-reduce.htmlthis.layerItems = this.layers.reduce((sum,l:Layer) => {sum.push({id: l.id , text: l.name });return sum;}, []);R

2017-12-14 00:00:16 594

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除