笔记
weixin_45846862
这个作者很懒,什么都没留下…
展开
-
js 时间戳相减算出年月日
【代码】js 时间戳相减算出年月日。原创 2022-09-27 17:32:50 · 461 阅读 · 6 评论 -
typeScript 基础类型
布尔值最基本的数据类型就是简单的true/false值,在JavaScript和TypeScript里叫做boolean(其它语言中也一样)。let isDone: boolean = false;数字和JavaScript一样,TypeScript里的所有数字都是浮点数。 这些浮点数的类型是 number。 除了支持十进制和十六进制字面量,TypeScript还支持ECMAScript 2015中引入的二进制和八进制字面量。let decLiteral: number = 6;let hex原创 2021-11-30 14:45:42 · 128 阅读 · 4 评论 -
js常用正则
/* * @Author: * @Date: 2021-03-22 10:32:21 * @LastEditTime: 2021-11-19 14:00:28 * @LastEditors: * @Description: 公共校验方法 *//* 是否手机号码*/export function validatePhone(rule, value, callback) { const reg = /^(1[3-9]\d{9})$|^([5|6|8|9]\d{7})$|^([6]\d{原创 2021-11-19 14:07:05 · 363 阅读 · 0 评论 -
JavaScript Location对象
location对象用于获取或设置窗体的URL,并且可以用于解析URL。语法location.[属性|方法]原创 2021-11-09 14:09:35 · 715 阅读 · 0 评论 -
树形结构下拉组件vue-treeselect
vue-treeselect是一个多选组件,具有对Vue.js的嵌套选项支持。具有嵌套选项支持的单个和多个选择模糊匹配异步搜索延迟加载(仅在需要时加载深层选项的数据)键盘支持(使用Arrow Up&Arrow Down键导航,使用键选择选项Enter等)丰富的选项和高度可定制支持各种浏览器https://www.vue-treeselect.cn/一、基本使用流程1、首先npm’安装依赖npm install @riophae/vue-treeselect --save2、然后在需原创 2021-11-08 09:32:10 · 502 阅读 · 0 评论 -
js获取当前时间和N天前时间
获取当前时间 // 获取当前时间 let date = new Date() let Y = date.getFullYear() let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : (date.getMonth() + 1) let D = date.getDate() < 10 ? ('0' + date.getDate()) : date.getDate() let hours = date原创 2021-06-22 15:16:25 · 211 阅读 · 0 评论 -
Array
Array在 ES6 中新增了很多实用的原生 API,方便开发者对 Array 的操控性更强,如 for…of、from、of、fill、find、findIndex等。ES5 中数组遍历方式let arr = [1, 2, 3, 2, 4]for循环for (let i = 0; i < arr.length; i++) { console.log(arr[i])}后来语法有所升级,到 ES5 遍历数组的 API 多了起来,其中有 forEach、every、filter等原创 2021-04-02 17:45:31 · 100 阅读 · 0 评论 -
解析赋值
解构赋值 Desctructuring在 ES6 中新增了变量赋值的方式:解构赋值。允许按照一定模式,从数组和对象中提取值,对变量进行赋值。如果对这个概念不了解,我们可以快速展示一个小示例一睹风采:let arr = [1, 2, 3]let a = arr[0]let b = arr[1]let c = arr[2]想从数组中找出有意义的项要单独赋值给变量,在 ES6 中就可以这样写了:let [a, b, c] = [1, 2, 3]TIP解构赋值重点是在赋值,赋值的元素是要拷贝原创 2021-04-02 17:24:31 · 296 阅读 · 0 评论 -
let,const详解
LetES6 新增了let命令,用来声明变量。1. let 声明的全局变量不是全局对象window的属性这就意味着,你不可以通过 window. 变量名 的方式访问这些变量,而 var 声明的全局变量是 window 的属性,是可以通过 window. 变量名 的方式访问的。var a = 5console.log(window.a) // 5let a = 5console.log(window.a) // undefined2. 用let定义变量不允许重复声明这个很容易理解,使用原创 2021-04-02 09:13:53 · 584 阅读 · 1 评论 -
样式
1.动态样式:class <div :class="[a1,a2]">动态数组的语法</div> <div :class="{'test-1':a3}">动态对象语法</div> <div :class="obj">动态对象语法</div>data(){ return { a1: 'texr-1', a2: 'texr-2', a3: false, obj:{原创 2021-03-25 22:37:46 · 185 阅读 · 0 评论 -
pdfjs使用
1.下载地址https://mozilla.github.io/pdf.js/<div style="width: 100vw; height: 100vh"> <iframe :src="'/pdf/web/viewer.html?file=' + pdfUrl" style="width: 100vw; height: 100vh;overflow-x: hidden;" /> </div>原创 2021-02-25 14:55:28 · 127 阅读 · 0 评论 -
Vue.js中过滤器(filter)的使用
1.src目录下创建filter文件filter文件夹封装一个金额三位一个逗号分隔const Amount = num =>{ return num.replace(/\d{1,3}(?=(\d{3})+(\.\d*)?$)/g, '$&,')}export{Amount}2.main.js文件全局引入//过滤器import * as filters from './filter'//过滤器注册Object.keys(filters).forEach(key=原创 2021-02-24 11:41:40 · 191 阅读 · 0 评论 -
vue this.$route.params和this.$route.query的区别
1.this.$route.query的使用1、传参数:this.$router.push({ path: '/app', query:{ id:id, }})2、获取参数:this.$route.query.id3、在url中形式(url中带参数)http://localhost:8080/#/app?id=14、页面之间用路由跳转传参时,刷新跳转后传参的页面,数据还会显示存在2.this.$rou原创 2021-01-04 16:15:32 · 163 阅读 · 0 评论 -
sessionStorage 属性
保存数据语法:sessionStorage.setItem(“key”, “value”);读取数据语法:var lastname = sessionStorage.getItem(“key”);删除指定键的数据语法:sessionStorage.removeItem(“key”);删除所有数据:sessionStorage.clear();...原创 2021-01-04 15:13:10 · 106 阅读 · 0 评论 -
绘制飞线
解析 <path> 标签应该算是 SVG 中最为强大的标签了,各种图形都可以用他绘制。本文使用 path 标签的贝塞尔曲线 Q 指令绘制弧线。用法<path d="M30 90 Q115 139 200 90"></path> //M30 90 起点 Q115 139弧度 200 90终点path 标签常用指令:M = movetoL = linetoH = horizontal linetoV = vertical linetoC =原创 2020-12-31 18:21:58 · 259 阅读 · 0 评论 -
js退出登录,如何一次性清除所有session
localStorage、sessionStorage操作localStorage PC浏览器(永久保存)sessionStorage PC浏览器(关闭窗口就删除数据)操作保存数据 sessionStorage[key] = value保存数据 sessionStorage.setItem(key,value);获取数据 var value = sessionStorage[key];获取数据 var value = sessionStorage.getItem(key);删除数据 sess原创 2020-12-31 17:53:07 · 1153 阅读 · 0 评论 -
window.location对象详解
前端开发人员对 window.location对象应该不陌生,通过它不但可以获取当前页面的地址信息,还可以修改某些属性,实现页面跳转和刷新等。我们以一个常见的 URL 为例,看看window.location包含哪些属性和方法。window.location.href → 'https://www.jianshu.com/search?q=JS#comments' .origin → 'https://www.jianshu.com'原创 2020-12-30 17:53:20 · 161 阅读 · 0 评论 -
js获取当前位置的经纬度
JS获取当前位置经纬度以及地址信息(借用高德地图API)1.需要先引用高德api<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=0536558dc54a7700d4c1e0ad85747d32"></script> // 计算两地距离 space(lat1, lng1, lat2, lng2) { var radLat1 = lat1原创 2020-12-28 17:44:53 · 3249 阅读 · 1 评论 -
this.$set的正确使用
1.this.#set(obj, key, value)我们在项目开发的过程中,经常会遇到这种情况:为data中的某一个对象添加一个属性当我们点击按钮,为student添加一个age属性,看看视图层是否能够更新在这里我们发现虽然这个对象身上已经有了该属性,但是视图层并没有更新该数据,是什么造成的呢?由于受JavaScript的限制,vue.js不能监听对象属性的添加和删除,因为在vue组件初始化的过程中,会调用getter和setter方法,所以该属性必须是存在在data中,视图层才会响应该数据原创 2020-11-26 17:20:01 · 302 阅读 · 0 评论