摘要：
需求分析：点击操作按钮--调用腾讯云无感验证获取参数--携带参数请求接口 重点：函数的执行顺序，先调用腾讯云，然后携带参数请求接口 demo.html <script> // 定义回调函数 function callback(res) { console.log('callback:', res); 阅读全文
摘要：
1.简单粗暴形式： 复制多个request.js文件，设置不同的baseUrl,根据需要引用不同的request.js文件。可以解决问题，但不推荐使用 2.参数配置形式： 利用参数配置，可灵活的调用多个不同域名 export function getPVInfo(params) { return r 阅读全文
摘要：
页面效果： 1.安装swiper npm install swiper 2.引入组件 import { Autoplay } from 'swiper' 3.使用组件 modules: [Autoplay], 4.轮播图代码 <swiper :slides-per-view="1.5" :space 阅读全文
摘要：
需求分析： 1.默认显示搜索历史记录，搜索记录倒序排列且去除重复值。 2.点击搜索后，显示搜索列表，历史记录隐藏。 3.搜索值变化时，列表隐藏。搜索值为空时，历史记录显示。 4.点击历史记录，进行相应的搜索。点击删除时清空搜索历史记录 完整代码如下： <!DOCTYPE html> <html la 阅读全文
摘要：
var browser = { versions: function() { var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, /*IE内核*/ 阅读全文
摘要：
1.时间兼容处理 页面倒计时，安卓显示正常,IOS显示NAN。解决方法： let startVal = new Date(startTime.replace(/-/g, '/')) 时间格式处理的问题，把时间格式由2022-08-11转换为2022/08/11 2.毛玻璃效果兼容性处理 以背景图片的 阅读全文
摘要：
需要实现的效果图如下所示： 以使用swiper为例进行分析： 根据返回的数据动态渲染slide,每个slide中包含三条数据。重点内容为返回数据的分组，我们将数据出路为三条一组。 1.数据处理 一维数组转为二维数组 function transDataFun(tData) { var result 阅读全文
摘要：
button { color: #23b7cb; font-size: 15px; padding: 5px 15px; background: #fff; border: 1px transparent solid; border-radius: 30px; position: relative; 阅读全文
摘要：
1.判断手机设备的函数 // js判断是否是苹果设备 function checkIsAppleDevice() { var u = navigator.userAgent, app = navigator.appVersion; var ios = !!u.match(/\(i[^;]+;( U; 阅读全文
摘要：
语法的不断更新，使得循环遍历对象的方法越来越多。做一下总结 1.原始版本： var testObj = {a:1,b:2,c:4} Object.keys(testObj).forEach((key, index)=>{ console.log(key) //a b c console.log(te 阅读全文