学习
舔舐岁月伤口
大自然的搬运工。
展开
-
Vue技术进阶
1.深层选择器有时,你需要修改第三方组件的CSS,如果您希望scoped样式选择器是“较深的”,即影响子组件,则可以使用>>>组合器:<style scoped>.a >>> .b { /* ... */ }</style>一些预处理器(例如Sass)可能无法>>>正确解析。在这些情况下,您可以改用/deep/或::v-deep组合器-两者都是它们的别名,>>>并且工作原理完全相同。<styl原创 2020-08-20 14:08:56 · 174 阅读 · 0 评论 -
css优惠卷样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>内圆角</tit原创 2020-08-19 17:11:42 · 256 阅读 · 0 评论 -
iframe标签使用之Vue事件触发传值
首先先介绍一下 ififrame 传递消息的关键方法 postMessagepostMessage的使用一、简介postMessage()方法允许来自不同源的脚本采用异步方式进行有限的通信,可以实现跨文本档、多窗口、跨域消息传递postMessage(data,origin)方法接受两个参数:data :要传递的数据,html5规范中提到该参数可以是JavaScript的任意基本类型或可复制的对象,然而并不是所有浏览器都做到了这点儿,部分浏览器只能处理字符串参数,所以我们在传递参数的时候需要使原创 2020-08-18 14:03:10 · 2258 阅读 · 0 评论 -
介绍reduce
reduce用法详解reduce() 方法接收一个函数作为累加器,reduce为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,接受四个参数:初始值(上一次回调的返回值),当前元素值,当前索引,原数组语法: arr.reduce(callback, [initialValue])callback: 函数中包含四个参数- previousValue (上一次调用回调返回的值,或者是提供的初始值 ( initialValue))- currentValue (数组中当前被原创 2020-08-14 14:58:13 · 473 阅读 · 0 评论 -
vue-cli解析
前言这篇文章的主题是vue-cli的理解。或许,很多人在开发vue的时候,我们会发现一个问题——只会去用,而不明白它的里面的东西。现在的框架可以说是足够的优秀,让开发者不用为搭建开发环境而烦恼。但是有时候,我们还是得回到原始生活体验一下,才能够让自己更上层楼,希望大家共勉。正文首先,我们来说一下安装的东西吧!处于有头有尾的目的,还是几句话草草了事。步骤如下:安装vue-clinpm install vue-cli -g以webpack模版安装目录vue init webapck webpac转载 2020-08-13 13:39:40 · 407 阅读 · 0 评论 -
websocket的简单使用
1、maven项目,第一步需要配置jar包<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-websocket</artifactId></dependency>2、前台使用var websocket = null;//判断当前浏览器是否支持WebSocketif('WebSocke翻译 2020-08-11 10:16:08 · 227 阅读 · 0 评论 -
javaScript 利用迭代器实现 数组扁平化
转载网上大佬 function *flatten(arr) { for (const item of arr) { if (Array.isArray(item)) { yield *flatten(item); } else { yield item; } } } const result = [...flatten([1,2,[3,原创 2020-08-07 17:55:10 · 237 阅读 · 0 评论 -
检测数组中出现最多次数的元素及次数
检测数组中出现最多次数的元素及次数有个Bug,如果刚好有两个或者两个以上的最多次数,这个只能找到第一次的 let arr1 = [1,2,2,3,4,5,6,6,7,7,7,7,7,7,7]; let arr2 = [1,2,2,2,3,3,4,7,7,4,3,3,1]; function getMaxAmount(data){ let obj = {}; data.forEach(val => { obj[val原创 2020-08-07 17:37:17 · 828 阅读 · 0 评论 -
深拷贝和浅拷贝之 Immutable
深拷贝是拷贝数据的值, 浅拷贝是拷贝数据的地址.值传递和引用传递.值传递: var a = 10; var b = a; b += 20 ; console.log(a,b) // 10 30引用传递: var arr = [10,20,30,40]; var newArr = arr; newArr[0] = 100; console.log(arr,newArr) ...原创 2020-03-25 18:57:00 · 452 阅读 · 0 评论 -
Vue之axios 请求拦截 封装
utils >request.jsimport axios from 'axios';import { MessageBox, Message } from 'element-ui';import store from '@/store';import { getToken } from '@/utils/auth';// 创建一个 axios 实例const service = axios.create({ baseURL: process.env.VUE_APP_BASE_AP原创 2020-08-04 10:34:10 · 310 阅读 · 0 评论 -
Krpano 全景图简单制作
全景图制作图片要求 宽是高的2倍图航拍图 地埋图主思路添加热点主界面的场景跳转主界面与子界面间的跳转VTour Editor 操作:load tour.xml # 加载文件 tour.xmlSet as startup view # 设置为启动试图Add hotspot # 添加热点Edit hotspot # 编辑热点Edit tour.xml # 编辑 tour.xmlSave tour.xml # 保存 tour.xm原创 2020-08-04 10:32:36 · 1125 阅读 · 0 评论 -
JavaScript常用数组操作方法,包含ES6方法
1. concat()concat()方法用于连接两个或多个数组。该方法不会改变现有的数组,仅会返回被连接数组的一个副本var arr1 = [1,2,3];var arr2 = [4,5];var arr3 = arr1.concat(arr2);console.log(arr1); // [1,2,3]console.log(arr3); // [1,2,3,4,5]2. join()join()方法用于把数组中所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的,默认使用’,'号转载 2020-08-04 10:29:45 · 333 阅读 · 0 评论 -
element-ui上传图片小demo
以后再具体编辑文字。。。功能上传标题上传简单文本上传图片查询图片 图片回显等上传图片,需要转成base64格式图片回显,返回的图片url是一个字符串,如果是多张记得截取一下,存到一个数组里:file-list="fileList" ,返回的图片path 记得拼接端口号哦 ! https... + path下面是代码<!DOCTYPE html><html lang="en"><head> <meta c原创 2020-07-30 17:29:37 · 522 阅读 · 0 评论