小何plus-优快云博客

原创 Vue3动态渲染，betterScroll无法滚动（图片加载也兼容）

【代码】Vue3动态渲染，betterScroll无法滚动（图片加载也兼容）

2022-12-02 17:31:59 476

原创利用jq的sort()方法对页面元素dom进行升降序排列

先写到这里后面再优化html1.排序按钮<span class="box"> <span id="sort-down">由高到低</span> <span id="sort-up" class="focus">由低到高</span></span

2018-07-19 15:54:04 3836

原创阻止事件冒泡

e && e.stopPropagation();

2018-07-17 11:33:46 236

原创 table宽度自适应

上代码td{ padding: 0 20px;//根据情况自己设置 white-space: nowrap;//不换行} 试用前使用后

2018-07-16 22:11:42 10859

原创常用颜色

'#f34236', '#9b27af', '#663ab6', '#3e50b4', '#2195f2', '#03a8f3', '#00bbd3', '#009587', '#4bae4f', ...

2018-07-08 18:08:16 361

转载 666666666

//获取滚动条当前的位置 function getScrollTop() { var scrollTop = 0; if(document.documentElement && document.documentElement.scrollTop) { scrollTop = document.documentElement.scrollTop; } el...

2018-07-03 15:54:24 491

原创 swiper默认第二个且居中

var mySwiper = new Swiper ('.swiper-bottom', { spaceBetween: 25, freeMode: true, initialSlide :1,//默认第二个 slidesPerView: 2,//可见个数2 centeredSlides: true,//居中});

2018-06-27 15:19:55 13540

原创解决移动端ios监听click失效

cursor: pointer;//让ios监听有效-webkit-tap-highlight-color: transparent;//去除点去背景变蓝

2018-06-27 14:41:21 1661

转载纯css实现点击背景博文扩散

来源于网络，忘记出处了.ripple { position: relative; //隐藏溢出的径向渐变背景 overflow: hidden;}.ripple:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; ...

2018-06-27 11:34:59 733

原创取消a标签href跳转

愿你在被打击时记起你的珍贵抵抗恶意愿你在迷茫时坚信你的珍贵爱你所爱行你所行听从你心无问西东<a href="javascript:;"></a> <a href="javascript:void(0);"></a>...

2018-06-20 09:57:45 2761

原创 css阻止默认事件

pointer-events: none;

2018-06-19 17:04:49 3366

原创阻止冒泡

if ( e.stopPropagation ){ //标准浏览器 e.stopPropagation();}else{ //兼容IE window.event.cancelBubble = true;}

2018-06-19 16:55:04 203

原创 angular常用命令

## 我不是没有钱,我只是没有多余的钱。 ## 1. 安装 Angular CLI npm install -g @angular/cli 2. 创建新应用 ng new appName 3. 启动应用服务器 ng serve --open 4. 创建新的组件 ng generate component componentName 5. 创建新的服务ng generate se...

2018-06-12 17:30:39 336

原创有间隔的循环

var msgLen = 10;var count = 0;var myName = setInterval(function(){ if(count < msgLen){ //进行操作 count++; }else{ //循环完了，清除setInterval clearInterval(myName); }},100);...

2018-06-08 10:41:08 414

原创 radio单选按钮样式重写

这是html&amp;lt;div class=&quot;quanxian-option&quot;&amp;gt; &amp;lt;input class=&quot;radio-btn&quot; type=&quot;radio&quot; name=&quot;quanxian&quot; value=&a

2018-06-07 11:48:15 5609 2

转载 log出一个女朋友

console.log(" .::::.")console.log(" .::::::::.")console.log(" :::::::::::")console.log(" ..:::::::::::'")console.log(" ...

2018-06-07 11:37:10 171

原创佛祖保佑，永无bug

/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||| |||| _oo0oo_ || || ...

2018-06-07 11:21:16 324

原创 js字数限制，300字为例

html<textarea maxlength="300" class="txt-area" name="" id="txt-area"></textarea>js// 字数统计$(document).on('input propertychange','#txt-area',function(){ var txtLen = $(this).val().

2018-05-24 16:12:20 2997 1

原创 jq生成不重复随机数

酒逢知己千杯少，话不投机半句多，直接上代码代码var arr = [];//存放随机数的数组 var arrLen = 5;//数组长度，也用来限制范围 for(var i=0; i<arrLen; i++){ var radomNum = parseInt(Math.random() * arrLen) + 1;//对利用random生成的随...

2018-05-14 18:30:44 5997 2

原创让css keyframes动画停在最后一刻

animation-fill-mode : forwards没了

2018-05-13 12:30:50 6565 1

原创 jquery元素到窗口顶部的距离

$('元素').offset().top - $(window).scrollTop();

2018-05-12 15:20:25 19672

事情的起因是这样的我们有个这样的设计图，大概是这样色儿的一句话，就是说这是一个显示百分比的柱状图。然后我写出了这样的静态页面（根据实际情况，柱状图做了一些调整）一切风平浪静，看起来是那么完美对不对。然而不幸的事情发生了，当我把鼠标放上去的时候，提示框（tooltip）是这样的相信你已经看出来了，没！有！百！分！比！经过我一番百度和几分钟的尝试以后算了废话太多，直接上代码，fomatter里面的就是...

2018-05-04 11:59:16 19193 10

原创 css3的clip-tath裁剪出正六边形

首先，这是图，能看到那几个正六边形吗？看不到自己想象一个，然后，我想直接在网上搜一个，结果我看到了各种旋转什么overflow:hidden;擦，需要这么复杂吗，不就画个多边形吗，于是我想起了前两天用到了，clip-path，这玩意儿很厉害，想怎么画就怎么画，说不定可以画个女朋友出来于是我在本子上画了个正六边形，粗略的计算了他们的点和边长的关系，大概长这样可以看出来，非常简单，核心知识就是股沟定理...

2018-04-09 15:05:21 2738

原创 js学习笔记-变量定义

ECMAScript的变量定义是松散的，可用来保存任何数据类型（就是提前占个茅坑），具体操作如下var message;//不赋值，为undefinedvar messageOne = 'hi';//赋值为字符串/* *同时定义多个变量，用逗号隔开，分号结尾 */var messageTwo = 'hello', messageFour = '2', messageFiv...

2018-03-22 21:38:37 170

原创 js学习笔记-js组成

一个完整的js实现应有以下三个不同的部分组成核心（ECMAScript），提供核心语言功能文档对象模型（DOM），提供访问和操作网页内容的方法和接口浏览器对象模型（BOM），提供与浏览器加护的方法和接口...

2018-03-22 21:25:29 142

原创 js学习笔记-外部JavaScript位置

应放于</body>标签之前，以免影响页面加载

2018-03-22 21:22:09 140

原创 html移动端,去除长按出现复制粘贴

user-select: none;

2018-03-19 18:19:48 6186

转载点击按钮让浏览器指定内容全屏

从网上拔的代码传送门，其他主流浏览器没问题，我用IE11测试也没问题，其他版本没试过，360极速浏览器IE模式全屏只能占满浏览器内容区域（辣鸡浏览器模式毁我青春颓我精神）页面代码如下<body> <input id="Button1" type="button" value="开始全屏" onclick="kaishi()" /> <div id=&q

2018-03-15 10:34:20 1626

原创 less中百分比和数字计算

我用的格式如下，可能还有其他格式，欢迎补充注意：括号中间的运算符两边必须有空格，否则结果不对，亲测坑爹啊margin-left:calc(~"(100% - 225px)");

2018-03-15 10:24:08 5445

原创 vue打Hbuilder打包app，设置沉浸式状态栏

在mainfest.json的plus中以下位置添加statusbar内容"plus": { "statusbar":{ "immersed": true/*沉浸式状态栏*/ }, "splashscreen": { "autoclose": true,/*是否自动关闭程序启动界面，true表示应用加载应用入口页面后自动关闭；...

2018-03-15 10:20:14 8056 1

原创判断字母或者数字

//判断大小写字母函数function isLetter(value){ var strExp=/^[A-Za-z]+$/; if(strExp.test(value)){ return true; }else{ return false; }}// 判断数字函数function isNumber(value){ if...

2018-03-06 11:21:19 245

转载点击按钮，简单html表格导出excel

根据参考文章进行了一点改造，js代码// 导出excel$('body').on('click', '.exportExcel', function(){ // 使用outerHTML属性获取整个table元素的HTML代码（包括<table>标签），然后包装成一个完整的HTML文档，设置charset为urf-8以防止中文乱码 //获取表格 var tableHtml = $...

2018-03-02 15:55:55 11442

原创点击菜单背景颜色来回切换

/* 二级菜单选中颜色替换 */ $(".menuson>li,.header").click(function(){ $(".menuson>li.cite_bg,.header.cite_bg").removeClass("cite_bg")//移除已拥有的class $(this).addClass("cite_bg")//点击处添加class })

2016-10-27 16:40:24 1631

原创 jquery表格转置

本人第一次写博客，多多指教实习生一枚，想转置table表格，苦于找不到合适的代码，只好自己写，终于搞出来啦虽然写出来了，但是中间的循环我自己都有点混乱，juqery文件自己导入吧，欢迎大家指正表格代码统计量

2016-10-11 16:35:47 465 1

qq_23260639的博客