随笔分类 -  JavaScript案例

实现定位(百度地图)
摘要：实现效果图： 实现步骤： 1.先去百度api创建,并引入： 2.定制一个容器（弹窗） 3.执行方法（这里我写了不同的获取地址方法，主要原理都是根据经纬度来进行定位） function getMap(){ // 获取客户的经纬度 var map = new BMap.Map("allmap"); le 阅读全文
posted @ 2020-05-25 00:19 小哲2018 阅读(514) 评论(0) 推荐(0)
tabletree使用
摘要：设计图是这样子的：（看起来像table又有tree） 这里的部门跟业绩是两个不同的接口，这里我是使用jquery-tabletree来解决的：可以参考这个http://www.jq22.com/jquery-info14949 下面是我的实现代码: 核心引入: <link rel="styleshe 阅读全文
posted @ 2020-04-25 15:37 小哲2018 阅读(369) 评论(0) 推荐(0)
前端-打印（pdf、图片）
摘要：打印的核心：window.print()方法 1.打印pdf 我这个的实现思路大致-拿到后台返回的pdf就加载print()方法进行打印。这里只时候在本地，如果打印不同服务器的，会出现跨域问题。 html js 出现跨域问题 2.打印图片 思路：通过弹出新页面进行打印（这里是默认图片过大：根据需求进 阅读全文
posted @ 2020-04-21 00:18 小哲2018 阅读(498) 评论(0) 推荐(0)
layui框架的使用-挖坑
摘要：layui这个框架给我的感觉就是搭配jq、js的。不怎么适合跟vue结合。 参照官方文档:https://www.layui.com/doc/ (1) tab可以使用过滤，在同个页面多处使用 用法如下：通过data返回的小标来加载数据。 (2)form表单（官方给规定：注意：如果不加载form模块， 阅读全文
posted @ 2020-03-16 23:43 小哲2018 阅读(359) 评论(0) 推荐(0)
js继承的关系（一）
摘要：js继承的关系多，而且拥有不同的特点。同时也是必须了解掌握的知识点。首先，要先知道什么是构造函数？ 构造函数 构造函数和普通函数的区别：仅在于调用方式不同，任何函数，只要通过 new 操作符来调用，那它可以作为构造函数；任何函数，如果不通过 new 操作符有来调用，那么它是一个普通函数。 实例拥有 阅读全文
posted @ 2019-07-20 18:56 小哲2018 阅读(215) 评论(0) 推荐(0)
函数节流 和 函数防抖
摘要：参考 https://www.jianshu.com/p/091c5fb96112 /* 以下的做法：缺点是比较消耗性能，因为当在滚动的时候，浏览器会无时不刻地在计算判断是否滚动到底部的逻辑， 而在实际的场景中是不需要这么做的，在实际场景中可能是这样的：在滚动过程中，每隔一段时间在去计算这个判断逻辑 阅读全文
posted @ 2019-05-27 12:01 小哲2018 阅读(163) 评论(0) 推荐(0)
javascript案例之照片墙
摘要：效果图: 实现思路: 1.布局转换,定义一个大数组，可以存放每个li的小数组(left,top) 2.点击按钮随机事件 将每个li标签添加对象下标,再进行Math.random()的sort()排序 3.拖拽事件 将当前获取的li标签进行拖拽操作,再进行碰撞检测，这里通过勾股定理判断当前li标签与其 阅读全文
posted @ 2018-05-06 14:43 小哲2018 阅读(552) 评论(0) 推荐(0)
javascript案例之放大镜效果
摘要：效果图 如何实现该效果呢?? 我们先来进行分析 阅读全文
posted @ 2018-05-05 02:46 小哲2018 阅读(240) 评论(0) 推荐(0)