![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
js
文章平均质量分 60
js相关
YangYun_Coder
这个作者很懒,什么都没留下…
展开
-
File转base64
封装函数/** * File转base64 * @param file * @return base64 * */export function getBase64(file) { return new Promise((resolve, reject) => { const reader = new FileReader(); let fileResult = ""; reader.readAsDataURL(file);原创 2021-08-13 11:18:24 · 1646 阅读 · 0 评论 -
JS中直接调用一个函数和new一个函数的区别
首先定义一个Test函数:function Test() { console.log(this)}Test()这里先解释下this我们在全局环境下调用了Test函数,然后在函数内部打印了this,众所周知,函数内部的this指向的是调用函数的对象,这里我们在全局调用了Test,所以打印出来的this就是window'use strict' // 开启严格模式// 注意:在严格模式下// 函数的内部不允许this指向window// 所以在严格模式下这里打印的this会是unde原创 2021-07-02 11:47:49 · 965 阅读 · 0 评论 -
Math对象的使用总结-JavaScript
ECMAScript 提供了 Math 对象作为保存数学公式、信息和计算的地方。Math 对象提供了一些辅助计算的属性和方法。一、特殊值属性说明Math.E自然对数的基数 e 的值Math.LN1010 为底的自然对数Math.LN22 为底的自然对数Math.LOG2E以 2 为底 e 的对数Math.LOG10E以 10 为底 e 的对数Math.PIπ 的值Math.SQRT1_21/2 的平方根Math.SQRT2.原创 2021-05-25 14:30:35 · 171 阅读 · 1 评论 -
前端小技巧---JS篇
1.两个变量值的交换let a = 1, b = 2;a = [b, b = a][0];console.log(a); //2console.log(b); //12.浮点数快速向下取整let a = 3.11564548;let b = 3.61456484;console.log(a | 0); //3console.log(~~b); //3这种方式要比同类的parseInt()和Math.round()要快,而且更优雅。3.生成随机字符串function get原创 2021-03-31 10:17:46 · 88 阅读 · 0 评论 -
js防抖与节流
什么是防抖和节流防抖:对于频繁的操作,只让最后一次操作生效节流:对于频繁的的操作,限制在特定的时间里只触发一次防抖防抖的原理其实很简单,比如我们频繁点击一个按钮,点击按钮会触发一个事件,比如:<!--html--><button id="but">点我</button>// jsfunction doSomeThing() { console.log('做点什么');}document.querySelector('#but').onclick =原创 2021-03-05 16:29:13 · 320 阅读 · 0 评论 -
ES6学习笔记
1-新的声明方式1.let:局部声明2.const:声明常量2-变量的解构赋值数组解构: let [a,b,c] = [1,2,3]解构的默认值: let [foo = true] =[];对象的解构赋值:let {foo,bar} = {foo:'yang',bar:'杨'};//如果在解构之前就定义了变量,需要加上圆括号()let yy;({yy} ={yy:'JSPang'});字符串解构:const [a,b,c,d]="yang";3-扩展运算符和rest运算符//当参原创 2021-02-26 11:17:32 · 149 阅读 · 0 评论 -
typescript学习笔记
全局安装npm install -g typescript检查安装状态tsc将ts文件转换为js文件tsc demo.ts这里在vscode中的终端运行tsc demo.js报错‘因为在此系统上禁止运行脚本’,解决办法:1.首先按win键 + X ,打开PowerShell(管理员)2.输入set-ExecutionPolicy RemoteSigned3.输入Y或者A都可以(不区分大小写,大小写都可以)4.输入get-executionpolicy,如果出现 RemoteSign原创 2021-02-05 16:13:55 · 271 阅读 · 0 评论 -
vue实现循环滚动列表
1、安装npm install vue-seamless-scroll --save2、引入组件<script>import vueSeamlessScroll from "vue-seamless-scroll";export default { components: { vueSeamlessScroll }}</script>3、使用html<div class="list"> <vueSeamlessScroll :data="原创 2020-09-04 17:08:36 · 3396 阅读 · 0 评论 -
vue-cli3打包时根据不同命令修改请求地址
第一步在根目录创建一个.env.test文件test名字可以自定义,在里面写入NODE_ENV='test'第二步在package.json文件中scripts字段中加入"test": “vue-cli-service build --mode test”"scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "test": "vue-cli-service buil原创 2020-06-23 17:19:38 · 1020 阅读 · 0 评论 -
wow.js+animate.css+vue实现显示时执行动画
wow.js+animate.css+vue实现显示时执行动画第一步:npm 安装 wow.js,安装后 animate.css 会自动安装npm install wowjs --save-dev第二步:在main.js里引入animate.cssimport animated from 'animate.css'Vue.use(animated)第三步:在需要的组件中引入 ...原创 2019-12-04 20:28:02 · 1081 阅读 · 0 评论 -
vue中使用websocket
websocket基础<template> <div class="websocket"> <input type="text" placeholder="输入消息" v-model="value"> <button @click="send">发送</button> <div class="message">...原创 2019-06-25 17:01:03 · 187 阅读 · 0 评论 -
vue移动端左滑删除
效果代码<template> <div class="delete"> <div class="slider"> <div class="content" @touchstart='touchStart' @touchmove='touchMove' @touchend='touchEnd' ...原创 2019-06-25 16:51:59 · 733 阅读 · 0 评论 -
vue+高德地图写地图选址组件
前言现在做这个移动端的项目中有一个地图选址的功能,本来高德地图中有一个现成的选址组件,但是有两个问题,因为他是用iframe引用的,第一改不了样式,这点还勉强能接受;第二他的左上角有一个返回键,在搜索的时候可以返回到地图界面,但是在地图界面时点返回没有用,试了半天也没搞明白怎么监听到那个返回键的点击事件,所以趁这两天项目基本结束自己写一个把这个功能优化一下,也方便以后使用。开整vue的安装使...原创 2019-05-17 18:23:16 · 4891 阅读 · 8 评论 -
ES6相关
扩展运算符将一个数组转为用逗号分隔的参数序列console.log(...[a, b, c]) // a b c用于:1 将一个数组,变为参数序列let add = (x, y) => x + y;let numbers = [3, 45];console.log(add(...numbers))//482 使用扩展运算符展开数组代替apply方法,将数组转为函数的参数...原创 2019-05-13 15:59:09 · 89 阅读 · 0 评论 -
vue中axios的使用相关
前言首先明白axios是干什么的,axios主要是用于向后台发起请求的。安装我是使用的npm安装npm install axios执行get请求// 为给定 ID 的 user 创建请求axios.get('/user?ID=12345') .then(function (response) { console.log(response); }) .catch(...原创 2019-05-10 19:07:15 · 244 阅读 · 0 评论 -
js数字的操作
Number1.parseFloat(Number),去除小数点后面多余的0,let a = 21.1200a = parseFloat(a)console.log(a) //21.122.Number.toFixed() 方法可把 Number 四舍五入为指定小数位数的数字,当位数不足时以0补足。let a = 21.12345678a = a.toFixed(4...原创 2019-05-14 17:52:48 · 734 阅读 · 0 评论 -
JS中将对象转化为数组
前言 这个对于大佬来说应该是个很基础的问题,但是今天我要用到这个的时候却一下没想起来该怎么做,所以打算写下来加深下影响。 举个例子,如何把一个对象{'未完成':5, '已完成':8, '待确认':4, '已取消':6}转化为[{"未完成":5},{"已完成":8},{"待确认":4},{"已取消":6}]。对象的两种取值方式 我们都知道,JS中对象有两种取值方式,通过在.后面直接...原创 2019-05-09 18:37:49 · 12323 阅读 · 0 评论