JS
文章平均质量分 50
火柴有猿
天道酬勤
展开
-
vue使用pdfjs
前言:在项目开发过程中,可能会遇到在线预览pdf的功能,我就遇到了,期间真是一把心酸一把泪啊,最终把可以使用的结果记录下来,以便后面少采坑。一、vue使用pdfjs1、下载pdfjs我把插件文件上传到csdn上了,下载地址2、把下载的文件放到static下我把文件放到了static/plugins/pdf下了,具体的位置可以自行调整3、新建一个templete模板模板中加入以下内容,获取到的pdf文件是以流的形式返回给插件的html内容如下<template> <d原创 2021-05-11 14:34:25 · 15236 阅读 · 2 评论 -
js 秒转时分秒
在工作中,可能会遇到把秒数转换成时分秒给页面展示,比如我们阅读一本书的时间,观看一段视频的时间,会在数据库中以秒的形式记录,但是如果反映到前段页面的时候,为了好看需要转换成容易识别的内容,这样就需要用到如下的js转换秒为时分秒的方法了,需要用到的伙伴可以借鉴。//将秒转为时分秒formatSeconds(value) { let result = parseInt(value) let h = Math.floor(result / 3600) < 10 ? '0' + Math.原创 2021-03-01 17:00:39 · 780 阅读 · 0 评论 -
html页面做效果比较炫的按钮
在工作中难免会遇到做页面上的功能,有时候在设计一个按钮的时候,有时候会比较纠结这个按钮怎么设计这个时候我们会考虑按钮的大小 按钮的位置 按钮的边框弧度 按钮内字体的大小 按钮的背景色 按钮点击后的背景色等等一系列考虑,我现在分享下我在做一个tab页功能的样子就是上图中的3组tab按钮,感觉效果还可以,下面上代码CSS:.tab-wrapper { widt...原创 2020-04-02 18:02:24 · 737 阅读 · 0 评论 -
利用饼状图来设计三个嵌套的半空心圆
之前在工作中做过如下图设计的图表,今天闲来无事把我做的记录下来,可以帮助更多的人少绕弯路,提高工作效率,少死几个脑细胞, 起初我做这个图的时候毫无头绪,后来请教了同一个公司不同部门的一个前端大神,后来结合自己的思考,利用一下午的时间做出来的,经历了很多痛苦的咀嚼,吭下来了,以此记录工作中的点点滴滴,上代码:// 半圆配置 setOptionPie:f...原创 2019-08-23 14:23:35 · 812 阅读 · 0 评论 -
用Echarts自定义点击后的样子
今天我们公司做前段设计师做了一个挺有意思的柱状图页面,我说这种的不好搞啊,时间又比较紧,他说领导就要这种的,在万般无奈下,我只能硬着头皮上了 一开始我是想着自己写,好控制,但是渐渐的我放弃了,这种要考虑好多兼容性问题,后来还死活选择了Echarts这个图表插件,看我效果鼠标点击某一个柱子,就会变色,而且奇怪的是X轴显示的要设置css样式,抓狂了一阵后,终于...原创 2019-08-23 14:03:33 · 1261 阅读 · 0 评论 -
一个简单的移动端提示样式
在做html5开发的时候,为了友好的和用户进行交互,我们会做一些提示,来吸引用户的眼球,下面就来做一个简单的移动端的提示样式一、js代码:function textTip(str, t, callBack){ t = t || 2000; var dom = document.createElement("p"); dom.setAttri...原创 2019-08-21 10:57:27 · 1100 阅读 · 0 评论 -
用js完全导出html页面中table的内容
由于项目需要,我们同事在做一个js导出页面table内容,之前用js-xlsx来做导出,不能完全复制页面table的样式,于是请教了我,我在苦苦寻思下,得出了这个方法,能完全复制html页面table的样式,并且小巧很好用,有需要使用的请下载,下载地址 请戳我...原创 2019-07-10 10:04:32 · 1231 阅读 · 0 评论 -
js 处理大批量数据遇到的问题
在快发版的这天,NB的测试给我测试出了一个性能问题。问题:一个页面处理非常大的数据,循环处理,页面卡死,最终导致浏览器奔溃从网上找了一上午,找到了一个日本牛人写的多线程执行的一个js库”Concurrent.Thread.js“,以下是我使用的过程多线程链接:https://download.csdn.net/download/hsl_1990_08_15/108247181、在页...原创 2018-12-03 15:16:43 · 2928 阅读 · 2 评论 -
http请求,页面中引用的资源会自动升级为https
如题,原因是在页面的头部加了如下代码<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">去掉以上meta就可以了。。。。 想想这真是浪费时间的找问题,原来是公司的一个同事搞的鬼...原创 2018-09-10 18:08:13 · 2916 阅读 · 0 评论 -
不同浏览器获取图片base64字符串
在上传图片后进行预览的时候,在Chrome,Foxfire,360等主流浏览器中都可以使用FileReader对象来获取base64来预览图片,但是在IE10以下的版本就爱莫能助了但是有解决办法://IE9以下不支持FileReader对象,如果是IE9以下的浏览器,用下面这种方式进行预览var ingSrc="";var b_version = navigator.appVersion;v...原创 2017-06-16 22:00:03 · 2233 阅读 · 3 评论 -
jquery解析JSON对象遇到的问题
在工作中经常碰到一些不可思议的事情,但是问题还是的解决,来一张图说明这个问题以上是一个用jquery请求服务端得到的其中的一个list中的一个JSON对象vendor的类型是一个对象他下面的子元素是一个引用。$ref:引用的标识$.data.data[0].vendor:引用list中第一个对象下的vendor对象如果碰到这样的JSON对象,经过我的原创 2016-06-24 17:16:36 · 964 阅读 · 0 评论