随笔分类 - js
摘要：1.三目运算 var b = 1 var name = b 0 ? '类型0' : '其他类型' console.log(name) 如果b等于0就输出类型0，如果不等于0就输出其他类型 2.多目运算符 function a(t) { var tn = t 0 ? '类型0' : t 1 ? '类型
阅读全文
摘要：所需的资源文件 html代码 css代码 JS代码
阅读全文
摘要：通常在与后端进行接口对调的时候，后端往往会返回一大堆的数据，以前我们往往会这么做： var obj = { name: 'name', age: '20' }; var name = obj.name; var age = obj.age; 以这样的形式来去取出需要的数据，但是如果在数据量非常多的情
阅读全文
摘要：当页面中图片很多的情况下，如果不做图片预加载，在图片没加载出来之前去访问，那用户看到的就是一片空白，影响用户体验， 这个时候图片预加载就非常重要了。 在进入主体页面之前先做一个loading出来，显示图片加载进度，加载完毕了再进入实际页面。 代码如下： HTML JS 实现效果如下： 这样在切换的时
阅读全文
摘要：<ul id="ul"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> let el = document.querySelector('#ul') el.addEventListener('click',function(e){ if (e.t
阅读全文
摘要：1.由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。 2.闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它
阅读全文
摘要：实现原理与分析： 要实现滚动到底部或者顶部执行，需要3个元素 1.要获取滚动条垂直滚动的的距离 2.获取整个文档(页面)的整体高度 3.获取窗口可视区域的高度 当滚动条滚动的值为0的时候，那么就是在顶部，如果值大于或者等于文档高度减去窗口可视区域的高度，那么就为底部 具体实现方法： 一、使用原生JS
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-sca
阅读全文
摘要：需要注意两点： 1.长按会触发移动端的长按选中文本，这种情况下，要先去掉这个默认事件 2.一定要判读长按是否达到规定的时间，需要用到按下和抬起两个事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vi
阅读全文
摘要：<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-s
阅读全文
摘要：function aftLoadImg(obj,url){ //图片地址切换 var oImg = new Image(); oImg.src = url; if(oImg.complete){//图片加载完毕并且显示 obj.src = oImg.src; }else{ oImg.onload =
阅读全文
摘要：项目需求：动态生成网址，并在页面中根据网址生成对应的二维码 解决办法： 使用 qrcode.js 插件 使用步骤： 1、首先在页面中加入jquery库文件和qrcode插件。 <script type="text/javascript" src="jquery.js"></script>
阅读全文
摘要：评价 湖南大枣湖南大枣湖南大枣湖南大枣湖南大枣湖南大枣湖南大枣 ...
阅读全文
摘要：问题场景：服务器图片丢失，导致页面上很多图片是无法正常加载的。 解决办法： 1.本地测试环境，图片使用本地数据 <script> $(document).ready(function () {
阅读全文
摘要：移动端适配采用rem进行编写CSS，整理了三种方案： 方案一： 简单的JS适配
阅读全文
摘要：var array = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16]; //循环样式结构function fun(arr,index){ var str = ""; str += '<div class="img_group">'; for(var i=(inde
阅读全文
摘要：关于在H5页面实现分享到微信和QQ，当初做的时候由于没有做过这方面的功能，也查了很多资料，找了很多插件，试了很多方法，大部分的都是点击后出现一个二维码，这不 符合我的需求，所以在网上找了一个 nativeShare.js 插件，能实现点击后进行分享。 但是H5实现分享有很多限制，目前只支持QQ浏览器
阅读全文
