随笔分类 -  javascript实际项目问题

摘要:采用原生时间监听element.addEventListener(event, function, useCapture) 阅读全文
posted @ 2018-12-22 13:56 尼古拉斯-富贵 阅读(6753) 评论(0) 推荐(0)
摘要:参考地址 http://www.runoob.com/highcharts/highcharts-column-basic.html 1、下载JS文件引入,或者用CDN 阅读全文
posted @ 2018-12-21 16:07 尼古拉斯-富贵 阅读(898) 评论(0) 推荐(0)
摘要:得到时间选择表 阅读全文
posted @ 2018-12-21 14:15 尼古拉斯-富贵 阅读(850) 评论(0) 推荐(0)
摘要:一、目前来说复制功能 clipboard.js基本可以兼容所有浏览器,可以任意复制文本,官方地址 https://clipboardjs.com/ 1、进入官方网站下载 然后引入 2、运用模板 3、确定复制目标 data-clipboard-target='xxxx' 二、原生实现 1、复制其他目标 阅读全文
posted @ 2018-12-19 10:39 尼古拉斯-富贵 阅读(406) 评论(0) 推荐(0)
摘要:$("body").keydown(function (event) { if (event.keyCode == 13) { //enter键键值为13 $('.finish-btn').click(); // $('.finish-btn')是登录键,click()是登录键的点击事件调用 } }) ... 阅读全文
posted @ 2018-12-19 10:02 尼古拉斯-富贵 阅读(326) 评论(0) 推荐(0)
摘要:网页端微信的二次分享如果不调用分享的SDK,分享之后就不会带有标题、描述 、缩略图 微信分享SDK调用 引入 参数配置 调用成功之后 阅读全文
posted @ 2018-12-19 09:51 尼古拉斯-富贵 阅读(1222) 评论(0) 推荐(0)
摘要:一:腾讯视频截取 H5视频播放除了video标签以外,还有iframe嵌套视频 项目需求是用户输入腾讯视频的html链接,如 需要把这个html转化为视频,在这里最最关键的一点就是视频videoId的获取,正常情况下videoId就是.html前面字段 用JS把视频ID拿出来 接下来及就是JS调用腾 阅读全文
posted @ 2018-12-13 17:05 尼古拉斯-富贵 阅读(3437) 评论(0) 推荐(0)
摘要:参考 layui.laypage 官方文档 https://www.layui.com/demo/laypage.html 第一步下载插件 (注意不能只引入引入 layui.css和layui.js ,官方已经做了自动化构建,要把这个解压之后的文件放入项目根路径,文件的路径一定不能错!) 正确路径为 阅读全文
posted @ 2018-12-12 21:04 尼古拉斯-富贵 阅读(2155) 评论(0) 推荐(0)
摘要:lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。 split() 方法用于把一个字符串分割成字符串数组,抽取到分割符前面部分。 substr() 方法可在字符串中抽取从字符串下标开始(向后搜素)的指定数目的字符。 现在要从 http:// 阅读全文
posted @ 2018-10-27 15:50 尼古拉斯-富贵 阅读(2829) 评论(0) 推荐(0)
摘要:Window对象: 是整个BOM的核心,所有对象和集合都以某种方式回接到window对象。Window对象表示整个浏览器窗口,但不必表示其中包含的内容。 Document对象: 实际上是window对象的属性。这个对象的独特之处是唯一一个既属于BOM又属于DOM的对象。从BOM角度看,documen 阅读全文
posted @ 2018-10-13 08:45 尼古拉斯-富贵 阅读(1550) 评论(0) 推荐(0)
摘要:HTML CSS JS 所以为了禁止弹出层下内容的滚动,必须要禁止滑动事件传递到下一层,所以要防止滑动事件冒泡 当弹出层出现的时候 所以最后的JS应该是 阅读全文
posted @ 2018-10-12 15:34 尼古拉斯-富贵 阅读(2805) 评论(0) 推荐(0)
摘要:summernote比较突出的优点就是能保持复制过来的东西的原有样式,并且比较流畅。 官方文档地址:https://summernote.org/getting-started 我是用到cdn引入 HTML JS 注意: 最终效果图 阅读全文
posted @ 2018-10-12 11:22 尼古拉斯-富贵 阅读(6649) 评论(0) 推荐(0)
摘要:1、ajax请求参数如果为文本类型,直接拼接即可。如果为file类型就需要先获取文件信息 2、获取文件信息: HTML代码: JS代码 3、再把文件信息变为 formData 的形式 这个 multipartfile 为要拼接的参数名称,fileObj为要拼接的参数值。 4,再进行ajax请求 阅读全文
posted @ 2018-10-10 17:26 尼古拉斯-富贵 阅读(402) 评论(0) 推荐(0)
摘要:1、使用input标签选择本地图片文件 用一个盒子来存放预览的图片 2、JS实现预览 首先添加一个input change事件,再用到 URL.createObjectURL() 方法 用来创建 URL 的 File 对象或者 Blob 对象​ 这时候就能可以选择图片然后在你预备的盒子里看见你选择的 阅读全文
posted @ 2018-10-10 12:02 尼古拉斯-富贵 阅读(4159) 评论(0) 推荐(0)
摘要:1、整体页面加载监听 2、某一模块加载监听,需要用到jQuery event.stopPropagation() 方法 现在要监听id为ADcover的标签加载 阅读全文
posted @ 2018-09-27 18:04 尼古拉斯-富贵 阅读(464) 评论(0) 推荐(0)
摘要:click、mousedown等事件适用于PC端,在移动端会有一定时间的延迟,所以更好的优化移动端体验,要用touch事件, 1、首先要添加一个监听事件,监听移动端行为 我这里是针对浏览器行为,所以监听事件为 2、监听行为,如果一旦触摸开始,事件就会执行 阅读全文
posted @ 2018-09-27 17:39 尼古拉斯-富贵 阅读(1375) 评论(0) 推荐(0)
摘要:很简单,只需要在head头部加上以下代码 效果图 阅读全文
posted @ 2018-09-14 15:09 尼古拉斯-富贵 阅读(1501) 评论(0) 推荐(0)
摘要:一、简单函数创建、封装 第三种就是构造函数 二、实例 阅读全文
posted @ 2018-09-14 13:57 尼古拉斯-富贵 阅读(2875) 评论(0) 推荐(0)
摘要:输入框限制字数: HTML结构 JS逻辑 阅读全文
posted @ 2018-09-13 17:10 尼古拉斯-富贵 阅读(415) 评论(0) 推荐(0)
摘要:html结构 JS逻辑代码 效果图:一看就知道是隔两条数据插一条广告 阅读全文
posted @ 2018-09-13 16:55 尼古拉斯-富贵 阅读(661) 评论(0) 推荐(0)