实战得真知
文章平均质量分 56
_阿毛
多学一点知识,少写一点代码
展开
-
cookie设置过期时间
比如设置cookie xmin后过期var date = new Date();date.setTime(date.getTime() + (x * 60 * 1000));$.cookie(‘example', ‘foo', { path: '/' ,expires: date });//xmin后过期$.cookie(‘example', ‘foo', {path: '/' , expires: 7});//7天后过期,cookie默认是天为单位jQuery操作cookie的插件,大概的使用原创 2021-05-08 10:57:22 · 5969 阅读 · 0 评论 -
js实现局部打印
一般是通过 media=“print” 样式表进行格式化:对<style> ._print{display:none;}</style><style media="print"> @page { size: auto; /* auto is the initial value */ margin: 0mm 10mm; /* this affects the margin in the printer settings */ } .noprint{原创 2020-09-27 14:21:47 · 384 阅读 · 0 评论 -
数字千分符的运算
function format (num) { var reg=/\d{1,3}(?=(\d{3})+$)/g; return (num + '').replace(reg, '$&,'); }原创 2020-09-14 10:55:03 · 329 阅读 · 0 评论 -
生成小程序二维码(草料)
网站:草料二维码格式:路径+参数(参数值后台生成)方式:可以单个;可以批量。eg:pages/index/indexsign=7BBCCC0rnqSyrXd5ZVoY78AAAAAAAAAA步骤:**1. 确定生成二维码跳转的路径和参数值参数值是后台根据需要的变量生成的一个加密串,比如需要的是用户的账号和密码,后台会根据这个先成成一个加密串作为参数传过去(也就是我举的例子里面的sign值)**2. 注册草料网,首页-更多工具-小程序参数码-点击立即使用3. 小程序授权,开发的管理员扫一下原创 2020-09-07 14:06:45 · 28679 阅读 · 0 评论 -
数组常用处理方法
一、遍历数组二、排序原创 2020-08-18 16:33:18 · 466 阅读 · 0 评论 -
animate实现闪烁的灯
就是一个状态的切换<style> .b3{position: relative;margin-top:100px;} .b3 img{position: absolute;} </style>``<div class="b3"> <img src="alert.png" alt="" class="_alert1"> <img src="_alert.png" alt="" class="_a.原创 2020-07-29 15:12:06 · 420 阅读 · 0 评论 -
本地存储localStorage的使用及剩余量计算
本地存储的使用和cookie的区别检测某一个网页下localStorage的剩余容量原创 2020-07-29 10:16:13 · 2093 阅读 · 0 评论 -
模糊查询
http://139.199.181.200:8686/引用的是这个同学的代码 大家可以下载试试 ,里面有很详细的说明API:.match(input, keyword)查询匹配拼音的数据。参数:input {string} 目标字符串keyword {string} 输入的拼音或其他关键词返回:{[Array]|{Boolean}}就是只要返回值是true就可,要是没匹配的就会返回false...转载 2020-07-28 17:30:06 · 180 阅读 · 0 评论 -
转化时间戳显示NaN-NaN-NaN
var _time = "1593446400";function getYMDHMS(time){ var myDate = new Date(time); var YMD=myDate.getFullYear() + "-" + (myDate.getMonth()+1) + "-" + myDate.getDate(); var HMS=myDate.getHours() + ":" + myDate.getMinutes() + ":" + my原创 2020-07-28 16:27:06 · 9843 阅读 · 0 评论 -
小程序如何动态监听页面的高度
没有找到好的方法或者官方的相关API1)尝试了网上说的这个,但是onready只调用一次,所以这个写了定时器也还是执行一次:setTimeout(() => { let _this = this wx.createSelectorQuery().select('#container-title').boundingClientRect(function (rect) { width = rect.width height = rect.height原创 2020-06-10 17:05:50 · 1712 阅读 · 0 评论 -
图片的内存如何变大
1、ps软件1)改变分辨率图像-图像大小-分辨率 ,调大一些,图片的内存会变大2)图像重新采样图像-图像大小-重新采样设置为:保留细节记得保存的时候不要选择一般的保存(ctrl+shift+s)即可,不要选择保存为web格式(ctrl+shift+alt+s),web格式会将图片压缩的;还有保存的时候接的选择不压缩,如图:...原创 2019-11-29 17:38:12 · 14263 阅读 · 0 评论 -
字符串使用replace方法实现批量替换
var str = '<img src="" alt=""><p>文章内容1</p><br><p>文章内容2</p><br>'var newStr = str.replace(/(\<img|\<p>|\<\/p>|\<br>)/gi, function ($0, $1)...原创 2019-11-21 11:15:49 · 1991 阅读 · 0 评论 -
同一个类的元素的计时器同时调用
最近遇到别人的一个需求,就是是类似中奖观众名单轮播的一个效果,会出现多次,需要写通用的方法,学习到了简单记录下<!-- 消息滚动轮播1 --><p class="title">最新报名客户</p><div class="newsBox"> <img src="images/fire.png" height="200" width...原创 2019-11-18 16:38:02 · 231 阅读 · 0 评论 -
table的td宽度设置在有内容的情况下失效
问题描述:在表格没有填充内容的情况下,设置的百分数宽度是正确的,但是填充了内容就会失效,随着内容增多而变宽。解决:给table使用table-layout:fixed;属性table { table-layout:fixed; }使用了这个属性的话:在固定表格布局中,水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距,而与单元格的内容无关。...原创 2019-08-30 16:51:48 · 1381 阅读 · 0 评论 -
子元素的点击事件出发了父元素的滑入滑出事件
一开始没发现是什么问题,后来进过多方排查,总之就是判断出了是子元素点击的时候出发了父元素的滑入滑出事件。我就纳闷了,为什么点击事件会影响划过滑出事件。百度了一下,试了很多方法,就是用阻止冒泡解决的。简化一下模型大概就是这么解决的:html:<div id="father"> <span id="son"></span></div>j...原创 2019-05-31 13:43:00 · 495 阅读 · 0 评论 -
只能输入数字和小数,限制小数的位数
直接上代码了&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;合二为一&lt;/title&a原创 2019-01-30 15:37:08 · 1088 阅读 · 0 评论 -
类select下拉:多选+搜索
最近做项目需要实现一个可以多选、搜索的、可下拉的select功能,类似下图,我在项目里试过的插件有bootstrap-select、chosen、select2由于项目框架的限制我放弃了bootstrap-select,由于我们也使用了bootstrap,插件里面的bootstrap版本(3.0)和我们用的版本不同,加上之前的前端把bootstrap.css改了好多,修改兼容难度比较大,就放...原创 2019-01-29 15:55:47 · 7336 阅读 · 0 评论 -
bootstrap的daterangepicker日期区间选择器
项目里面要能自定义的双区间时间选择器,网上下载的有单区间,有双区间的,但是双区间的只能在两个月以内选择时间段,好不容易在csdn上找到了有年月切换的,怎奈我没有c币,我就从其他渠道买了一个,分享给大家哈哈(我算不算拆台==)daterangepicker.js可以自定义,有单区间,有双区间的(无年月选择)具体使用大家可以参考https://www.jb51.net/article/1236...原创 2019-01-16 18:35:46 · 2657 阅读 · 0 评论 -
点击div外区域隐藏div操作(嵌套iframe页面)
一、正常页面$(document).click(function(){ $(dom).hide();//要隐藏的div });二、嵌套iframe页面 (我实现的是点击子页面隐藏父页面的元素)除了写正常页面的操作之外,也需要在子页面里面写第二个操作$(document).click(function(){//父页面 $(dom).hide();/...原创 2019-01-10 10:38:14 · 4969 阅读 · 1 评论 -
报错Uncaught RangeError: Maximum call stack size exceeded
点击预览,预览图片,报错:Uncaught RangeError: Maximum call stack size exceeded具体报错位置但是查了半天发现都没有错,百度上说是:递归错误or低级错误两种可能。我感觉是低级错误,因为我没用递归=_=最后瞎鼓捣发现是js调用顺序错误???这个imgEnlarge()是enlargeImg.js里面的方法,所以common-plugin...原创 2019-01-15 16:05:17 · 2256 阅读 · 0 评论 -
echarts的图标超出容器出现滚动条
echarts legend——scroll效果在使用到图表的页面中,有时候会出现图表的图标区域太长,超出显示或者空间不够的情况,最近才知道原来它也是可以像页面的标签一样,出现overflow:auto的效果。比如:legend的type属性选择“scroll”即可,默认值是“‘plain’”,也就是全部显示。legend : { type : 'scroll', orient : '...原创 2018-09-27 10:13:15 · 17535 阅读 · 0 评论 -
layer.tips使用
用layer.tips实现划过显示,划出隐藏效果layer-tips使用1、引入文件 layer.css 、 layer.js2、参数介绍:layer.tips(content, follow, options) - tips层{content:tooltip内容可以是str,也可以是html代码follow:依附的元素,一般用id表示如果依附的元素是自己 直接用this即可o...原创 2018-09-27 16:31:31 · 51071 阅读 · 6 评论 -
初识百度商桥
介绍及安装1、介绍:商桥 是一款针对企业网站打造的商务沟通工具,连接网民和商户之间的桥梁。他是集在线沟通、客户管理、客服管理、数据分析等为一体的营销平台,助您即时捕获商机,提高营销能力。2、注册:先到 www2.baidu.com 上免费注册一个百度推广账号,然后到qiao.baidu.com 上下载商桥,之后用注册的推广用户名、密码登录商桥即可。3、下载:访问 qiao.bai...原创 2018-10-15 16:56:18 · 1781 阅读 · 0 评论 -
echarts图表随屏幕的宽度自适应
图表的自适应chart.resize()有时候会遇到屏幕宽度在变化,而echarts的图表保持原宽度不变的情况:只需要在图表数据初始化函数之后,再resize()下就可以了。代码示例:<div class="chart_box"> <div id="twChart" class="twChart"></div></div>原创 2018-10-16 11:48:11 · 95100 阅读 · 31 评论 -
对数字强制换行
word-break属性对数字换行一般情况下,在自适应的情况下会自动换行,汉字和字母以及字母数字结合的时候正常,但是做项目的时候发现纯数字的时候不会自动换行,会超出显示,比如:所以需要设置强制换行 word-break: break-all;word-break:主要是让浏览器实现在任意位置的换行。值描述normal使用浏览器默认的换行规则。break-al...原创 2018-10-10 10:25:54 · 5318 阅读 · 0 评论 -
伪元素做进度条
111111原创 2018-10-16 18:15:53 · 605 阅读 · 0 评论 -
Ai做名片
今天UI不在,让我修改下部分文字,鼓捣了半天也不会,因为我修改的是转曲后的文件,应该修改转曲之前的文件。因为转曲前的文件和ps类似。1、修改转曲前的文件2、Ctrl+A全选3、Ctrl+Shift+O转曲就这样,ok如果没有转曲前的文件,也可以直接修改转曲后的文件,麻烦的是只能把想修改的先删除,再重新写上自己新修改的内容部分。再重复Ctrl+A—Ctrl+Shift+O转曲即可。ps...原创 2018-10-22 18:22:44 · 6429 阅读 · 0 评论 -
jquery操作
1、给一个元素绑定多个事件的写法1)可以把事件名字写在一起,用空格隔开$(dom).on(&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;click focus&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;, function() {原创 2018-10-31 10:56:40 · 247 阅读 · 0 评论 -
怎么区分两个text()值一样的元素
做项目的时候发现两个元素的text()值相同,但是又不能都加高亮,所以要根据需要来添加样式,可以区分的方面有:1)如果是点击事件,可以获取元素的index()2)如果没有事件,可以判断元素的类型或者元素是否有不一样的类判断元素的类型:$(dom).prop(“tagName”)获取元素所有的类:$(dom).attr(“class”)判断元素是否有某个类:$(dom).hasClass(...原创 2018-10-31 13:33:04 · 401 阅读 · 0 评论 -
ps操作完保存为图片的时候图片被分割为好多
一开始为始终找不到问题,后来缕了一遍问我进行的操作:1、切片工具操作了原图2、文字工具加了文字3、合并这两个图层4、保存为jpg:ctrl+shift+alt+s —&gt;选择jpg格式以前我也是这样保存的,为什么这次就不行呢???问号三连???我后来试着把切片工具去掉,没想到再保存就没有那些碎片了,保存下来就是一张整的图片,下次使用完切片工具一定要 右键点击“删除切片”。不...原创 2018-11-07 17:03:23 · 9912 阅读 · 3 评论 -
html页面meta标签意义
meta标签标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其他元数据。元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。注意: 标签通常位于 区域内。注意: 元数据通常以 名称/值 对出现。注意: 如果没有提供 na...原创 2018-11-29 11:25:01 · 586 阅读 · 0 评论 -
echarts常见操作
1、是否显示提示框 tooltip : { show:false//是否显示提示框},2、饼图指示线labelLine:{ normal:{ length:10 //引导线长度 } }, label:{//引导线显示隐藏 normal:{ show:false ,//普通状态 positi...原创 2018-11-27 15:48:25 · 612 阅读 · 0 评论 -
嵌套iframe页面做打印去掉页眉页脚
iframe.contentWindow.print()打印局部页面时,去掉页眉页尾&amp;amp;amp;amp;amp;lt;style media=&amp;amp;amp;amp;quot;print&amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;gt; @page { size: auto; /* auto is the initial value */原创 2019-01-18 14:44:34 · 3663 阅读 · 3 评论 -
页面回显时列表滚动到列表的高亮位置处
当划过按钮的,回显数据的时候要把当前显示的这条数据在列表里高亮,并且列表将这一条滚动到列表的第一行的位置。页面代码太多了,贴个图片,就是ul包含li结构回显数据就不说了,说一下定位,原本打算是用锚点实现的,后来蓝的改了,还没改成a标签,就计算了一下当前高亮数据距离顶部的距离,这个数据就是他要滚动的距离。首先有几个距离要明确下:子元素相对于父元素的位移:$(ele).offset()....原创 2019-01-14 14:01:19 · 1193 阅读 · 0 评论 -
window的onload方法和 $(document).ready(function(){})的区别
1.执行时间window.onload必须等到页面内包括图片、CSS、Scripts等的所有元素加载完毕后才能执行。$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。2.编写个数不同window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个$(document).ready()可以同时编写多个,并且都可以得到执...原创 2019-01-14 14:04:44 · 1749 阅读 · 5 评论 -
页面批量使用类似hover效果时,内容闪烁
使用mouseenter+mouseleave,划过显示,滑出隐藏。内容过多出现滚动条时,有时候会出现内容闪烁的问题。1.原因:用display实现显示隐藏是占位的,display为none的时候是不占位置,而显示的时候又占了位置。尤其出现滚动条以后,更容易出现闪动的bug。划过显示相应的信息框,滑出隐藏。2、解决:换为opacity控制显示,因为opacity不占位,不会影响滚动...原创 2019-01-14 19:20:30 · 593 阅读 · 0 评论 -
解决页面刷新累积点击事件的问题
正常的效果是这样的 描述:点击左侧的树结构右侧会刷新页面,会同时累加底部显示更多的点击效果产生这种的原因主要的英文代码的执行的顺序不正确:一开始我将这段代码放在了右侧加载数据的函数当中,也就是左侧一点击树形结构,的右侧页面就会随之刷新所以为了避免刷新带来的点击事件的累积,应该将点击效果的代码放到的window.onload中。解决onload事件会在页面或图像加载完成后立即发生...原创 2018-09-10 17:10:43 · 745 阅读 · 0 评论