zoepriselife316的博客

以JavaScript为基础构建的语言是js的超集可以在任何支持js的平台执行ts 拓展了js并增加了类型Ts不能被js解析器直接执行。TS=> 编译为js 执行的还是js.js 不易于维护，而ts易于维护。可提高项目的可维护性。类似less、sass 完善的语法写 样式，最终转为css . 所有浏览器都能渲染ts 都需要转为js ，编译ts ，比js 多一道工序可以完全按照js来写。

js获取文件后缀

去文件后缀

webpack-bundle-analyzer

eslint对parseInt的校验

scrollIntoView

js去地址中参数

有显示钱数的需求，要求为有小数显示保留两位小数，如果是整数直接显示为整数写一个js方法，直接传入该值，即可实现该需求// 判断是否为小数var priceFormat = function priceFormat(num) { if (!isNaN(num)) { return ((num + '').indexOf('.') !== -1) ? num.toFixed(2) : num; }}let yuan = '\xA5'.concat(priceFormat(price

使用react native 写一个倒计时，带有天数时分秒，时间结束后，让倒计时消失上代码/** * 倒计时 * ----------------------------------------------- */ import React, { Component } from 'react'; import { StyleSheet, TouchableWithoutFeedback, ImageBackground } from 'react-native' im

js有小数保留2位，没有显示整数parseFloat() ：小数点后不为0，就保留2位。否则为整数const num =2.446242342; parseFloat(num)console.log(parseFloat(num)); // 2.45const num2 =6.00; parseFloat(num2)console.log(parseFloat(num2)); // 6number.tofixed(2) 四舍五入var num =2.446242342;

Invariant Violation: Changing numColumns on the fly is not supported. Change the key prop on FlatList when changing the number of columns to force a fresh render of the component.双行多列数据，数量变化时，会报错，修改方法：render(){ <ScrollView horizontal style={{ marg

时间戳转换

timestampToTime(timestamp) { const date = new Date(timestamp * 1000) // 时间戳为10位需*1000，时间戳为13位的话不需乘1000 // let Y = `${date.getFullYear()}-` // let M = `${date.getMonth() + 1 < 10 ? `0${date.getMonth() + 1}` : date.getMonth() + 1}-`

Uncaught (in promise) Error: Navigation cancelled from “/ad” to “/result” with a new navigation.这个错误是vue-router内部错误,没有进行catch处理,导致的编程式导航跳转问题,往同一地址跳转时会报错的情况。解决方法：import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)// 解决with new navigat

本地项目访问不了http中的图片，解决方案：header中添加meta<meta name="referrer" content="no-referrer" />完美解决参考地址：https://segmentfault.com/a/1190000017896469

Expected '===' and instead saw '==' (eqeqeq) at XXXX 1 error found.You may use special comments to disable some warnings.Use // eslint-disable-next-line to ignore the next line.Use /* eslint-disable */ to ignore all warnings in a file.有个js判断语句必须用==.

已知两个数组，均为正序排列，从小到大排列，求两个数组的交集和差集。let arr1 = [1, 3, 5, 6];let arr2 = [2, 4, 6];// 查询交集function getArr(a, b) { let res = [] if (a.length < 1 || b.length < 1) return for (let i = 0; i < a.length; i++) { if (b.indexOf(a[i]) !== -1) {

使用递归实现：function fib(n){ if(n<= 0) return 0; if(n ===1 || n=== 2 ) return 1 return fib(n-1) + fib(n-2)}fib(10)// 原生的写法：function fib(n){ var a = 1 , b =1; if(n === 1 || n ===2) return 1; for(var i = 3; i<n;i++){ var tmp = b; b = a+b;

防抖：如果短时间内大量触发同一事件，只会执行一次函数。节流：一种类似控制阀门一样定期开放的函数，也就是让函数执行一次后，在某个时间段内暂时失效，过了这段时间后再重新激活（类似于技能冷却时间）。// 防抖function debounce(fn, delay) { let timer = null return function () { if (timer) clearTimeout(timer) timer = setTimeout(fn, delay

两数之和给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 的那 两个 整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素不能使用两遍。你可以按任意顺序返回答案。示例 1：输入：nums = [2,7,11,15], target = 9输出：[0,1]解释：因为 nums[0] + nums[1] == 9 ，返回 [0, 1] 。示例 2：输入：nums = [3,2,4], target = 6输出：[.

声明：let map = new Map()设置值：map.set("key","value");取值：map.get("key")判断是否存在key值：map.has("key")删除：map.delete("key")

data:{arr : [ 'aa'.'bb,','aa','cc','aaa']}methods:{getObj: strs => { console.log(strs) var obj = {}; for (var i = 0; i < strs.length; i++) { var key = strs[i]; if (obj[key]) { obj[key]++; } else {

使用场景，用户进入页面，输入一些信息，如姓名电话。当刷新或返回上一页，内容会清空，使用vuex，返回上一页会显示，刷新则不行，会清空。所以使用了sessionStorage.，会话关闭就删除内存，也可根据需求删掉内存。在vue中使用，具体使用如下：<el-form class="demo-ruleForm" :model="form" ref="form" :rules="rules"> <el-form-item prop="name">

直接写方法：function get(queryName) { var query = decodeURI(window.location.search.substring(1)); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("="); if (pair[0] == queryName)

查看远端库git remote -v切换远端库：git remote set-url origin newUrl(新地址)

修改本机凭据，以致可以vscode上push代码控制面板- – —》 用户账户 -------》 凭据管理器 -------》windows凭据找到相应账号，点击编辑，修改密码即可。

// 随机数 mathNum() { return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1); },一直执行就可以获得不同的随机唯一值

直接上代码，保存为js，node 该代码，命令行即可看执行结果//整体script作为一个宏任务。console.log('1'); //直接执行 1// 整体script作为宏任务，结束后，进入到这个宏任务中，//放到宏任务1 event QueuesetTimeout(function () { console.log('2'); //会先输出2 process.nextTick(function () { // 放入微任务Queue1下的--记为Q1-then

split(),将字符串转换为数组let a = 'fsdffd,fasdfa,eee,fff,sss,dfd,gfr,oooo,ppp'console.log(a.split(','))=> 结果(9) [“fsdffd”, “fasdfa”, “eee”, “fff”, “sss”, “dfd”, “gfr”, “oooo”, “ppp”]中间可使用’,'连接的数组String.split() 执行的操作与 Array.join 执行的操作是相反的。mdn网址：MDN中split

input框在页面中不能获取焦点解决方法创建一个input元素，<input id="refse" style="opacity: 0;width:0" />js中：const viewInput = document.getElementById('refse'); //获取元素viewInput.focus(); //触发一下focus事件添加了，就可以了webview中不能主动获取，自己创建元素触发下获取焦点，再去点击其他的输入框，就可以有样式了...

vue项目中，使用了eslint有个需求，在活动开始前的半小时，活动根据时间的不同而样式不同（已开始、未开始、已结束），开始的半小时前修改按钮不可用在判断时，根据活动的时间与当前new Date()转换成毫秒，进行对比,在判断时，Android没有问题，但是ios不行.，ios不识别。//这么写，是不行的，要去掉""let start = new Date(item.hopeStartTime.replace(/-/g, ‘/’)).getTime()因为时间格式不同，使用了正则，然而得到这个报错

直接上代码：// 编程范式： =>通过给计算机指令的方式划分为：命令式编程（拿dom元素-》从服务器取数据-》把数据放入dom）与声明式编程（拿到数据，在html中进行生声明，如v-for，不管数据多少，都会自动执行,react/vue）// 编程范式：面向对象编程（把很多东西抽象成一个对象，面向对象，继承多态封装【第一公民是对象】）与函数式编程（【第一公民是函数】可以进行列式编程）const arr = [10,444,23,545,666,45,23,76,99,13];// 使用高阶函

直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数组方法中，数据会响应式</title> <script src="https://cdn.

数组的方法：let a = ['a','b','c','d'];console.log(a.pop()) //d 返回删除的元素（a的最后一个元素）console.log(a) // ["a", "b", "c"]console.log(a.push('y')) //4 返回长度 在a的最后一个元素位置添加console.log(a.unshift('p')); // 5 返回长度，在a的第一个元素前添加console.log(a) //["p", "a", "b", "c",

直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>v-on事件绑定</title> <script src="https://cdn.jsde

有属性和函数的增强写法两种。上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>增强写法</title></head><body>

直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>作用域-var与let的区别</title></head><body>

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播图</title> <style type="text/css"> * {

来个简单的节流函数//节流throttle代码： throttle(fn, time) { let _arguments = arguments; let canRun = true; return function () { if (!canRun) return; canRun = false; setTimeout(() => { fn.call(this, _arguments);

在开发的过程中，用到了节流，引入公共的节流，初始调用如下（报错了…）。template中：<button class="btn" @click="throttle(Submit(),500,2)" :disabled="!normalUse">创建</button>JS文件只是引入：import {throttle} from '../../../../utils/index'以上代码，执行后的结果：vconsole.min.js?aac1:10 [Vue warn]