- 博客(26)
- 收藏
- 关注
原创 【微信小程序】搭建项目步骤 + 引入Tdesign UI
在下图文件中添加配置,并更改文件后缀wxss改为scss后面如果报错,重新打开一遍编辑器即可。
2024-09-04 14:13:09 668
原创 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
原创 知识点: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关注的人