- 博客(13)
- 收藏
- 关注
原创 vue2中 使用vue-particles 实现背景粒子效果
最近搭建了个后台 用vue-particles实现登录时背景有粒子效果 先看效果图。
2024-01-17 15:52:54
1085
原创 new Map()的详细介绍与用法
说明:JavaScript的对象(Object),本质上是键值对的集合(Hash结构),但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。为了解决这个问题,ES6提供了Map数据结构。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。定义: 键/值对的集合1、let mapObj = new Map();2、let mapObj = new Map([[key,value],[key,value]]); //默认带初始化参数的定义如果M
2021-11-04 12:01:02
19247
1
转载 elementui 恢复级联菜单el-cascader的默认状态
单纯改变v-model值或者清空v-model值会有下面的情况,保留了上次的选择路径,与需求不符,所以针对这种情况做了下级联面板的重置。在官网demo基础上做修改(代码1),增加ref。新增个按钮做重置操作(代码2)// 代码1 <div class="block"> <span class="demonstration">默认 click 触发子菜单</span> <el-cascader ref="cascader" v-mod
2021-10-14 14:16:59
2761
2
原创 时间戳格式化详细 (包括北京时间上午,中午,下午,晚上等,及星期几)
方法function FormatTimeDetail (timestamp) { if (!isNaN(timestamp)) { const TimestampToTime = (timestamp) => { const date = new Date(timestamp); // 时间戳为10位需*1000,时间戳为13位的话不需乘1000 const Y = date.getFullYear(); const M = (date.getMon
2021-09-27 17:15:50
989
转载 Object.defineProperty的作用
对象是由多个名/值对组成的无序的集合。对象中每个属性对应任意类型的值。定义对象可以使用构造函数或字面量的形式:var obj = new Object; //obj = {}obj.name = "张三"; //添加描述obj.say = function(){}; //添加行为除了以上添加属性的方式,还可以使用Object.defineProperty定义新属性或修改原有的属性。Object.defineProperty()语法:Object.defineProperty(obj,
2021-09-26 17:41:22
188
1
转载 Vue — 详解mixins混入使用
前言当我们的项目越来越大,我们会发现组件之间可能存在很多相似的功能,你在一遍又一遍的复制粘贴相同的代码段(data,method,watch、mounted等),如果我们在每个组件中去重复定义这些属性和方法会使得项目出现代码冗余并提高了维护难度,针对这种情况官方提供了Mixins特性一、什么是Mixins?mixins(混入),官方的描述是一种分发 Vue 组件中可复用功能的非常灵活的方式,mixins是一个js对象,它可以包含我们组件中script项中的任意功能选项,如data、components
2021-09-17 12:01:04
163
转载 设置及获取data-*属性的值
下面就详细介绍几种方法设置及获取data-*属性的值<div id="getId" data-id="1" data-device-id="11">获取id</div>需要获取的就是data-id 和 data-device-id的值一:getAttribute()方法const getId = document.getElementById('getId'); //getAttribute()取值属性console.log(getId.getAttribute("da
2021-09-16 12:04:27
819
原创 vue中assets与static的区别
vue中assets与static的区别相同点:资源在html中使用,都是可以的。不同点:使用assets下面的资源,在js中使用的话,路径要经过webpack中file-loader编译,路径不能直接写。assets中的文件会经过webpack打包,重新编译,推荐该方式。而static中的文件,不会经过编译。项目在经过打包后,会生成dist文件夹,static中的文件只是复制一遍而已。简单来说,static中建议放一些外部第三方,自己的放到assets,别人的放到static中。注意:如果把图片放
2021-06-25 17:25:20
2037
1
转载 vue+element-ui中button点击后不恢复原样
在做项目时碰到点击element的button后不恢复原样before: after: button的颜色并没有恢复,强逼症解决办法<div> <el-button type="primary" icon="el-icon-download" size="mini" @click="handleClick"> 月度报表导出 </el-button></div>handleClick(event) { // 点
2021-06-22 16:51:04
4777
6
转载 溢出滚动并去掉滚动条兼容火狐各浏览器
溢出滚动:overflow:scroll;去掉滚动条:使用伪类选择器 ::-webkit-scrollbar ,兼容chrome和safari浏览器.cc::-webkit-scrollbar{display: none;}兼容火狐.cc {scrollbar-width: none;}兼容IE10+.cc {-ms-overflow-style: none;}
2020-05-09 11:41:47
465
原创 对axios的二次封装
import axios from "axios";let request = axios.create()// 添加请求拦截器axios.interceptors.request.use(function (config) { // 在发送请求之前做些什么 return config; }, function (error) { // 对请求错误做些什么 ...
2020-05-09 11:30:59
142
转载 浏览器域名解析过程
浏览器域名解析过程在实际的DNS解析过程中,可能还不止这10个步骤,如Name Server也可能有多级,或者有一个GTM来负载均衡控制,这都有可能会影响域名解析的过程。CND内容分布网络(content delivery network)构建在现有Internet上的一种先进的流量分配网络将网站的内容发布在最接近用户的网络边缘,使用户可以就近访问资源一般是缓存静态资源负...
2020-05-09 11:29:22
827
原创 常见的解决跨域的方法
1. jsonp原理:jsonp之所以能够实现跨域资源的访问,是因为<script>标签不受浏览器同源策略的限制,使用时将src属性指定一个跨域URL,服务器在收到请求后,将数据放到指定的callback里传回来2.CORS原理:CORS(cross-origin-resource-sharing)跨域资源共享,其思想是使用自定义的HTTP头部,让浏览器域服务器进行沟通,从而...
2020-05-09 11:25:42
162
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人