搜索到
24
篇与
javascript
的结果
-
![js-xlsx js本地处理excle]()
js-xlsx js本地处理excle js-xlsx js本地处理excle 插件 github 地址 用法： // $(".btn-file") input[file] 元素 $(".btn-file").on("change", function (ev) {//当文件上传 var reader = new FileReader(); reader.onload = function (e) { try { var data = e.target.result; var workbook = XLSX.read(data, { type: 'binary' }); var sheetNames = workbook.SheetNames; // 工作表名称集合 var worksheet = workbook.Sheets[sheetNames[0]]; // 只读取第一张sheet var json = XLSX.utils.sheet_to_json(worksheet);//解析成json json = JSON.parse(JSON.stringify(json)) console.log(json) var arr = []; for (var i in json) { for (var j in json[i]) { arr[0] = j; arr.push(json[i][j]); } } console.log(arr.join(","))//最终输出拼接数据 } catch (err) { console.log(err) alert("文件类型不正确"); return false; } }; reader.readAsBinaryString(ev.target.files[0]); }) -
![动态计算自适应css大小公式]()
动态计算自适应css大小公式 为了做到自适应分辨率和设备，写了这个快捷的公式 为了自适应各种屏幕的大小，比如手机上375px的分辨率下 一个字的大小14px 就够了，，但是 在1080p甚至4k的屏幕上，14px的字就显得太小了，，很多人喜欢用rem去实现，但是rem有个弊端，，rem的本质有点 等比放大缩小的意思，，这就涉及到一个问题，，假设在手机上375px下 展示一部分内容，，但是在4k pc下 ，这一部分内容 就算等比 放大，，会显得 特别的傻，，明明有那么多的空间可以利用，，这就可以用我现在这个放法去优化 一般的设计稿 都是提供750 和 1920 两种宽度的设计稿，，设计师不会提供你所有分辨率下的样子，，但设计师会留出 预留可控的空间，比如750下 这个标题是24px，，1920下这个标题和间距都是40px，，，那么在小分辨率电脑1366*768的屏幕下 40px就会显得比较大了，，但如果你用rem去做，，就要根据js去写很多根元素的font size大小，，但是用了我的这个方法，只要写一个css属性就可以完美解决 这个问题 比如 1920分辨率下 这个字号是 40px 375分辨率下字号是 20px 那么在 375 -> 1920 这个分辨率提升的过程中，，字号从 20px -> 40px, 所以可以根据这个计算出一个线性的 二元一次 方程 输入375， 输出20 输入1920 ， 输出40 那么可以假设 x为 输入 ，， y为输出 那么 设 y = ax + b 带入两组x y，求出a 和 b 这是很简单的数学知识了应该不用多说 假设两组数据是 x1，x2，y1,y2 ax1 + b = y1 ax2 + b = y2 换算出： a = ( y1 - y2 ) / ( x1 - x2 ) , b = ( x1y2 - x2y1 ) / ( x1 - x2 ) 算出这个a就是输入x的倍数，，x是屏幕分辨率，a是倍数， 那 ax不就是 vw 么 最终得出公式，，下面上代码 function calcAdpativePixel(minWidth, maxWidth, minPixel, maxPixel) { let a = parseFloat((((minPixel - maxPixel) / (minWidth - maxWidth)) * 100).toFixed(2)) let b = parseFloat((((minWidth * maxPixel) - (maxWidth * minPixel)) / (minWidth - maxWidth)).toFixed(1)) let str = 'calc(' + a + 'vw + ' + b + 'px)' return str } 输入 calcAdpativePixel(375,1920,20,40) 输出 calc(1.29vw + 15.1px) 用法 div{ font-size: calc(1.29vw + 15.1px); margin-top: calc(1.29vw + 15.1px); } 尝试切换一下分辨率 你会发现 属性值 随着分辨率大小而改变咯 -
![JS操作数组]()
JS操作数组 JS操作数组 方法 描述 push 在数组末尾插入元素 unshift 在数组开头插入元素 pop 从数组末尾删除元素 shift 从数组开头删除元素 concat 连接 2 个或更多数组，并返回结果 every 对数组中的每个元素运行给定函数，如果该函数对每个元素都返回 true，则返回 true filter 对数组中的每个元素运行给定函数，返回该函数会返回 true 的元素组成的数组 forEach 对数组中的每个元素运行给定函数。这个方法没有返回值 join 将所有的数组元素连接成一个字符串 indexOf 返回第一个与给定参数相等的数组元素的索引，没有找到则返回-1 lastIndexOf 返回在数组中搜索到的与给定参数相等的元素的索引里最大的值 map 对数组中的每个元素运行给定函数，返回每次函数调用的结果组成的数组 reverse 颠倒数组中元素的顺序，原先第一个元素现在变成最后一个，同样原先的最后一个元素变成了现在的第一个 slice 传入索引值，将数组里对应索引范围内的元素作为新数组返回 some 对数组中的每个元素运行给定函数，如果任一元素返回 true，则返回 true sort 按照字母顺序对数组排序，支持传入指定排序方法的函数作为参数 toString 将数组作为字符串返回 valueOf 和 toString 类似，将数组作为字符串返 -
![[Leetcode Series]13. 罗马数字转整数]()
-
![[Leetcode Series]09 回文数]()
[Leetcode Series]09 回文数 9. 回文数 ` 来源leetcode 给你一个整数 x ，如果 x 是一个回文整数，返回 true ；否则，返回 false 。 回文数是指正序（从左向右）和倒序（从右向左）读都是一样的整数。例如，121 是回文，而 123 不是。 示例 1： 输入：x = 121 输出：true 示例 2： 输入：x = -121 输出：false 解释：从左向右读, 为 -121 。 从右向左读, 为 121- 。因此它不是一个回文数。 示例 3： 输入：x = 10 输出：false 解释：从右向左读, 为 01 。因此它不是一个回文数。 示例 4： 输入：x = -101 输出：false 解题 如果 x < 0 直接return false 如果 0 <= x < 10 直接return false 然后拆开判断 正数倒数相对称位置的数 是否相等 有不相等的直接返回 false 代码如下 /** * @param {number} x * @return {boolean} */ var isPalindrome = function (x) { if (x < 0) { return false } if (x >= 0 && x < 10) { return true } let res = true x = x.toString().split('') let len = ((x.length % 2) ? (x.length - 1) : x.length) / 2 for (let i = 0; i < len; i++) { if (x[i] != x[x.length - 1 - i]) { res = false break } } return res }; 结果一次通过 执行用时：200 ms, 在所有 JavaScript 提交中击败了81.46%的用户 内存消耗：46.9 MB, 在所有 JavaScript 提交中击败了42.53%的用户
![[Leetcode Series]13. 罗马数字转整数](https://cdn.jsdelivr.net/npm/typecho-joe-next@6.0.0/assets/thumb/31.jpg)