JavaScript
关注
分享
扫一扫
thirteen_king13
这个作者很懒，什么都没留下…
展开
-
关于前端如何通过 JS 读取本地图片并预览在页面中
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<原创 2022-05-30 09:41:41 · 5649 阅读 · 0 评论 -
关于 js 数组遍历的几种方式
1. for 循环for (let i = 0; i < arr.length; i++) { console.log(arr[i]);}// i ：数组的索引// 0 ：遍历初始位置(索引)// arr ：遍历的数组// i < arr.length ：遍历的条件,满足该条件执行遍历,否则结束// i++ ：每执行一次后执行的代码// 耗时 1.61 mslet ary = new Array(1000000)console.time()for (let i = 1;原创 2022-05-17 17:21:14 · 278 阅读 · 0 评论 -
关于如何在 vue 中使用 js 数据和方法 export、export default、module.exports
export在 js 中export function test1Fn1() { let list = [ { id: 1, name: "1111", }, { id: 2, name: "2222", }, { id: 3, name: "3333", }, ]; return list;}export function test1Fn2() { let lis原创 2022-05-17 14:36:56 · 3759 阅读 · 0 评论 -
关于 JS 中，实现在异步代码执行完毕再执行后续代码
因为 js 是单线程，所有的同步任务要等前一个任务执行完毕，再执行下一个任务。function fn1() { console.log("fn1") fn2() fn3()}function fn2() { console.time() for (let i = 0; i < 1000; i++) { console.log("fn2 repeat"); } console.timeEnd()}function fn3() { console.log("fn3")}原创 2022-05-11 14:48:59 · 20689 阅读 · 0 评论 -
关于前端如何用原生实现刻度尺
刻度线主要通过 background中的 linear-gradient来实现，以为在demo中使用了一部分cm，mm做单位，可能存在误差先上代码：<div class="ruler"> <div class="scal-line"> <div class="exactly-ten"></div> <div class="scal-txt" id="txt"></div> </div></div&g.原创 2021-09-13 16:26:57 · 2476 阅读 · 0 评论 -
关于如何在 vue 中引入和使用 js 中的数据
有时候当一个数组或者对象比较大，且放在了前端，如果将数据放在vue中的data中，就会显得很多。且不方便以后维护，可以当都将这个数据项放在一个js文件中。这是 js 中的代码，将数据封装在一个函数里面export function dataInJs() { var user = [ { id: 1, }, { id: 2, }, { id: 3, }, { id: 4, }, { id: 5, }, { id: 6,原创 2021-06-29 13:18:22 · 14256 阅读 · 0 评论 -
关于 input 如何对输入框进行限制数字，小数点，及小数点后数字个数等问题
如何在限制 input 只能输入数字和小数点，如何限制只能输入一个小数点，如何限制小数点后小数的个数，如何限制数字的大小等原创 2021-06-10 13:55:24 · 33377 阅读 · 9 评论 -
关于如何在 js 中操作 css 动画的问题，即动态修改 css 动画
方法一：js 操作animationcss 中使用动画，会先定义一个@keyframes 在@keyframes里指定 css 样式，动画将在特定事件内逐渐从当前样式更改为新样式。css 使用动画第一步：定义动画变化的样式@keyframes example { from {background-color: red;} to {background-color: yellow;}}@keyframes test { 0% {background-color: red;} 100原创 2021-06-10 10:22:00 · 9276 阅读 · 2 评论 -
JS 通过日期判断当前日期所在周的周一到周日的日期
例如今天是2021年6月1日，周二，6月1日所在周为：周一2021-5-31 ~ 周日2021-6-6。方法一： let date = new Date(); let currYear = date.getFullYear(); let currMonth = date.getMonth(); let currWeekDay = date.getDate(); let currDate = date.getDay(); let weekStartDate = new Date( currY原创 2021-06-02 10:00:29 · 2781 阅读 · 0 评论 -
vue项目中如何禁止移动端页面滚动
通过监听 touchmove 事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。// 禁止页面滚动var forbidScroll = function(e) { e.preventDefault();};// 通过 $once 来监听生命周期 beforeDestroy 钩子this.$once("hook:beforeDestroy", () => { window.removeEventListener("touch原创 2021-03-19 14:14:13 · 1530 阅读 · 0 评论