摘要:数据初始化 // 初始化原始数据数组 let data = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]; // 用于存储切片后的数据结果 let result = []; // 循环遍历原始数据数组 // 每次遍历时,我们取10个数据作为一个子数组,这是通过i+=10
        
阅读全文
 
    
        
        
摘要:JavaScript // 定义一个对象,用于存储每个标签的数量 var map = {}; // 采用递归调用的方法,比较方便和简单。 function fds(node) { // 判断当前节点是否为元素节点 if (node.nodeType 1) { // 使用nodeName属性,直接获取
        
阅读全文
 
    
        
        
摘要:直接获取所有的img图片 // 获取网页中所有的img标签的图片 // 返回一个包含图片的src,宽度和高度的对象数组 function getImgs (doc) { return Array.from(doc.getElementsByTagName('img')) // 转换 NodeList
        
阅读全文
 
    
        
        
摘要:<!-- 引入中文语言包 --> <script src="/assets/js/lang/cn.js"></script> <!-- 引入越南语言包 --> <script src="/assets/js/lang/vietnam.js"></script> <script type=text/j
        
阅读全文
 
    
        
        
摘要:获取select选中的内容 // 以下是一个示例的select元素: // // <select id="select"> // <option value="A" url="http://www.baidu.com">第一个option</option> // <option value="B" 
        
阅读全文
 
    
        
        
摘要:{ '.323': 'text/h323', // H.323 网络电话 '.3gp': 'video/3gpp', // 3GPP 视频文件 '.aab': 'application/x-authoware-bin', // Authoware 二进制文件 '.aam': 'application
        
阅读全文
 
    
        
        
摘要:Favicon.ico的优化 // 如果不显式地设置这个图标,浏览器会默认地向网站的根目录发送请求以获取这个图标。 // 若网站根目录中也缺少这个图标,这将导致一个404错误。 // 为了优化用户体验和减少不必要的请求,有两种策略: // 1. 提供一个favicon.ico图标。 // 2. 显式
        
阅读全文
 
    
        
        
摘要:三种异步函数问题及解决方案 // 示例展示了一个函数中存在的异步问题。 // 在这个例子中,我们的函数并没有返回任何值,因为setTimeout是异步的。 let fn = () => { let name = '张三'; setTimeout(() => { return name; }, 100
        
阅读全文
 
    
        
        
摘要:完整的代码, 可以复制引用 新建animation.js文件 const Animation = { // 中奖排行榜ranking('meque', 'meque_text', -1) /** * @description 中奖排行榜滚动 * @function ranking * @param 
        
阅读全文
 
    
        
        
摘要:完整的代码, 可以复制引用 个人在项目里的常用工具 新建utils.js文件 let Utils = { // 缓存处理工具 // let users = this.Utils.storage.get('users'); // if (users) {} storage: { /** * 存储数据到
        
阅读全文
 
    
        
        
摘要:合法 URL 验证 // 合法URL验证函数 export function validateURL(textval) { const urlregex = /^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\*\+,;=
        
阅读全文
 
    
        
        
摘要:先给结论 function customInterval(callback, interval) { let lastTime = 0; function animate(time) { if (time - lastTime >= interval) { callback(); lastTime 
        
阅读全文
 
    
        
        
摘要:function openInWebview() { // 获取用户代理信息并转为小写 let ua = navigator.userAgent.toLowerCase(); // 如果是在微信浏览器中打开 if (ua.match(/MicroMessenger/i) 'micromessenge
        
阅读全文
 
    
        
        
摘要:HTML 结构 <!-- 滚动到底部提示区域 --> <section class="bottom-tip" v-if="bottomTip"> {{bottomTipText}} </section> <!-- 数据为空的提示区域 --> <div class="no-data" v-if="no
        
阅读全文
 
    
        
        
摘要:滚动条属性介绍 // scrollTop: 在Y轴上的滚动距离。 // clientHeight: 内容可视区域的高度。 // scrollHeight: 内容可视区域的高度加上溢出(滚动)的距离。 // 滚动条到达底部的条件是:scrollTop + clientHeight == scrollH
        
阅读全文
 
    
        
        
摘要:背景介绍 // 当在进行点击按钮复制功能时,可能会遇到一些常见问题。其中有些问题是关于不同系统手机的兼容性, // 如复制后对文本的选中以及输入法的弹出等问题。为了解决这些问题,以下提供了一个方法。 // 这个方法主要采用原生JS实现,且具有较强的适用性。 HTML 结构 // 你可以在文本的部分使
        
阅读全文
 
    
        
        
摘要:顺序搜索 顺序或线性搜索是最基本的搜索算法。它的机制是,将每一个数据结构中的元素和我们要找的元素做比较。顺序搜索是最低效的一种搜索算法。 以下是其实现: // 定义顺序搜索函数 this.sequentialSearch = function(item){ // 遍历整个数组 for (var i=
        
阅读全文
 
    
        
        
摘要:定义ArrayList及其排序方法 function ArrayList() { // 内部数组,用于存放待排序数据 let array = []; // 内部交换函数,用于交换数组内两个位置的元素 let swap = function(index1, index2) { if (array[in
        
阅读全文
 
    
        
        
摘要:栈 和 堆的基本概念 // 栈和堆是两种数据结构,有不同的特性和应用场景。 // 栈是一种遵循后进先出 (LIFO) 的有序集合。新添加或待删除的元素都保存在栈的同一端,这端称为栈顶。 // 相反,另一端称为栈底。在栈里,新元素都靠近栈顶,旧元素都接近栈底。 // 比如,图书馆放书的方式或者橱柜里的
        
阅读全文
 
    
        
        
摘要:1. 安装Node.JS 和 npm 安装Node.JS 和 npm,如未安装可参照其他文章 2. 创建package.json文件 执行以下命令创建一个package.json npm init (回车, 一直下一步即可) 3. 安装 Babel npm install --save-dev ba
        
阅读全文