鱼与雨于语-优快云博客

原创资料收藏

https://tool.lu/ 在线工具http://wenbenbijiao.renrensousuo.com/ 在线文本比较工具https://www.iconfont.cn/ iconfont-阿里巴巴矢量图库https://jquery.cuishifeng.cn/index.html JQuery中文文档http://css.doyoe.com/ css参考手册https://www.jb51.net/article/172722.htmJS合并两个数组...

2021-01-29 17:43:35 106

原创 css 样式单行、多行文本溢出显示省略号方法

单行省略号：overflow: hidden; text-overflow:ellipsis; white-space: nowrap;多行省略号：display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;注：-webkit-line-clamp 用来限制在一个块元素显示的文本的行数。...

2020-05-30 13:51:08 208

原创 flex 布局详细总结（弹性布局）

Flex 是 Flexible Box 的缩写，意为"弹性布局"任何一个容器都可以指定为 Flex 布局块元素： display: flex; 行内元素： display: inline-flex; 如果是webkit内核浏览器，需加上-webkit- ： display: -webkit-flex兼容：Chrome 21+ 、 Opera 12.1+ 、Firefox ...

2019-07-29 15:18:14 177

原创小程序弹框禁止弹框穿透滑动

@touchmove.stop="()=>{}"

2025-03-03 14:12:36 70

原创浏览器复制

navigator.clipboard.writeText('复制内容').then(() => {

2024-09-04 17:42:30 189

原创 vue3 -- setup uniapp框架小程序页面生命周期onPageScroll

)

2024-04-16 17:23:31 1093 4

原创 vue3 浅拷贝转深拷贝

record = JSON.parse(JSON.stringify(record));

2024-03-11 11:10:45 625

原创视频静音自动播放

/video>

2023-04-26 14:12:17 322

原创 iPhone 伪类溢出父元素圆角范围

iPhone 手机在写伪类上增加动效时，溢出了父元素圆角，需在父元素添加样式。

2023-03-15 09:46:58 137

原创比较数组值大小

//返回最大值function ( array ){ return Math.max.apply( Math, array );};//返回最小值function ( array ){ return Math.min.apply( Math, array );};

2021-09-09 10:18:52 1028

原创移动端解决点击穿透

$('.a').on('click',function(e){e.preventDefault();})

2021-08-18 17:45:02 118

原创 .attr()与.data()的区别

1.attr属性是必须写在html标签上，它属于dom属性，而data是储存于jquery对象模型上，它属于jquery对象属性，因此，它俩本质不一样；2.attr的运行机制是：$.attr()取值和赋值都是找到html标签，直接操作该标签的属性;3.data的运行机制是：页面第一次解析时，会将dom节点的attribute值存放到内存中， $.data()取值和赋值都是直接操作这个内存值，而不是dom元素；综上所述：1.避免attr和data的混合使用，以免因为数据不一样，产生bug;

2021-08-06 17:02:23 617

原创 echarts 地图

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scal.

2021-06-23 16:33:50 492 1

原创 swiper 使用

1、在元素display: none 时，不执行设定参数（最低支持swiper版本 3.0.0 ） observer:true,//修改swiper自己或子元素时，自动初始化swiper observeParents:true//修改swiper的父元素时，自动初始化swiper

2021-05-26 16:50:51 515

原创 css取消双击选中文字

body {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; }

2021-05-25 15:39:15 94

原创 JS监听浏览器的返回、后退、上一页按钮的事件方法

在实际的应用中，我们常常需要实现在移动app和浏览器中点击返回、后退、上一页等按钮实现自己的关闭页面、调整到指定页面或执行一些其它操作的需求，那在代码中怎样监听当点击微信、支付宝、百度糯米、百度钱包等app的返回按钮或者浏览器的上一页或后退按钮的事件呢。我相信很多朋友像我一样，在百度、搜狗里面搜索很久都没找到方法。下面就来告诉大家怎样监听的方法：首先我们要了解浏览器的history。大家知道在页面中我们可以使用javascript window history，后退到前面页面，但是由于...

2021-04-10 17:07:28 944 2

原创 js记录

textContent 获取标签内文本内容

2021-03-24 16:53:37 90

原创 5分钟数字时间倒计时 js

vartimer=0;$.fn.countDown=function(options){var$myBar=$(this);vardefaultOpts={dataTime:'',downEnd:function(){}}varopts=$.extend({},defaultOpts,options);...

2021-03-13 14:29:42 2258

原创 window.onscroll

window.onscroll=function(){varscrollT=document.documentElement.scrollTop;}

2021-01-29 17:25:42 472

原创关于es6中...运算符的总结

一、...为展开运算符let a = [1,2,3];let b = [0, ...a, 4]; // [0,1,2,3,4]let obj = { a: 1, b: 2 };let obj2 = { ...obj, c: 3 }; // { a:1, b:2, c:3 }let obj3 = { ...obj, a: 3 }; // { a:3, b:2 }二、...为剩余操作符let a = [1,2,3];let [b, ...c] = a;b; // 1c; // [2.

2021-01-29 16:45:05 148

原创 js文件命名为page.index.js微信内置浏览器 js不执行

js文件命名为page.index.js微信内置浏览器 js不执行手机型号：oppo reno ace

2020-11-19 16:59:50 230

原创 CSS 图片在线拼合生成器（雪碧图）

页面中小图标太多，请求次数太多，整合到一个大图片中。CSS 图片拼合生成器http://cn.spritegen.website-performance.org/

2020-09-03 14:51:19 3934

原创 vue 深度选择器 /deep/ 报错

当在scope样式中使用/deep/飘红报错时，可以使用::v-deep代替。<style lang="less" scoped>::v-deep { .overlay { position: absolute; }}</style>这和/deep/是一样的效果。

2020-08-14 11:23:09 1154

原创 uniapp 小程序绘制canvas

在使用canvas 绘制图片时，由于有时候图片会加载过慢，导致绘制空白，所以应该先把图片加载成功才进行绘制，使用uni.getImageInfo({Src: ‘’;success:function(res){context.drawImage(res.path,0, 0, width, height);}});在有多个图片绘制时：uni.getImageInfo({Src: ‘’;success:function(res){ context.drawI...

2020-07-29 13:59:51 1745

原创移动端字体大小设置适配

html { font-size: 20px; font-size: 5.33334vw; }@media screen and (max-width:320px){ html { font-size: 17.06667px; }}@media screen and (min-width:750px){ html { font-size: 40px; }}body { max-width: 750px; margin: a.

2020-06-22 17:51:58 1212

原创华为p30自带浏览器样式表命名为skin.css 里面的color样式不起作用

样式表命名为skin.css华为自带浏览器里面的color 样式不起作用，所以不能用skin.css

2020-06-22 17:06:45 369

原创 fis3前端工程构建配置 ..............正在学习记录

// 配置配置文件//让所有的静态资源构建后到 static 目录fis.match('*.{png,js,css}', { release: '/static/$0'});//加 md5fis.match('*.{png,js,css}', { useHash: true});//压缩文件fis.match('*.js', { // fis-optimizer-uglify-js 插件进行压缩，已内置 optimizer: fis.plugin('ug.

2020-06-08 15:42:12 294

原创 jquery自定义分页插件(带回调函数) 链接分享

https://www.cnblogs.com/x0216u/p/7463679.html

2020-06-02 17:35:29 188

原创使用RGBA实现背景颜色半透明并兼容低版本IE浏览器

示例： background: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);IE渐变滤镜：filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= #AARRGGBB,endColorStr= #AARRGGBB,grad...

2020-05-30 14:56:45 747

原创阻止点击事件冒泡

//需要排除的元素阻止点击事件冒泡$('.a').click(function(e){ e.stopPropagation();})$('body').click(function(e){ if($(e.target) !== $('.a')){ //除了元素.a 之外的空白 }})

2020-05-30 13:40:08 370

原创有些浏览器底部工具栏遮挡吸底内容解决方案

苹果、UC浏览器、QQ浏览器：<meta name="apple-mobile-web-app-capable" content="yes"/><--UC强制全屏--><meta name="fullscreen" content="yes">&lt...

2020-04-14 17:08:25 4332

原创网站灰色调

如何让实现整站变灰色调 (一般用于悼念活动)html{filter: grayscale(100%);filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);}那么问题来了，IE 10...

2020-04-03 17:43:35 511

原创判断是移动端还是PC端

if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { document.write("移动") } else { document.write("PC") }...

2020-04-01 14:31:08 387