前端js
童年小花
这个作者很懒,什么都没留下…
展开
-
修改原生滚动条样式
1原创 2022-12-21 21:20:51 · 216 阅读 · 0 评论 -
pre标签导致打印页面出现大片空白
1.给存放的容器添加以下css.pcol{white-space: pre-wrap;word-wrap: break-word;word-break: break-all;}2.打印的时候把pre标签替换成div等你需要的标签:$("pre").each(function(){ $(this).replaceWith("<div class='pcol'>"+$(this).html()+"</div>")});//打印触发...原创 2021-08-12 18:25:05 · 376 阅读 · 0 评论 -
js 往数组中指定位置插入元素
var a= [1,2,3]a.splice(0,1,'xx')//0是索引,1是个数,3是元素输出[xx,1,2,3]原创 2021-06-07 17:15:24 · 389 阅读 · 0 评论 -
js 把一个数组加入一个数组中
parentArr: [ { childrenArrs: [ { mixArr: '2' }, { mixArr:'2' }, ] },原创 2021-06-06 18:40:52 · 649 阅读 · 0 评论 -
js调用浏览器打印功能
functiondoPrint() {//取得浏览器的userAgent字符串bvar userAgent = navigator.userAgent.toLowerCase();if(userAgent.indexOf("trident") > -1 || userAgent.indexOf('msie') > -1) {alert("请使用google或者360浏览器打印");...原创 2021-05-10 15:59:05 · 1662 阅读 · 0 评论 -
让图片在相册范围内等比缩放 不变形
function scalingImg(obj){ var $this = $(obj); var imgWidth=$this.width(); var imgHeight=$this.height(); var parent = $this.parent(); var containerWidth = parent.width(); var containerHeight=parent.height(); var containerRati.原创 2020-09-02 15:37:58 · 141 阅读 · 0 评论 -
highcharts 横坐标只显示整点或者半点的刻度
思路:获取判断是否是整点的时间 是整点或者半点,则labels显示,反之隐藏;x轴请求的数据如下:====timelist====04:55,05:00,05:05,05:10,05:15,05:20,05:25,05:30,05:35,05:40,05:45,05:50,05:55,06:00,06:05,06:10,06:15,06:20,06:25,06:30,06:35,06:40,06:45,06:50,06:55,07:00,07:05,07:10,07:15,07:20,07:25,.原创 2020-06-18 17:48:08 · 876 阅读 · 0 评论 -
上传图片并预览 限制个数
html:<div class="img-up"> <!--上传的图片--> <div class="imgbox"> <!--<div class="imgContainer">--> <!--<img src="img/signin_bg.png" class="loa...原创 2020-02-05 16:15:52 · 1465 阅读 · 0 评论 -
vue+elementui 下拉框二级联动
vuescript:data(){return{},methods:{}原创 2019-12-11 17:44:46 · 4164 阅读 · 0 评论 -
高德地图 绘制边界
//绘制边界function drawBounds(qname,rank,map,fitView) {//qname 区 rank行政级别(district区,city市,province省,country国) //AMap.service('AMap.DistrictSearch', function() { //加载行政区划插件 //实例化Distri...原创 2019-12-10 10:26:08 · 2802 阅读 · 0 评论 -
跳转到另一页面指定位置
锚点链接的方式可以达到跳转到另一页面的指定位置这一功能。分两种情况:1.<a.html>:<a href="b.html#123">1111</a><b.html>:<a name="123">222</a>即a页面中的a链接在地址后加上“#***”,***等于b页面中的name属性值2.&...原创 2019-09-16 14:57:57 · 2653 阅读 · 3 评论 -
下载保存图片
都是从网上找的 这里拼凑那里拼凑的 具体哪里看的忘记了 感恩!// 下载图片$('.tpgl').on('click','.tp_down',function () { $('.links_box.cur ').each(function (idx) { var downSrc = $(this).find('.tp_img').attr('src'); ...原创 2019-08-23 15:21:07 · 163 阅读 · 0 评论 -
菜单栏切换,并且方向箭头自动跟随改变方向
需求:点击当前菜单系列,自动展开并且对应的方向箭头展开,其他菜单系列自动隐藏,对应的方向箭头收回;html:js:原创 2018-02-09 10:50:32 · 1781 阅读 · 0 评论 -
前端本地储存跳转页面
需求:点击列表对应的信息,跳转到详情页展示对应id的单个详情列表页:点击列表页的单个信息跳转到对应id的详情页 获取点击相对应的id,存储详情页:接收传过来的id,并请求渲染出来;...原创 2019-04-08 11:58:43 · 896 阅读 · 0 评论 -
多次遍历获取正确的渲染方式
需求,获取对应id的详细问题和答案;需要获取json里面的json对象,因此需要遍历2次,由于第一次结构没写对,导致遍历出来的问题和答案每个id都插入。需要优化;效果图html:请求获取的json;解决:思路:先定义一个变量;把第二个json遍历出来,拼接在第一个json对象遍历的后面即可。...原创 2019-04-08 14:00:19 · 407 阅读 · 0 评论 -
一键复制clipboard兼容ios系统
项目中使用到一键复制链接打开,使用了clipboard这个插件,在安卓使用正常,但ios会出现兼容问题,点击无效;解决方案:ios默认非点击标签(除button,input等)不具有点击效果,所以给这些标签添加相关属性,这样系统可以识别出来;html:<div id="export-copy" onclick="">一建复制链接</div>1.给标签exp...原创 2019-04-08 19:34:32 · 2928 阅读 · 0 评论 -
前端提示框架sweetalert
引入:<link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css" rel="stylesheet"><script src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"><...原创 2019-04-09 09:55:59 · 363 阅读 · 0 评论 -
ie10- 报错@font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的。
pc端上使用特殊字体,下载的安装包,但在ie10-不兼容,提示需要权限。解决办法:1.目前我使用的是一个ttf文件,打开http://www.motobit.com/util/base64-decoder-encoder.asp;如图选择然后选择文件上传,等一下就会自动转成一个base64.bin文件,可以重命名;2.打开https://www.fontke.com/tool...原创 2019-05-05 17:30:43 · 2586 阅读 · 1 评论 -
table加圆角
给table4个角加圆角的时候无论怎么都不起效,可以给table设置overflow: hidden; 即可原创 2019-05-17 16:28:00 · 1509 阅读 · 0 评论 -
highcharts自定义数据标签上的图片
效果图如上:初始化外部定义一个图片对象在初始化内部:自定义一个属性;最后在数据标签中格式化:原创 2019-05-31 16:56:57 · 1135 阅读 · 0 评论 -
jq导出excel表格并下载保存
下载js :<script src="plugins/tableExport.js"></script><script src="plugins/base64.js"></script>调用:$("#ar_table").tableExport({type:"excel",escape:"false"},fileName);fil...原创 2019-08-23 14:51:08 · 2583 阅读 · 0 评论 -
非表格类型页面导出pdf文件
网上大多导出pdf文件都是2种 一种是使用tableExport导出,一种是使用htmlcanvas2.js+jspdf导出。但是tableExport适合导出表格类型的页面 非表格类型的适合后者的。htmlcanvas2.js+jspdf的方法思路:截图生成canvas,转为图片,然后导出pdf引入:<script src="plugins/html2canvas....原创 2019-08-23 15:18:29 · 94 阅读 · 0 评论 -
移动端自动连续输入密码和连续删除密码
需求:用户打开页面自动聚焦第一个密码输入框,限制输入一个数字,输入完毕后自动聚焦下一个密码输入框;当删除的时候也可连续删除;html:<input type="text" maxlength="1" autofocus="autofocus"><input type="text" maxlength="1" ><input type=&原创 2018-02-09 10:40:09 · 453 阅读 · 0 评论