随笔分类 -  js

在gulp中使用vue多页面开发
摘要：页面html common.js我定义了两种调用接口的方式 vue实例挂载并调用接口方式test.js gulp配置 gulpfile.base.js 阅读全文
posted @ 2019-11-28 17:36 nanacln 阅读(873) 评论(0) 推荐(0)
js原型链理解
摘要：重写整个原型链的prototype时，已经实例话的对象只能取之前的prototype对象。 Object.create()是创建一个空对象，而空对象的原型(__proto__)指向传进来的参数 总结：使用Object.create()是将对象继承到__proto__属性上 new Object()  阅读全文
posted @ 2019-08-28 16:29 nanacln 阅读(200) 评论(0) 推荐(0)
element-ui使用笔记
摘要：1、当我修改A处内容时，需要对B处内容进行表单校验 示例： 这里的用户名和后面的选择只能有一个存在。二选一的情况。用户名是手机号码。（当我在输入错误的用户名后，失焦会有错误提示，然后我再取选择会员组，此时我会清楚用户名内的内容。此时还留下一个用户名错误格式的提示。要去掉错误提示需要重新对用户名那重新 阅读全文
posted @ 2019-07-18 10:51 nanacln 阅读(180) 评论(0) 推荐(0)
jq中使用promise封装ajax
摘要：let ajax=function(url, param, type = 'GET'){ const promise = new Promise(function(resolve, reject){ $.ajax({ type: type, url: url, data: param, ... 阅读全文
posted @ 2019-07-12 11:02 nanacln 阅读(1033) 评论(0) 推荐(0)
audio播放、暂停事件监听，以及自动播放
摘要：播放、暂停事件监听 html js 使用jq的语法时一定要注意let audio_f=$(".reading_audio_wrapper audio")[0]; 使用原生的可以直接let audio_f=document.getElementById('audio1')。使用jq没选取第一个元素改了 阅读全文
posted @ 2019-07-03 17:35 nanacln 阅读(9115) 评论(0) 推荐(0)
计时器插件以及组件示例
摘要：vue组件 jq插件： jq插件使用方式 //使用格式 $(".timer1").timer({ secondsNum: $(".timer1").data("num") }) //使用格式 $(".timer1").timer({ secondsNum: $(".timer1").data("nu 阅读全文
posted @ 2019-06-12 13:51 nanacln 阅读(732) 评论(0) 推荐(0)
使用vue-awesome-swiper笔记
摘要：地图找房部分功能截图，点击地图上的小区信息，弹出所有小区信息swiper滑道点击小区的小区信息那，左右滑动swiper时，地图上选中的小区也会跟着变。 下面代码是关于封装的基于swiper小区详细信息的组件 html代码： js： 1、一次请求的图片太多，为避免看到图片效果等待时间过长，应设置懒加载 阅读全文
posted @ 2019-03-04 17:32 nanacln 阅读(1726) 评论(0) 推荐(1)
使用vue-baidu-map开发地图找房的总结
摘要：html相关代码： 1、需求1产品要求地图向上移时，筛选标签隐藏，向下移时筛选标签显示。实现此功能需要监听center的lat。 我开始的错误做法，在moveEnd的方法里使用 this.center=this.map.getCenter() 然后使用watch深度监听center。这个需求倒是满足 阅读全文
posted @ 2019-03-04 11:05 nanacln 阅读(2014) 评论(0) 推荐(0)
下拉加载使用dropload使用笔记
摘要：一般情况下载页面载入时调用dropload就可以正常使用。 注意每次触底加载，无论顺利或失败都应调用resetload方法。 今天遇到的一个需求默认是二手房的，触底要加载更多。点击租房，显示租房的内容，触底加载更多。 注意点：1、二手房和租房的下拉加载需分开写。否则点击tab切换后下拉加载的不执行。 阅读全文
posted @ 2019-01-30 16:33 nanacln 阅读(1635) 评论(0) 推荐(0)
前端知识摘要
摘要：1、实现读取txt文本，修改并下载修改后的内容。 html： js： 2、element.insertAdjacentHTML(position, html); 3、获取浏览器上一页的url >>>document.referrer 4、移动端屏幕滚动事件 第二行，以前是使用var t = $(do 阅读全文
posted @ 2018-12-21 16:47 nanacln 阅读(386) 评论(0) 推荐(0)
图片上传以及图片压缩
摘要：html： js: 阅读全文
posted @ 2018-10-10 14:54 nanacln 阅读(309) 评论(0) 推荐(0)
promise使用场景
摘要：1、使用场景：在一个房源列表里，点击某一条房源里的图片实现看大图效果。（vue2) 问题：使用vue-preview查看大图时需要知道图片宽高，但是接口没有返回，所以需要使用Image对象来获取图片宽高。 使用img的load事件获取图片宽高其实是异步操作。 查看大图效果出现的js代码 this.$ 阅读全文
posted @ 2018-04-17 11:06 nanacln 阅读(562) 评论(0) 推荐(0)
vue2移动端使用vee-validate进行表单验证
摘要：使用vee-validate时若要使用中文版本提示时，vee-validate的版本需要注意 在main.js里添加如下代码 若想修改默认的提示 自定义校验规则如下： 以上代码写在js里。组件内进行表单验证的代码如下 阅读全文
posted @ 2018-04-09 11:38 nanacln 阅读(3711) 评论(0) 推荐(0)
...
摘要：rest 参数 ES6 引入 rest 参数（形式为...变量名），用于获取函数的多余参数，这样就不需要使用arguments对象了。rest 参数搭配的变量是一个数组，该变量将多余的参数放入数组中。 注意，rest 参数之后不能再有其他参数（即只能是最后一个参数），否则会报错。 扩展运算符 扩展运 阅读全文
posted @ 2018-01-15 17:22 nanacln 阅读(152) 评论(0) 推荐(0)
我的promise学习笔记
摘要：创建Promise Promise 对象是由关键字 new 及其构造函数来创建的。该构造函数会把一个叫做“处理器函数”（executor function）的函数作为它的参数。这个“处理器函数”接受两个函数——resolve 和 reject ——作为其参数。当异步任务顺利完成且返回结果值时，会调用 阅读全文
posted @ 2018-01-02 15:05 nanacln 阅读(289) 评论(0) 推荐(0)
前端本地调试解决跨域的两种方法
摘要：1、谷歌浏览器非安全模式解决跨域 右击谷歌浏览器、在属性>>快捷方式>>目标里尾部加上 --disable-web-security --user-data-dir。前面要有空格 2、webpack前后端分离开发接口调试proxyTable解决方案 以vue-cli为例 如上例子请求到 /decAp 阅读全文
posted @ 2017-12-22 09:29 nanacln 阅读(3938) 评论(0) 推荐(0)