overforget-CSDN博客

原创 element-plus 上传组件

【代码】element-plus 上传组件。

2024-03-12 09:27:26 380

map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组[].map(function(value, index, array) { ... });第一个参数，数组中当前被传递的元素第二个参数，数组中当前被传递的元素的索引第三个参数，调用 map 方法的数组1.得到新的数据var data = [1, 2, 3, 4]; var arrayOfSquares = data.map(function (item) { return item * i

2021-05-19 16:42:57 158

原创 ES6-set

1.利用set去重var set = new Set([1, 2, 3, 4, 4,2,1]); // [...set] console.log(set) //Set(4) console.log(typeof set); // Object console.log([...set])//扩展运算符 // [1, 2, 3, 4]2.遍历方法let set = new Set(['red', 'green', 'no']); console.log(set.keys());

2021-05-19 16:26:27 75

转载 http总结

目录 1.http 1、简单的HTTP协议 2、主要特点 http1.0的主要特点: http2.0的特点 3、HTTP之URL 4、URI和URL的区别 5、HTTP之请求消息Request 6、HTTP之响应消息Response 7、HTTP之状态码 8、COOKIE和SESSION有什么区别 10、HTTPS 2.https: 一、HTTP 和 HTTPS 的基本概念二、HTTP&...

2021-04-29 20:34:39 132

转载 es6的箭头函数与普通函数

1.箭头函数：let fun = () => { console.log('lalalala');}2.普通函数：function fun() { console.log('lalla');}箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，连{ … }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ … }和return。3.箭头函数是匿名函数，不能作为构造函数，不能使用newlet FunConstruc

2021-04-25 20:32:59 242

原创 uni-app-开发碰到的各种问题(1)

问题描述：1.uni-app原生组件textarea出现安卓输入文字时，点击弹窗看到输入文字层级比弹窗高2.input原生组件placehoder在安卓上出现重叠现象代码：<view class="box-input-bottom"> <textarea maxlength="100" class="area-text" v-show="androidFlag" rows="6" placeholder="请输入" @.

2020-10-16 13:45:23 432

原创 margin-top塌陷问题的现象与解决的具体方法

什么是margin-top塌陷margin-top塌陷是在CSS的盒子模型中出现的一种现象，描述的是当父元素包裹着一个子元素的时候，当给子元素设置margin-top属性时，此时只是想让子元素的边框距离父元素边框有一段距离，而却出现了父元素的顶端距离body这个边框出现了位移，这就是margin-top塌陷的现象。怎么解决margin-top塌陷对于margin-top的塌陷问题，可以从以下几点去解决，亲测有效：1.给父元素增加边框为了不影响原先的图像效果，可以将边框颜色设置为白色（与浏

2020-09-01 14:21:00 665

转载 JavaScript请实现，最多允许同时发三个ajax请求，有100个请求要发送。

版本一： const pipRequest = (idsarr, callback) => { const start = Date.now(); const len = idsarr.length; const result = []; // 结果集 ...

2020-08-08 17:46:49 1589

转载 JS Array.from() 将类数组转成数组

Array.from() 方法从一个类似数组或可迭代对象中创建一个新的数组实例。const bar = ["a", "b", "c"];Array.from(bar);// ["a", "b", "c"] Array.from('foo');// ["f", "o", "o"]语法Array.from(

2018-10-29 11:40:58 1937

转载 nodejs npm包管理常用命令介绍

1、输入 npm config ls -l 可以查看当前的设置 2、针对某一项设置，可以通过下面方式：npm config set 属性名属性值eg：npm config set prefix "C:\123\" 3、读取某一项配置，可以通过下面方式：npm config get 属性名eg：npm config get prefix 4、npm的...

2018-10-16 10:42:08 228

原创并行计算--主页--项目

后台系统（Vue）1.首先考虑的是布局方式能否实现项目的需求，一般要求全屏布局，这个时候布局方式分为左侧一栏固定，右侧自适应屏幕，或者左右两侧固定布局，中间部分自适应，考虑到用户会把浏览器缩小，此时你的布局尽可能采用百分比方式写样式，calc是css3的函数，看情况采用，下面的项目会采用，我会举例说明。2.本次项目用了Vue-cli，因此组件重复利用是必须考虑的，主页面的路由跳转和交互切换...

2018-09-01 16:57:35 278

原创 element ui 表格动态用法--项目列子

<template> <div class="circuit"> <div class="circuitTitle"> <p>&nbsp;<img src="../../static/img/cilcro.png">&nbsp;电路列表</

2018-08-28 20:00:49 1481

原创 Vue多选--

2018-08-28 19:47:29 789

原创 css 居中总结

居中是什么居中故名思意就是将物体放置在其容器的中间，在css中居中就是指元素、文本、图片等相对其容器或父元素或浏览器窗口能够居中显示。而根据显示方式的不同，又分为水平居中，垂直居中，水平垂直居中。下面就分情况对居中进行讨论。水平居中水平居中我们常见的一种解决方案就是设置text-align:center，然而我们会发现这种方式有时候有效，有时候却没有效果。这是因为我们在使用相关方法的时...

2018-08-24 10:29:24 199

转载简单谈谈JS数组中的indexOf方法

前言相信说到 indexOf 大家并不陌生，判断字符串是否包涵子字符串时特别常用，正则不熟练同学的利器。这篇文章就最近遇到的一个问题，用实例再说说说indexOf方法。本文是小知识点积累，不作为深入讨论的话题，因此这里没有解释indexOf()的第二个参数，相信大家都知道第二个参数的作用。String 类型的使用温习一下大家熟知的字符串用法，举个?12345let str = 'orange'; ...

2018-07-11 20:44:12 348

原创 vue中子组件调用兄弟组件方法

开发中遇到子组件需要调用兄弟组件中的方法，如下写个小demo记录下心得，如果你有好的方法，请到评论区域指教父组件示例代码：组件功能解析：通过$emit获取子组件事件，通过$ref调用子组件中事件，实现子组件二的click事件调用兄弟组件一中的事件?123456789101112131415161718192021222324252627282930313233343536373839<t...

2018-07-10 16:38:54 10381 2

转载 JS中判断对象是不是数组的方法

JavaScript中检测对象的方法 1.typeof操作符这种方法对于一些常用的类型来说那算是毫无压力，比如Function、String、Number、Undefined等，但是要是检测Array的对象就不起作用了。利用typeof除了array和null判断为object外，其他的都可以正常判断alert(typeof null); // "object"alert(typeof fu...

2018-07-10 16:36:10 311

转载 vue组件之间的通信以及如何在父组件中调用子组件的方法和属性

在Vue中组件实例之间的作用域是孤立的，以为不能直接在子组件上引用父组件的数据，同时父组件也不能直接使用子组件的数据一、父组件利用props往子组件传输数据父组件：<div> <child v-bind:my-message="parentMsg"></child>//注意传递参数时要用—代替驼峰命名，HTML不区分大小写</div>子组件：V...

2018-07-10 16:34:59 147

转载面试精选之Promise

常见Promise面试题我们看一些 Promise 的常见面试问法，由浅至深。1、了解 Promise 吗？2、Promise 解决的痛点是什么？3、Promise 解决的痛点还有其他方法可以解决吗？如果有，请列举。4、Promise 如何使用？5、Promise 常用的方法，方法的作用？6、Promise 在事件循环中的执行过程是怎样的？7、Promise 的业界实现都有哪些？8、能不能手写一个...

2018-06-27 09:37:02 1173 1

转载 JS中typeof与instanceof的区别

版权为：点击打开链接JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空，或者是什么类型的。但它们之间还是有区别的：typeoftypeof 是一个一元运算，放在一个运算数之前，运算数可以是任意类型。它返回值是一个字符串，该字符串说明运算数的类型。（typeof 运算符返回一个用来表示表达式的数据类型的字符串。）typeof其实就是判断参数是什么类型的实例...

2018-06-06 20:51:17 202

转载 js中事件绑定3种方法以及事件委托

事件绑定首先，我先来介绍我们平时绑定事件的三种方法。 1.嵌入dom<button onclick="open()">按钮</button><script>function open(){ alert(1)}</script>12345672.直接绑定<button id="btn">按钮</but

2018-06-02 18:18:35 1278

转载 2018最新Web前端经典面试试题及答案

javascript: JavaScript中如何检测一个变量是一个String类型？请写出函数实现typeof(obj) === "string"typeof obj === "string"obj.constructor === String请用js去除字符串空格？方法一：使用replace正则匹配的方法去除所有空格: str = str.replace(/\s*/g,""); ...

2018-06-02 18:15:39 411

原创如何实现浏览器内多个标签页之间的通信?

本题主要考察数据存储的知识，数据存储有本地和服务器存储两种方式，对于前端开发来讲，只需要讲解用本地存储的方式来解决就好。当然也能知道服务器端的方式更好。本题的难易程度一般，只要能够说出思路就可以，至少说两种解决方法。解题方法方法一：使用localStorage使用localStorage.setItem(key,value);添加内容使用storage事件监听添加、修改、删除的动作 [ja...

2018-06-02 17:13:57 1944

原创 js中这个函数eval（）对json数据有什么用？

对于服务器返回的JSON字符串，如果jquery异步请求没做类型说明，或者以字符串方式接受，那么需要做一次对象化处理，方式不是太麻烦，就是将该字符串放于eval()中执行一次。这种方式也适合以普通javascipt方式获取json对象，以下举例说明：var dataObj=eval("("+data+")");//转换为json对象为什么要 eval这里要添加 “("("+data+")");//...

2018-06-02 17:08:31 2693

转载 js中cookie的使用详细分析

JavaScript中的另一个机制：cookie，则可以达到真正全局变量的要求。 cookie是浏览器提供的一种机制，它将document 对象的cookie属性提供给JavaScript。可以由JavaScript对其进行控制，而并不是JavaScript本身的性质。 cookie概述在上一节，曾经利用一个不变的框架来存储购物栏数据，而商品显示页面是不断变化的，尽管这样能达到一个模拟全局变...

2018-06-02 16:15:41 177

转载 Web前端面试指导：谈谈浏览器的兼容性

题目点评这个问题是非常抽象的，越是抽象的问题越能表现出我们的表达能力，而面试官就喜欢根据你的回答来追问，不断地打断你的思路，这个时候不要慌，一定要坚信自己。回答思路我们在开发的时候会明确项目要兼容哪些浏览器的最低版本，我之前的项目要求兼容IE8.0以上的版本，Chrome 48以上，FireFox 44以上。有了这些最基本的要求，在开发中就是要考虑到CSS样式和JavaScript的在这些浏览器的...

2018-06-02 14:55:33 10105 6

原创前端面试数组处理

1.push和popvar arr = [1,2,3,4]; console.log(arr); console.log(arr.push(6));//返回的是数组的长度 5 console.log(arr); //[1,2,3,4,6] var arr1=[1,2,3,4,10]; console.log(arr1); ...

2018-06-02 14:52:51 844

转载 jQuery中this与$(this)的区别总结

jQuery中this与$(this)的区别总结2016年07月19日 22:02:40阅读数：5433这里就谈谈this与$(this)的区别。1、jQuery中this与$(this)的区别 $("#textbox").hover( function() { this.title = "Test"; }, f...

2018-06-02 11:17:07 139

转载 js的match 方法

match 方法使用正则表达式模式对字符串执行查找，并将包含查找的结果作为数组返回。stringObj.match(rgExp)参数stringObj必选项。对其进行查找的 String 对象或字符串文字。rgExp必选项。为包含正则表达式模式和可用标志的正则表达式对象。也可以是包含正则表达式模式和可用标志的变量名或字符串文字。说明如果 match 方法没有找到匹配，返回 null。如果找到匹配返...

2018-06-02 11:15:55 5077

原创面试题目总结

1.charAt字符串操作方式和用法： var str="web前端"; console.log("字符串的长度："+str.length);//5 console.log("字符串里边某一个字符："+str.charAt(2));//b console.log("字符串的编码："+str.charCodeAt(1));//21069 314...

2018-06-02 10:33:06 163

weixin_42367621的博客