js
javascript
morganEngineer
这个作者很懒,什么都没留下…
展开
-
vue css实现走马灯(轮播)组件,websocket推送数据
vue走马灯组件原创 2022-07-25 15:32:33 · 1698 阅读 · 0 评论 -
js文件中加载其他js文件
1:使用sea.js等第三方库进行加载2:工程化前端项目使用import即可3:非工程化前端:function loadJs(src) { return new Promise((resolve, reject)=>{ let script = document.createElement('script'); script.type = "text/javascript"; script.onload = ()=>{原创 2021-03-29 17:20:11 · 1521 阅读 · 0 评论 -
js判断对象是否是json对象
/** * 是否为json对象 * @param {*} obj */var isJsonObj = function(obj){ var isjson = typeof(obj) == "object" && Object.prototype.toString.call(obj).toLowerCase() == "[object object]" && !obj.length; return isjson;}原创 2021-02-02 10:51:30 · 2473 阅读 · 0 评论 -
vue-cli css文件图片路径写法
原创 2021-01-27 22:17:09 · 777 阅读 · 0 评论 -
Apexchart整数多出小数点
最近使用Apexchart做统计界面发现一个问题,数据全是整数,但是还显示小数点,如下图:该问题网上答案比较少,自己消耗不少时间得以解决,这里记录下方便碰到相同问题的人解决该问题:加上如下代码即可:yaxis: [{ labels: { formatter: function formatter(val) { //9以下,整数多出小数点问题 if (window.isNaN(val)) { return va.原创 2020-12-19 23:42:35 · 815 阅读 · 1 评论 -
jquery无法删除一级域名cookie
为了让cookie在多个应用之间共享,往往给不同的应用设置相同的一级域名,如a.ttt.com 与b.ttt.com,然后将需要共享的cookie的domain设置为.ttt.com。例如csdn就是这样操作的。但是笔者在使用jquery.cookie.js的$.removeCookie方法删除cookie(domain为.ttt.com的共享cookie)的时候返回true,但是始终无法将cookie删除,笔者猜测可能是没有在删除cookie的时候指定domain,但是网上并没有查询到$.rem.原创 2020-08-05 14:59:51 · 510 阅读 · 0 评论 -
vue循环渲染子组件视图不更新问题
最近在写一个功能,使用v-for循环渲染子组件。原创 2020-07-10 13:19:17 · 1747 阅读 · 0 评论 -
vue实现表格组件,带分页
<html> <head> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="http://code.jquery.com/jquery-1.4.1.min.js"></script> <style>table { width: 100%; .原创 2020-07-08 22:25:22 · 1945 阅读 · 1 评论 -
vue实现时间选择器,精确到秒
时间组件代码:/**时间选择器,精确到秒 * <iic-datetime v-model="time"></iic-datetime> * time: new Date() */Vue.component("iic-datetime", { props: { value: { type: [Date, String], default: "" }, dateForma原创 2020-06-11 17:53:12 · 4806 阅读 · 0 评论 -
Array.from IE不兼容问题
if (!Array.from) { Array.from = (function () { var toStr = Object.prototype.toString; var isCallable = function (fn) { return typeof fn === 'function' || toStr.call(fn) === '[object Function]'; }; var toInteger = function (value) {.原创 2020-06-09 17:12:34 · 559 阅读 · 0 评论 -
gulp+babel实现es6压缩,并替换es6语法,压缩html,css
1:创建一个文件夹,这里取名为final,2;在目录下新建文件夹src,存放源文件。3:在final文件夹下cmd,输入npm init,初始化npm这儿出现的信息随便填写,不写直接enter就是用默认值。出现is this ok,输入y,回车。生成如下目录结构:4:在final目录下新增文件:.babelrc(这里我是取消了严格模式)执行命令npm inst...原创 2020-04-27 18:30:16 · 1191 阅读 · 0 评论 -
ajax多文件上传,js限制上传文件大小,文件上传前在浏览器展示
文件上传是非常常见的功能,这里实现一个多文件上传的例子,前端能够控制上传文件的大小,并在前端展示选择的文件的信息,采用vue+jquery+springboot实现。效果如下:点击生成的图片可以直接预览pdf。前端实现代码如下:html:js:(采用vue渲染用户选择的文件信息,以便于在页面进行展示)window.vm = new Vue({ el: "#app...原创 2020-04-11 22:15:26 · 451 阅读 · 0 评论 -
第三方分享接口api,第三方工具网址
微信:http://v.qq.com/share/weixin.html?url=" + encodeURIComponent(url) + "&title=" + encodeURIComponent(title)天涯:http://open.tianya.cn/widget/send_for.php?action=send-html&shareTo=1&ap...原创 2020-02-28 22:33:37 · 833 阅读 · 0 评论 -
前端如何让倒计时更准确
受限于js的单线程模式,使用定时器实现倒计时会出现一定程度的时间差,若存在比较耗时的其他任务的话,差值往往是不可接受的,一下分享一种使用setTimeout实现的倒计时效果,思路就是通过引入计数器,判断计时器延迟执行的时间来调整,尽量让误差缩小,不同浏览器不同时间段打开页面倒计时误差可控制在 1s 以内。以下是代码实现:// 开始线程占用window.setInterval(functi...原创 2020-01-30 11:22:52 · 1297 阅读 · 0 评论