随笔分类 -  javaScript

上一页 1 2 3 4 5 下一页

这里有我的个人心得 和 学习笔记
js 指定个数 添加新建数组 比如每6个新建一个数组继续 6个添加
摘要:数据初始化 // 初始化原始数据数组 let data = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]; // 用于存储切片后的数据结果 let result = []; // 循环遍历原始数据数组 // 每次遍历时,我们取10个数据作为一个子数组,这是通过i+=10 阅读全文

posted @ 2020-12-25 22:01 完美前端 阅读(1080) 评论(0) 推荐(0)

使用JS JQ 获取页面上的所有标签
摘要:JavaScript // 定义一个对象,用于存储每个标签的数量 var map = {}; // 采用递归调用的方法,比较方便和简单。 function fds(node) { // 判断当前节点是否为元素节点 if (node.nodeType 1) { // 使用nodeName属性,直接获取 阅读全文

posted @ 2020-10-28 18:20 完美前端 阅读(1501) 评论(0) 推荐(0)

js获取 DOM 里所有图片(包括背景和iframe)
摘要:直接获取所有的img图片 // 获取网页中所有的img标签的图片 // 返回一个包含图片的src,宽度和高度的对象数组 function getImgs (doc) { return Array.from(doc.getElementsByTagName('img')) // 转换 NodeList 阅读全文

posted @ 2020-10-28 15:35 完美前端 阅读(3971) 评论(0) 推荐(0)

php 和 js互相调用
摘要:<!-- 引入中文语言包 --> <script src="/assets/js/lang/cn.js"></script> <!-- 引入越南语言包 --> <script src="/assets/js/lang/vietnam.js"></script> <script type=text/j 阅读全文

posted @ 2020-09-30 14:47 完美前端 阅读(306) 评论(0) 推荐(0)

js获取select选中的值
摘要:获取select选中的内容 // 以下是一个示例的select元素: // // <select id="select"> // <option value="A" url="http://www.baidu.com">第一个option</option> // <option value="B" 阅读全文

posted @ 2020-07-19 18:24 完美前端 阅读(1932) 评论(0) 推荐(0)

Content-type 所有类型的参数
摘要:{ '.323': 'text/h323', // H.323 网络电话 '.3gp': 'video/3gpp', // 3GPP 视频文件 '.aab': 'application/x-authoware-bin', // Authoware 二进制文件 '.aam': 'application 阅读全文

posted @ 2020-05-01 07:52 完美前端 阅读(3193) 评论(0) 推荐(0)

让网站不去请求favicon.ico图标
摘要:Favicon.ico的优化 // 如果不显式地设置这个图标,浏览器会默认地向网站的根目录发送请求以获取这个图标。 // 若网站根目录中也缺少这个图标,这将导致一个404错误。 // 为了优化用户体验和减少不必要的请求,有两种策略: // 1. 提供一个favicon.ico图标。 // 2. 显式 阅读全文

posted @ 2020-04-30 21:46 完美前端 阅读(2781) 评论(0) 推荐(0)

js的三种异步方法
摘要:三种异步函数问题及解决方案 // 示例展示了一个函数中存在的异步问题。 // 在这个例子中,我们的函数并没有返回任何值,因为setTimeout是异步的。 let fn = () => { let name = '张三'; setTimeout(() => { return name; }, 100 阅读全文

posted @ 2020-04-30 17:57 完美前端 阅读(1724) 评论(0) 推荐(0)

animation.js
摘要:完整的代码, 可以复制引用 新建animation.js文件 const Animation = { // 中奖排行榜ranking('meque', 'meque_text', -1) /** * @description 中奖排行榜滚动 * @function ranking * @param 阅读全文

posted @ 2020-04-28 22:46 完美前端 阅读(4499) 评论(0) 推荐(0)

utils.js
摘要:完整的代码, 可以复制引用 个人在项目里的常用工具 新建utils.js文件 let Utils = { // 缓存处理工具 // let users = this.Utils.storage.get('users'); // if (users) {} storage: { /** * 存储数据到 阅读全文

posted @ 2020-04-28 22:43 完美前端 阅读(2201) 评论(0) 推荐(0)

js正则验证表达式验证
摘要:合法 URL 验证 // 合法URL验证函数 export function validateURL(textval) { const urlregex = /^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\*\+,;= 阅读全文

posted @ 2020-01-08 10:10 完美前端 阅读(876) 评论(0) 推荐(0)

神奇的requestAnimationFrame解决传统定时器bug
摘要:先给结论 function customInterval(callback, interval) { let lastTime = 0; function animate(time) { if (time - lastTime >= interval) { callback(); lastTime 阅读全文

posted @ 2019-09-20 17:23 完美前端 阅读(1205) 评论(0) 推荐(0)

判断是app 或者 网页
摘要:function openInWebview() { // 获取用户代理信息并转为小写 let ua = navigator.userAgent.toLowerCase(); // 如果是在微信浏览器中打开 if (ua.match(/MicroMessenger/i) 'micromessenge 阅读全文

posted @ 2019-09-17 14:15 完美前端 阅读(546) 评论(0) 推荐(0)

js 判断滚动到底部 自动加载
摘要:HTML 结构 <!-- 滚动到底部提示区域 --> <section class="bottom-tip" v-if="bottomTip"> {{bottomTipText}} </section> <!-- 数据为空的提示区域 --> <div class="no-data" v-if="no 阅读全文

posted @ 2019-09-09 16:30 完美前端 阅读(656) 评论(0) 推荐(0)

JS如何判断滚动条是否滚到底部
摘要:滚动条属性介绍 // scrollTop: 在Y轴上的滚动距离。 // clientHeight: 内容可视区域的高度。 // scrollHeight: 内容可视区域的高度加上溢出(滚动)的距离。 // 滚动条到达底部的条件是:scrollTop + clientHeight == scrollH 阅读全文

posted @ 2019-09-09 15:33 完美前端 阅读(15761) 评论(0) 推荐(1)

js兼容安卓和IOS的复制文本到剪切板
摘要:背景介绍 // 当在进行点击按钮复制功能时,可能会遇到一些常见问题。其中有些问题是关于不同系统手机的兼容性, // 如复制后对文本的选中以及输入法的弹出等问题。为了解决这些问题,以下提供了一个方法。 // 这个方法主要采用原生JS实现,且具有较强的适用性。 HTML 结构 // 你可以在文本的部分使 阅读全文

posted @ 2019-08-28 14:59 完美前端 阅读(2059) 评论(0) 推荐(0)

搜索算法
摘要:顺序搜索 顺序或线性搜索是最基本的搜索算法。它的机制是,将每一个数据结构中的元素和我们要找的元素做比较。顺序搜索是最低效的一种搜索算法。 以下是其实现: // 定义顺序搜索函数 this.sequentialSearch = function(item){ // 遍历整个数组 for (var i= 阅读全文

posted @ 2019-04-03 17:58 完美前端 阅读(405) 评论(0) 推荐(0)

排序算法,冒泡排序,选择排序,插入排序,归并排序
摘要:定义ArrayList及其排序方法 function ArrayList() { // 内部数组,用于存放待排序数据 let array = []; // 内部交换函数,用于交换数组内两个位置的元素 let swap = function(index1, index2) { if (array[in 阅读全文

posted @ 2019-04-03 17:49 完美前端 阅读(198) 评论(0) 推荐(0)

js 栈数据结构
摘要:栈 和 堆的基本概念 // 栈和堆是两种数据结构,有不同的特性和应用场景。 // 栈是一种遵循后进先出 (LIFO) 的有序集合。新添加或待删除的元素都保存在栈的同一端,这端称为栈顶。 // 相反,另一端称为栈底。在栈里,新元素都靠近栈顶,旧元素都接近栈底。 // 比如,图书馆放书的方式或者橱柜里的 阅读全文

posted @ 2019-03-29 15:33 完美前端 阅读(253) 评论(0) 推荐(0)

Babel的安装和使用
摘要:1. 安装Node.JS 和 npm 安装Node.JS 和 npm,如未安装可参照其他文章 2. 创建package.json文件 执行以下命令创建一个package.json npm init (回车, 一直下一步即可) 3. 安装 Babel npm install --save-dev ba 阅读全文

posted @ 2019-03-29 14:53 完美前端 阅读(1276) 评论(0) 推荐(1)

上一页 1 2 3 4 5 下一页

导航