![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
东小记
Don't Give Up
展开
-
【CSS】简记CSS效果:通过transition(动画过渡属性)实现侧边栏目滑入滑出
根据需求完成前端效果:在资金明细的页面中,点击按钮时筛选区域从左侧滑出,完成筛选点击确认后调用接口完成数据查询,筛选区域滑入左侧;原创 2023-08-30 20:11:07 · 1709 阅读 · 0 评论 -
【微信小程序】简记功能--转发文件给用户(下载文件到用户手机)
【微信小程序】转发文件给用户(下载文件到用户手机)原创 2023-05-22 16:40:27 · 852 阅读 · 0 评论 -
【第三方库接入】移动端图片可预览,支持缩放
SmartPhoto移动端图片可预览,支持缩放;原创 2023-04-20 11:58:41 · 240 阅读 · 0 评论 -
【富文本编辑器】简记功能:neditor上传操作时提交额外数据
neditor上传操作时提交额外数据;解决使用编辑器neditor进行上传功能时需要提交其它数据到后台的问题;包含详细代码;原创 2022-12-05 18:48:40 · 731 阅读 · 0 评论 -
【CSS】简记问题:打开iframe后,超过窗口高度的内容背景颜色丢失
后台页面打开iframe弹窗,默认高度为窗口高度,当iframe页面超过窗口高度时,多出内容的背景颜色丢失。读取iframe的页面内容,通过jquery或者js读取页面DOM元素,设定height的样式为auto;如下代码所示,以实际页面元素为准;原创 2022-09-20 00:04:34 · 560 阅读 · 0 评论 -
【CSS】简记问题:flex多宫格布局,最后一排元素差异时向左对齐
解决flex多宫格布局,最后一排元素差异时向左对齐;原创 2022-09-16 15:39:26 · 399 阅读 · 0 评论 -
Ueditor全屏事件时,编辑器左侧被内容遮挡(提供几种解决思路)
描述:在后台管理系统页面引入ueditor,点击全屏时,编辑器正常全屏显示,但是菜单栏处把编辑器遮挡了。如图所示:原因:通过开发工具的元素排查,发生这个问题的原因在于页面元素某个元素导致注:本文是由于#wrapper #content-wrapper的overflow-x属性设置问题导致,如果你也遇到全屏被遮挡内容的问题,请先自己检查是否有其他的问题导致解决:本文提供三种形式1.将页面样式进行重写(不太推荐,如果是工具元素,可能会影响到其他页面)<style>..原创 2021-08-08 15:28:30 · 1690 阅读 · 0 评论 -
kindeditor 调用服务器接口保存图片
需求:由于可爱的客户提出一个可爱的要求,需要在IE下运行项目,而之前用的百度富文本无由,就是兼容不了IE浏览器,于是乎,老大让我换个新版或者找个可代替的编辑器,因此,有了这三天的踩坑路1.下载kindeditor,简称kehttp://kindeditor.net/down.php我下的是KindEditor 4.1.11 (2016-03-31)2.解压放置项目目录,引入 kind...原创 2018-08-24 17:27:22 · 1415 阅读 · 3 评论 -
记录自定义实现加载效果CSS的步骤
1.编写加载效果的CSShttps://www.cnblogs.com/lhb25/p/loading-spinners-animated-with-css3.html2.增加遮罩层,用以加载时无法点击页面其他内容原创 2021-07-13 23:49:36 · 703 阅读 · 0 评论 -
记录CSS效果:将文本中超过指定行数的内容将多出内容隐藏被显示...
<style> .word { border:1px solid blue; // 方便测试观察效果 width:50px;// 内容限制宽度,必须指定 word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; ..原创 2021-06-18 20:00:12 · 663 阅读 · 0 评论 -
uni-app在H5端底部部分内容被tarbar遮盖,显示不全
问题:在H5端时,底部的部分内容被tarbar遮盖住,小程序端是正常的,如下两图所示:小程序端H5端(chorme浏览器)原因:导航栏和 tabbar 均是原生控件,元素区域坐标是不包含原生导航栏和 tabbar 的;而 H5 里导航栏和 tabbar 是 div 模拟实现的,所以元素区域坐标会包含导航栏和tabbar的高度。解决:通过uni-app自带的2个css变量:--window-top 和 --window-bottom,这代表了页面的内容区域距离顶部和底部的距离。也...原创 2021-04-26 10:46:13 · 4356 阅读 · 1 评论 -
uni-app在微信小程序中无法拉起用户授权面板,uni.getUserInfo直接返回匿名数据
问题描述:在开发中通过微信小程序文档(https://developers.weixin.qq.com/miniprogram/dev/component/button.html)和uni-app文档(https://uniapp.dcloud.io/api/plugins/login?id=getuserinfo)配置button属性与绑定事件实现拉起授权获取用户信息面板:open-type、@getuserinfo="bindGetUserInfo"、withCredentials,在莫名的一波操作后,原创 2021-04-04 22:50:53 · 31461 阅读 · 6 评论 -
uni-app swiper设置显示面板指示点的背景颜色与选中颜色
查看uni-app官网文档找到设置的背景与选中的属性为indicator-color、indicator-active-color,直接如下图所示进行设置,<swiper class="swiper" style="height:100px;" :autoplay="true" :interval="3000" :duration="1000" :vertical="false" :circular="true" :indicator-dots="true" :indicator-acti原创 2021-03-23 14:11:01 · 5589 阅读 · 1 评论 -
基于Layui上传组件(upload)的动态增加上传组件并使得每个上传组件都可独立上传
演示基于laravel框架1.编写html元素(可根据实际需求进行编写)2.引入layui相关css,js3.编写upload组件实例化公共调用方法,首次加载页面需要初始化,因此需要调用upload实例公共方法4.编写新增dom方法,清空新增dom中的旧数据并调用upload实例公共方法,使得每个upload实例都可以使用注意:由于每个upload组件的绑定节点必须唯一,因此在新增dom时,需要为upload组件动态生成不同的绑定节点名称,否则,upload组件将无法拉起图片选择&原创 2020-11-11 10:14:39 · 3113 阅读 · 0 评论 -
实现[微信]H5长按保存图片功能
通过js插件html2canvas实现a.下载html2canvas.js(github地址:https://github.com/niklasvh/html2canvas/releases/、官网地址:http://html2canvas.hertzen.com/)b.个人需求实现<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html;原创 2020-10-15 18:03:58 · 27374 阅读 · 0 评论 -
在JS代码中,将PHP数组传入使用
<script> // 将php数组转化为json格式数据 var str = '<?php echo json_encode($php_arr); ?>'; // 转换为js数组 var js_arr = eval(decodeURIComponent(str)); console.log(js_arr);</script...原创 2018-12-05 14:52:44 · 728 阅读 · 1 评论