
js
姥姥家的饭
学海无涯苦作舟
展开
-
常用的ES6,ES7语法
变量声明let、const和var都是用来声明变量的,只不过let和const声明的变量作用域是块级,var是全局let声明的变量是可修改的,const声明的变量是不可以修改的if(true){ let name = '海贼王'; console.log(name); // 海贼王}console.log(name); // 报错--------------------------------------if(true){ const name = '海贼王'; console原创 2021-09-22 11:30:15 · 546 阅读 · 0 评论 -
Vue3的构建工具Vite使用
Vue3项目环境搭建安装Node.js官网下载安装:https://nodejs.org/en/ 对应系统、版本下载安装mac HomeBrew安装nodenode -v #版本查看npm -v #版本查看安装Vuenpm install -g @vue/cli #终端执行安装 Vue-CLI'vue -V #查看版本创建项目vue create <Project Name> #创原创 2021-03-02 18:05:38 · 410 阅读 · 0 评论 -
js操作时间
文章目录获取当前日期倒计时计时器时间戳转 HH-MM-SS获取时间戳获取当前日期getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var year = date.getFullYear(); var month = date.getMonth() + 1; var strDate = date.getDate(); if (month >= 1 &&原创 2020-11-11 16:35:15 · 2265 阅读 · 1 评论 -
将html转换成图片
利用 html2canvas 脚本该脚本允许您直接在用户浏览器上拍摄网页或其中一部分的“屏幕截图”。屏幕截图基于DOM,因此可能无法真实表示100%的准确度,因为它无法生成实际的屏幕截图,而是根据页面上的可用信息构建屏幕截图。安装 npm安装npm install html2canvasimport html2canvas from 'html2canvas';使用html2canvas(document.body).then(function(canvas) { document.原创 2020-11-10 14:50:46 · 807 阅读 · 0 评论 -
JSON 去重
json数据let json = [{name: '小明', age: 20}, { name: '小明', age: 12}, { name: '小刚', age: 20}, { name: '小刚', age: 25}];方法/* * JSON数组去重 * a:json * f:json字段名*/function removalHeavy(a, f) { let n = [], e = [];.原创 2020-09-25 10:14:12 · 347 阅读 · 0 评论 -
vue 节流函数防抖函数封装
封装assets/js/public.js/** * 函数防抖 * @param fn * @param delay * @returns {Function} * @constructor */export const Debounce = (fn, t) => { let delay = t || 500; let timer; return function() { let args = arguments; i..转载 2020-09-23 11:25:02 · 3034 阅读 · 0 评论 -
typescript(三)--- typescript中的函数
函数声明告诉编译器函数的名称、返回类型和参数。函数定义提供了函数的实际主体。函数的定义定义方法传参可选参数默认参数剩余参数箭头函数函数的定义function run ():string { return '必须返回string类型';}function run ():number{ // 必须返回number类型 return 123;}匿名函数let run = function():string { return '必须返回string类型';}le.原创 2020-08-21 13:52:42 · 210 阅读 · 0 评论 -
JQ无限滚动(滚动至底部时,加载更多数据)
设计思想:利用onscroll方法监听盒子距离顶部的距离、可视区域高度、滚动条高度;距离顶部的距离+可视区域高度=滚动条高度的时候已到盒子底部然后进行数据加载;首次进入页面数据沾满盒子用回调函数判断盒子内容是否大于盒子的高度;否则继续加载;<div class="content"></div><script> $('.content').Scoller(res => { console.log('res:返回当前滚动到第几页'); })<.原创 2020-08-14 14:47:43 · 799 阅读 · 2 评论 -
es6异步变同步(让for循环规规矩矩的走完)
要用到ES6的 Pormise函数和async/await函数;首先了解一下什么是 Pormise函数和async/await函数Pormise函数简单的说就是用来处理异步操作的,可以让我们写异步调用的时候写起来更加优雅,更加美观便于阅读。 可以参考Promise 详情讲解async/await函数 是声明异步函数 可参考async/await详解什么时候用到呢?回调地狱(调接口的时候连续套四五层,这是很恐怖的事情);上一层逻辑没执行完不让走下一层逻辑 // 成功执行就用r原创 2020-08-10 16:37:39 · 4230 阅读 · 0 评论 -
jq搜索框插件
// 引入资源<link rel="stylesheet" href="css/source.css"><link rel="stylesheet" href="css/reset.css"><script src="./js/jquery.js"></script><script src="./js/source.js"></script>// 开始使用<div id="source" class="sourc.原创 2020-07-27 15:56:08 · 337 阅读 · 0 评论 -
vue使用ECHarts并封装
npm安装echarts npm install echarts -S , 也可以 选择需要的模块,在线定制下载在 assets 中创建echarts文件夹放echarts-plug.js在echarts-plug.js 中引入echarts:import echarts from "echarts";开始封装—————————————————————————————————————————————import echarts from "echarts";let echarts = .原创 2020-06-23 11:08:33 · 413 阅读 · 0 评论 -
js通过身份证计算年龄
如果把身份证号码传到页面上,在前端页面获取年龄就需要用到JS脚本了:示例:let age = GetAge('110101199003070337')function GetAge(identityCard) { var len = (identityCard + "").length; if (len == 0) { return 0; } else { if ((len != 15) && (len != 18))//身份证转载 2020-06-03 08:42:13 · 5905 阅读 · 0 评论 -
js基础常用操作
Js中的数据类型一共有六种,即number,string,boolean,underfine,null,object转为String类型:String(data)data.toString()转为Number类型:Number(data)parseInt(data) // 可以将一个字符串中的有效的整数内容取出来, 然后转换为NumberparseFloat(data) ...原创 2019-11-02 13:15:58 · 19631 阅读 · 2 评论 -
压缩base64图片大小
项目中上传头像base64图片太大导致上传时间过长,或者后台奔溃问题,所以前端压缩base64大小解决这个问题原理使用canvas进行图片压缩参数说明:base64String:需要压缩的base64图片w: 图片的原始图片大小quality: 0.7 // 值越小,所绘制出的图像越模糊示例:let base64Img = compressImgBase64 = this...原创 2019-08-23 16:52:39 · 5407 阅读 · 0 评论 -
js h5 调手机拨号和发送短信功能
一键拨号的电话拨打功能:<a href="tel:13764567708">移动WEB页面JS一键拨打号码咨询功能</a>window.location.href = 'tel:17696969696一键发送短信功能<a href="sms:13764567708">移动WEB页面JS一一键发送短信功能</a>window.l...原创 2019-05-22 18:19:21 · 3772 阅读 · 0 评论 -
js获取设备型号
var u = navigator.userAgent; // 获取设备信息 if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) { alert( 'android';) } else if (u.indexOf...原创 2019-04-01 09:58:18 · 2372 阅读 · 0 评论