js
南玖i
这个作者很懒,什么都没留下…
展开
-
把日期转换成时间戳!!很简单
把日期转换成时间戳原创 2022-07-21 16:24:13 · 1398 阅读 · 0 评论 -
登录路由守卫
登录配置路由守卫原创 2022-07-01 13:58:04 · 308 阅读 · 0 评论 -
vue前端实现导出,文字居中可修改样式哦(宽高等)如此简单~~
1.安装依赖npm install --save xlsx file-savernpm install --save xlsx-style2.哪个页面使用哪个页面引入import FileSaver from "file-saver";import XLSX2 from "xlsx";import XLSX from "xlsx-style";3.效果图(可以实现多表头,也可以实现单行表头)4.页面表格需要有id(element iview都可以) <T转载 2022-04-11 17:40:49 · 1788 阅读 · 2 评论 -
Day.js :一个轻量的处理时间和日期的 JavaScript 库 超级简单~
github地址安装NPM:npm install dayjs --saveimport dayjs from 'dayjs'// 或者 CommonJS// var dayjs = require('dayjs');dayjs().format();CDN:<!-- 最新的压缩后的 JavaScript 文件 --><script src="https://unpkg.com/dayjs"></script><sc...转载 2022-04-08 13:47:21 · 834 阅读 · 0 评论 -
动态给数组和对象添加键值对
js给数组内的每一个对象添加一个属性//给数组的每项添加相同的对象const arr = [ { arr1: 1, arr2: 2 }, { arr1: 3, arr2: 4 }, { arr1: 5, arr2: 6 }, { arr1: 7, arr2: 8 } ] for (const i in arr) { arr[i].arr3 = '5' } console.log(arr)//给数原创 2022-01-04 17:33:02 · 3393 阅读 · 0 评论 -
JS基本数据类型和引用数据类型的区别
常见五中基本数据类型:Undifined Null Boolean Number String Symbol(ES6)这些类型可以直接操作保存在变量中的实际值。引用数据类型:Object array function data区别:基本类型值指的是简单的数据段;引用类型值指由多个值构成的对象。基本数据类型(存放在栈中):基本数据类型是指存放在栈中的简单数据段,数据大小确定,内存大小可以分配,他们是直接按值存放的,所以可以直接按值访问 const a =...原创 2021-07-15 16:25:15 · 173 阅读 · 0 评论 -
vue清空页面所有数据,this.$options.data()重置组件data
我们写页面的时候会遇到data中有很多数据,如果单独清空某个数组或者对象的话this.array = [] //数组清空方式for(let i in object){ object[i] = '' //清空对象的方式}那么如果要重置组件data内部的所有数据呢,一个一个清除很麻烦,可以使用下面这种方式Object.assign(this.$data, this.$options.data();如果你再data中获取了router的传值:this.$route.原创 2021-12-01 17:50:19 · 5313 阅读 · 0 评论 -
vue+sj实现页面div拖动
<template > <div> <div id="div" @mousedown="move"> </div> </div></template><script>export default { methods:{ move(e){ //e.target 获取当前元素 let oDiv = e.target; console.log('oD.原创 2021-11-02 10:30:18 · 121 阅读 · 0 评论 -
后台给出src地址,前台进行转换encodeURIComponent() 函数
定义和用法encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。该方法不会对 ASCII 字母和数字进行编码,也不会对这些 ASCII 标点符号进行编码: - _ . ! ~ * ' ( ) 。其他字符(比如 :;/?:@&=+$,# 这些用于分隔 URI 组件的标点符号),都是由一个或多个十六进制的转义序列替换的。语法encodeURIComponent(URL)例子<script>var uri="http://w3c原创 2021-10-19 15:12:53 · 301 阅读 · 0 评论 -
element文本域 type=“textarea“ 如何实现高度自适应
element默认的本文域设置最大高度之后超出显示滚动条,但是我们有一些情况下不需要显示滚动条,下面写一下vue2版本的解决办法,稍后出vue3(vue3下也可以使用vue2的写法)首先安装jquerynpm install jquery --save哪个页面引用的话(直接引用即可)import $ from 'jquery'<template> <el-input v-model="textarea" :rows="2" ...原创 2021-10-09 15:19:30 · 2822 阅读 · 0 评论 -
table表格,display:block之后,样式混乱
是因为display:none之后原本的位置是不被保存的block又是块级标签,导致出现错误新闻的内容只能占一列的宽度当将display:table,问题解决如果没有效果那么,改成display:table-row,原创 2021-09-07 15:50:28 · 869 阅读 · 0 评论 -
vue中http地址img无法显示问题
<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic3.16pic.com%2F00%2F34%2F99%2F16pic_3499409_b.jpg&refer=http%3A%2F%2Fpic3.16pic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1632538892&t=2e.原创 2021-08-26 12:01:30 · 2423 阅读 · 1 评论 -
前端JavaScript的继承方式及其优缺点汇总
第一种原型链方式 function Parent(){ this.name = 'web前端'; this.type = ['JS','HTML','CSS']; } Parent.prototype.Say=function(){ console.log(this.type); } function Son(){}; Son.prototype = new Parent(); son1 = new Son(); son1.Say转载 2021-07-13 14:44:21 · 136 阅读 · 1 评论 -
v-model之到底属于观察者模式还是订阅者模式
说到双向数据绑定,就先用js来实现一个绑定<!DOCTYPE html><html><head> <meta charset="utf-8"></head><body> <div id="myapp"> <input v-model="message"/><br> <span v-bind="message"></spa.原创 2021-07-10 15:15:48 · 288 阅读 · 1 评论 -
前端基础算法
1.1冒泡排序(Bubble Sort)比较相邻的元素。如果第一个比第二个大,就交换它们两个; 对每一对相邻元素作同样的工作,从开始第一对到结尾的最后一对,这样在最后的元素应该会是最大的数; 针对所有的元素重复以上的步骤,除了最后一个; 重复步骤1~3,直到排序完成。1.2 动图演示1.3 代码实现 console.log(sortord([1, 5, 4, 1, 2, 5, 4, 1, 2, 6, 9])) function sortord(arr) { for..原创 2021-07-08 20:17:27 · 194 阅读 · 0 评论 -
JS的几种简单设计模式
一、单例模式我们都知道一个构造函数可以使用 new 关键字来创造出若干的实例。并且每个实例都是不相同的。都是不同的地址,比较两个生成的实例时比较的是存储地址,因此每个实例都有不同的存储空间,两者比较值为false。 function Person(){ this.name='小明' } var p1=new Person() var p2=new Person() console.log(p1==原创 2021-07-08 16:39:56 · 128 阅读 · 0 评论