前端那些事儿
HTML、HTML5、CSS3、Javascript
予她清酒°
我就是我,不一样的烟火。
展开
-
CSS 设置文本超出区域显示省略号
一、单行overflow:hidden; //超出隐藏text-overflow:ellipsis; //溢出显示用省略号white-space:nowrap; //溢出不换行二、多行overflow: hidden;//超出隐藏text-overflow: ellipsis;//溢出显示用省略号display:-webkit-box; //作为弹性伸缩盒子模型显示。-webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式 从上到下垂直排列-webki原创 2021-10-15 09:28:31 · 235 阅读 · 0 评论 -
Layui 权限菜单树遍历
贴一个layui权限菜单树遍历代码,对你有用吗!<ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu"></ul>$.ajax({ url: cms_admin_get_by_id , type: "Get",原创 2021-06-24 09:36:11 · 541 阅读 · 2 评论 -
layui 表格table中使用单选框、下拉框、时间选择器
<table id="didaxinxi-table" lay-filter="didaxinxi-table"></table><!--下拉框--><script type="text/html" id="didaxinxi-ridingTools-selectTpl"> <select name="didaxinxi-ridingTools-select" lay-filter="didaxinxi-ridingTools-select" l原创 2021-04-19 19:45:51 · 1930 阅读 · 2 评论 -
uni-app 微信小程序获取当前定位
直接贴代码// 位置授权getAuthorizeInfo(){ const that = this; uni.authorize({ scope: 'scope.userLocation', success() { // 允许授权 that.getLocationInfo(); }, fail(){ // 拒绝授权 that.open原创 2021-04-16 16:47:00 · 896 阅读 · 0 评论 -
uniapp 微信小程序跳转至其他小程序
uni.navigateToMiniProgram({ appId: '',// 其他小程序APPID path: '',//其他小程序地址 success: res => { // 打开成功 console.log("打开成功", res); }, fail: err => { console.log(err); }});原创 2021-04-16 16:53:48 · 1805 阅读 · 4 评论 -
uni-app 微信登录之APP + H5
uni.login(OBJECT) : 登录接口我们可以看到uni.login() 不支持H5,所以这里我们需要把APP 和 H5分开来<template> <view class="login"> <button class="wechat" lang="zh_CN" @click="login">微信登录</button> </view></template>当前在什么平台进入对应登录data() { ret原创 2021-03-19 13:35:44 · 1346 阅读 · 0 评论 -
uni-app 中提示框总结
一、uni.showToast(OBJECT) :显示消息提示框。OBJECT参数说明icon 值说明示例position 值说明(仅App生效)uni.hideToast() :隐藏消息提示框二、uni.showLoading(OBJECT):显示 loading 提示框, 需主动调用 uni.hideLoading 才能关闭提示框。OBJECT参数说明示例uni.hideLoading() : 隐藏 loading 提示框。三、uni.sh原创 2021-03-19 13:16:02 · 1922 阅读 · 0 评论 -
jquery 鼠标悬浮和移除事件
直接贴代码$('#mouse').mouseover(function () { alert("悬浮") // 处理悬浮的逻辑}).mouseout(function () { alert("移除") // 处理移除的逻辑})原创 2021-02-20 19:47:55 · 829 阅读 · 0 评论 -
Layui 中常用弹框
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>开始使用layui</title> <link rel=原创 2021-01-09 22:12:06 · 623 阅读 · 0 评论 -
在微信小程序中访问图片出现403的解决办法
一、使用images.weserv.nl方案直接在原图链接前拼接https://images.weserv.nl/?url=例如:https://images.weserv.nl/?url=https://www.baidu.com/img.jpg二、使用no-referrer方案这种方案不仅针对图片的防盗链,还可以是其他标签在前端页面头部添加一个meta<meta name="referrer" content="no-referrer" />a标签的referr原创 2021-01-09 21:57:43 · 5809 阅读 · 2 评论 -
layui 中echarts实现图表
一、建立div<div class="layui-card-body"> <div id="EchartOrder" style="width: 100%;height: 500px;"> </div></div>二、引入配置layui.config({】 base: '../../layuiadmin/' //这个就是你放Echart.js的目录}).extend({ index: 'lib/index' //主入口模块}).原创 2020-12-06 01:18:12 · 2704 阅读 · 0 评论 -
Jquery 实现点击图片全屏查看功能
js代码$('img').click(function () { //获取图片路径 var imgsrc = $(this).attr("src"); console.log(imgsrc); var opacityBottom = '<div class="opacityBottom" style = "display:none"><img class="bigImg" src="' + imgsrc + '"></div>';转载 2020-06-03 15:53:21 · 2379 阅读 · 2 评论