- 博客(29)
- 收藏
- 关注
RSS订阅原创 【腾讯地图自适应缩放-fitBounds()】
逻辑说明：基于腾讯地图fitBounds()方法设置地图显示范围，需要获取左上和右下两个点位的坐标作为参考。循环坐标列表，得到上下左右最远的点，之后将左上和右下分别组合，获得两个点。调用方法fitBounds()
2024-01-11 14:26:00
809
原创 PDFJS实现PDF转图片
JavaScript本身不支持PDF转换为图片的功能。但可以使用PDF.js库来将PDF转换为canvas图片，此篇记录一种写法。引入压缩包build文件夹下pdf.js和pdf.worker.js，以及web文件夹下cmaps文件夹。示例（基于jquery，vue）2.创建dom用于渲染。
2023-05-30 17:38:49
3347
原创 Javascript实现图片热区自适应和高亮
图片热区通过img的usemap绑定map下的area，area绑定事件jQuery库：jquery.rwdImageMaps.min.js jquery.maphilight.min.js示例（依赖jQuery，vue）
2023-05-30 17:36:10
1128
原创 NPM镜像地址设置与查看
设置$ npm config set registry https://registry.npm.taobao.org/淘宝镜像 https://registry.npm.taobao.org/默认镜像 https://registry.npmjs.org查看$ npm config get registry
2021-02-24 11:12:16
1939
原创 关于nprogress和bootstrap的paginator
nprogress进度条，一般用于发出ajax请求时使用引入文件<link rel="stylesheet" href="assets/nprogress/nprogress.css"/><script src="assets/nprogress/nprogress.js"></script>只需要调用两个方法/*在ajax开始请求的时候 把进...
2019-07-16 23:17:22
272
原创 关于MUI的对话框
最近在使用MUI进行一个电商类项目，很多地方用到了其中的对话框dialog组件，做一个简单的总结Dialog组件包括alert 警告框confirm 确认框prompt 输入对话框toast 自动消失提示框我使用较多的是confirm和toasttoast mui.toast(message,{ option }) // message:'String' - 消息框显...
2019-07-14 22:57:04
719
原创 关于获取location地址栏的数据（？后边）
今天在学习中遇到需要通过地址栏传参数并接收使用，一时间忘记了怎么获取，这里做个笔记加深一下印象获取地址栏的信息需使用location对象，获取？及其之后的数据使用的是 location.search举个例子，获取的结果为//https:*****.com/?key=1&&wd=s 获取结果为// "?key=1&&wd=s"获取的结果为String类型，...
2019-07-10 18:47:04
1541
原创 less中的循环
在less中使用媒体查询做rem布局，刚开始是这样写的.Mixin(){ @media(min-width: 720px){ html{ font-size: 720px/750px*100px; } } @media(min-width: 750px){ html{ font-size: 750px/750px*100px; ...
2019-07-07 21:58:32
5982
原创 template模板引擎基础总结
基础数据渲染引入<!--原生的模板引擎文件--><script src="lib/jquery/jquery.min.js"></script><script src="lib/artTemplate/template-native.js"></script>编写模板<script id="template" type...
2019-07-04 21:38:38
477
原创 关于响应式
/* * 响应式布局 : 一个网站能够兼容多个终端,而不是为每一个终端做特定的版本 * 优点 : * 面对不同的分辨率, 设备灵活性较强 * 能够快捷的解决多个设备适应问题 * 适合中小型网站 * 缺点: * 兼容各种设备, 工作量较大, 效率不高 * 代码累赘, 会出现影藏无用的元素, 导致加载时间长 * * 原理 ...
2019-07-03 22:05:24
252
原创 用canvas画一个简陋的时钟
样式可以自己根据需要调整，这只是一个样板代码有些繁琐 不多介绍，主要是使用 context.save()和context.restore()两个方法var Clock = function(){ this.ctx = document.querySelector("canvas").getContext("2d"); this.w = this.ctx.can...
2019-06-28 16:03:46
198
原创 鼠标停止移动后指针消失
其实就是去判断指针的坐标是否变化上代码$.fn.moveStopEvent = function(callback){ return this.each(function() { var x = 0, y = 0, x1 = 0, y1 = 0, ...
2019-06-24 19:08:17
1056
转载 css单位em、px和rem
在对页面进行自适应时，查阅相关资料了解到，通常有两种方式将px转换为em或者rem，下面就上述三者之间的联系进行讲解：em与px转换一般浏览器默认1em=16p...
2019-06-23 17:20:31
183
原创 基于jQuery插件，做全屏网站fullpage
FullPage插件基于 jQuery 的插件，它能够帮你很方便、很轻松的制作出全屏网站。支持鼠标滚动，支持前进后退和键盘控制，多个回调函数，支持手机、平板触摸事件，支持 CSS3 动画，支持窗口缩放，窗口缩放时自动调整，可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等。引用文件 <link rel="stylesheet" href="css/jq...
2019-06-17 18:09:27
324
原创 jQuery解绑事件
off(events,[selector],[fn])off() 在选择元素上移除一个或多个事件的事件处理函数。events 一个或多个空格分隔的事件类型,比如"click"selector选择器fn事件处理程序函数以前附加事件上，或特殊值false例:$("p").off() //移出所有事件$("p").off( "click", "**" ) //从所...
2019-06-16 17:49:29
981
原创 关于ajax获取的后台数据转换为JSON对象
在ajax请求获取的数据时String类型，对于用js操作这些数据有很大的阻挠，如果转换为JSON对象就很容易操作了。举个例子var data = this.responseText;console.log(data);其余代码不赘述了，这里我用data接受了假数据的内容，我们看一下输出内容数据内容过多，就截取了一小部分，很明显这是String类型数据，接下来转化为json对象da...
2019-06-14 22:17:16
5688
原创 jQuery更改元素内容
html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><p id="text">111111111</p>&...
2019-06-10 20:58:23
2986
原创 父窗口获取不了iframe中的元素及a标签页面整个刷新
这次在学习jQuery时，页面的头和尾用了iframe标签嵌套页面，但在操作iframe中标签时碰到两个问题，一是a标签的跳转在局部刷新，二是获取不到iframe中的元素。一需要判断一下当前是不是最顶层的窗口，然后刷新最顶层的window，添加以下代码if (window != top){ top.location.href = "https://www.baidu.com/...
2019-06-09 12:49:45
918
原创 css多行文字溢出隐藏为三个点(...)
对于单行文本很简单white-space: nowrap;text-overflow: ellipsis;overflow: hidden;将这三行代码加到css中就ok了，white-space: nowrap; 是强制显示为一行，text-overflow: ellipsis; 将文本溢出显示为（…）,overflow: hidden; 不用多说，溢出隐藏。而想要多行文本溢出隐藏就...
2019-06-05 14:44:39
21342
原创 实例对象的原型对象的改变及添加方法
在js中我们通过自定义方法来创建对象时，或者其他情况，都会遇到几个对象有共同的方法，但是在浏览器的解析中虽然方法时同样的，但不是同一个，就会占用内存，所以为了数据共享，不浪费空间，我们通过原型来添加方法，对象的一个属性prototype同样它也是一个对象。function Person(name, age) { this.name = name; this.age...
2019-06-02 18:38:28
1204
转载 关于css的总结
由于自己能力及时间有限，这里转载了一下他人总结的一些css基础行知识，原谅下自己的手懒 CSS基础学习总结（1）一、引入CSS样式表（书写位置）内部样式表内嵌式是将CSS代...
2019-05-29 23:10:29
348
原创 js阻止默认事件（a标签跳转），阻止事件冒泡
最近刚学习完js基础，今天发现对js的默认事件阻止以及阻止事件的冒泡有点忘记，于是写这篇文章算是做一个总结，也是加深一下印象。1.阻止默认事件在html中有很多自带默认事件的元素，很典型的例子：a标签，如果给a标签绑定点击事件，触发后页面会有一个刷新，是a链接默认的跳转事件，阻止这个有很多方法给a标签中href属性添加<a href="javascript:;">链接</...
2019-05-27 19:16:15
19359
转载 js中this指向、拷贝以及构造函数实例对象
原 JavaScript对象中的this指向及其修改 置顶 2019年05月21日 19:06:57 一名资深的前端开发小白 ...
2019-05-26 20:34:07
897
1
原创 js实现简单的轮播图效果
现在大多数网站都会在页面做一个轮播效果，看着舒服，同样的内容能展示更多的内容，很方便，我在今天接触到了这个无缝轮播图，在一番调试下总算是简单实现了效果，不多说，上代码html：<div class="top" id="top"> <ul id="imgs"> <li><img sr...
2019-05-24 22:20:51
2673
原创 js计时器setInterval（）只执行一次
今天做了一个倒计时的案例，代码如下:function clock() { var nowTime = new Date(); var endTime = new Date("2019/5/23 14:51:00"); var now = nowTime.getTime(); ...
2019-05-23 21:16:58
2594
原创 关于js的for循环结构var和let的一点小总结
今天在做一个小练习时碰到循环的问题，所以查了一下，做了一个小总结，在for循环结构中如果代码如下：for(var i = 0;i < 4;i++){ //内容}里面定义的变量i是var命令声明的，在该函数内都有效，所以函数内只有一个变量i。每一次循环，变量i的值都会发生改变，而循环内被赋给的参数i指向的就是全局的i。也就是说，每一次for循环里面的i，指向的都是同一个i，导致运行时...
2019-05-22 20:47:54
1416
1
原创 关于js中Math.round()方法
Math.round()给定数字的值四舍五入到最接近的整数在js中的Math.round()不同于其他语言的round()函数Math.round()并不总是舍入到远离0的方向尤其是在负数的小数部分恰好等于0.5的情况下例: console.log(Math.round(-4.5));//-4 console.log(Math.round(-9.1));//-9 cons...
2019-05-19 19:15:32
29649
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人