Undefined,-CSDN博客

转载 requestFullscreen()全屏处理后，绝对定位下拉框不显示问题

全屏处理后，antd的Select组件不显示下拉框最近做全屏功能的时候遇到这个问题：非全屏下Select组件下拉框是正常显示的。但是在全屏处理后，Select组件不显示弹出框的下拉选项。原因：Select组件有个API：getPopupContainerAnt Design官方文档给出的用途解释为：“菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位”。同时官网也强调一个特殊情况需要注意：“如果发现下拉菜单跟随页面滚动，或者需要在其他弹层中

2021-08-30 16:40:04 2781

原创 JS-坐标对应到1080p下的转换

把非1080p的坐标对应转换为1080p系坐标例如在宽高为width * height（192*108）区域中的坐标，需要对应到1080p下：1、当前宽高对应到1080p： let arr1 = [[{x:1,y:2},{x:3,y:4}],[{x:5,y:6},{x:7,y:8}]] let newArr1 = [] arr1.map((item)=>{ let arr = [] item.map((items)=&

2021-04-23 19:39:53 435

原创 JS-时间格式转换(时分秒与秒的互相转换)

在使用elementUI的时间选择器el-time-picker与后端互传时间值时用到的时间格式转换方式1、 [“hh:mm:ss”, “hh:mm:ss”] --> [开始秒，结束秒] function timeToSeconds(t) { let hm = t.split(":").map(x => Number(x)); return hm[0] * 3600 + hm[1] * 60 + hm[2]; } fu

2021-04-23 19:12:06 2063

原创 JS-查找数组中指定值的索引下标

Array.prototype.getArrayIndex=function(obj){ for(var i=0;i<this.length;i++){ if(this[i]===obj){ return i; } } return -1; } let arr = [9,8,7,6,5] console.log(arr.getArrayInde...

2021-04-23 18:33:41 2044

转载 overflow: scroll隐藏滚动条的问题

最近用vue写wap站的时候遇到了微信打开页面滚动条无法隐藏的问题。对于隐藏滚动条，我们最常用的方法首先是：1、使用以下CSS可以隐藏滚动条：.container::-webkit-scrollbar {display:none}但是要兼容其他浏览器的话这个就不太好用了，这个适用于Chrome2、为了兼容其他的浏览器，可以用这样的方法：在滚动区域外再套一层div，给这层div设置overflow: h...

2021-04-23 18:15:03 10928 1

原创 JS获取浏览器的语言、浏览器类型和操作系统

JS获取浏览器的语言<script> var jsSrc =(navigator.language || navigator.browserLanguage).toLowerCase(); if(jsSrc.indexOf('zh') >= 0){ console.log("浏览器语言是---中文") }else if(jsSrc.indexOf('en') >= 0){ console.log("浏览器语言是--

2021-04-23 17:34:40 333

原创 ElementUI-修改表单自带验证el-form-item__error的样式

查看F12后发现是el-form-item__error类选择器控制的，但是在当前页面引用这个类选择器重写样式并不会生效。用深度作用选择器 >>>用深度作用选择器>>>就可以啦，但仅作用与css；如果是sass/less的话可能无法识别，这时需要用 /deep/ 选择器：/deep/ .el-form-item__error { }...

2021-03-26 14:37:35 5421

原创 vue-列表渲染(v-for 详细)

v-for1、数组用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是源数据数组。运行效果：为了给 Vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，需要为每项提供一个唯一 key属性。动态改变数组的值，触发视图更新：vm.newsList[0].title = "会渲染到视图中";可以通过索引的方式来动态的改变数组当中的数据，并且能够渲染到视图中，但是现在这个索引0是此数组中本

2020-09-09 23:47:05 9300

原创 vue-class与style的绑定（详细）

绑定class与style都用v-bindv-bind:class=" " ==> 简写为:class=" "这个" "字符串里边填的是对象或者数组 class = " { } / [ ] "一、class绑定1、对象对象也就是键值对 {} —> key/valuekey对应的是要绑定的class的类名，value是个布尔值，为true表示可以绑定，为false反之：渲染为：2、数组数组里放的每一项都是类名：二、style绑定1、对象也可以写一个对象让其

2020-09-07 22:53:00 238

原创 SortableJS功能强大的JS拖拽库（实现标签页拖拽）

引入1、npm$ npm install sortablejs --save2、CDN <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"></script> <scrip

2020-09-07 14:35:28 817 2

原创 vue-数据绑定(文本插值/v-bind/v-html)

插值文本数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值：但是此语法不能用在html元素的属性上，像这样是错误的：会报错，渲染为下图，显然是错误的。Attribute双大括号不能作用在 HTML attribute 上，遇到这种情况应该使用 v-bind 指令：此时会成功渲染为：简写：v-bind:href -----> :hrefv-on:click -----> @click原始 HTML若要输出真正的 HTML代码，需要使

2020-09-06 21:50:57 1873

原创 JS动画函数-任意一个元素,移动到指定的目标位置

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <style> * { margin: 0; paddin...

2020-09-06 18:50:27 1211

原创 JS实现百度搜索框

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>mm</tit...

2020-09-06 18:45:21 1110

原创 JS随机产生一个16进制的颜色值

<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>随机颜色值</title> <style> div { ...

2020-09-06 18:40:07 804

原创轻松理解let, const, var

var①变量声明提升： console.log(a); //不会报错，打印undefined var a; //如果重复声明a，也不会报错： var a;②可重复定义： var a = 10; var a = 20;//重复定义a console.log(a);//打印20③全局变量挂载到window： var a = 10; console.log(window.a);//打印10/* 声明一个全局的a，它会挂载到window上去。 window.里边有很多属性和方法，如果

2020-07-23 11:36:41 130

原创 ES6-babel工具本地使用方法

Babel 是一个 JavaScript 编译器，简单来说是将 ES6 新语法转换为 ES5，让低端运行环境(浏览器和 node )能够认识并执行。在线babel工具：https://babeljs.io --这个是个国外的网站https://www.babeljs.cn --这个是中文的网站npm本地下载babel工具babel安装babel是通过npm安装的，npm是随同node一起安装的包管理工具，所以先要安装node.js。新版的node已经集成了npm，安装好node后

2020-07-22 19:51:35 404

转载 Node.js安装及环境配置

node.js安装一、安装步骤下载对应你系统的Node.js版本:https://nodejs.org/en/download/ 选安装目录进行安装（这里可以自定义安装位置）环境变量配置以及测试二、具体过程1.下载软件，我下载的是.msi文件，需要安装，一直next就可以了，如果需要更改安装位置的话，可以自己更改；如果下载...

2020-07-17 18:56:53 166

原创 MVVM与MVC的区别和联系(+Vue基本代码与MVVM之间的对应关系)

MVCMVC 是后端的分层开发概念；全名是Model View Controller，是模型(model)－视图(view)控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码。M(Model模型) 数据层，负责操作数据库，进行数据的CRUDV(view视图) 视图层，每当用户操作了界面，就需要进行业务的处理，都会通过网络请求，去请求后端的服务器C(Controller控制器) 业务逻辑层在MVC模型里，Model不依赖于View，但是 V

2020-07-16 12:03:46 782

原创 Android Studio 连接真机使用USB调试

先用数据线把手机连接到电脑上在手机设置中，寻找开发者选项。注意从Android4.2系统开始，开发者选项默认是隐藏的，你需要先进入到“设置 — 系统 — 关于手机”，点击进入，然后对着“版本号”那一栏连续点击，系统就会提示“您现在处于开发者模式”。然后返回设置进入“开发人员选项”，再找到并勾选“USB调试”和“仅充电模式下允许ADB调试”。然后返回设置中找到“安全…”，点击进入，...

2020-05-07 20:18:35 1258

原创 JS-绑定事件的三种方法(+兼容代码)

绑定事件的三种方法ele.onxxx = function (event) {}obj.addEventListener(事件类型, 处理函数, false);obj.attachEvent(‘on’ + 事件类型, 处理函数);ele.onxxx = function (event) {}程序this指向的是dom元素本身;** 解除：ele.onxxx = false / ‘’...

2020-04-22 20:18:30 366

原创 JS-元素创建的三种方式(+动态创建列表的例子)

元素创建的三种方式:document.write(“标签的代码及内容”);对象.innerHTML=“标签的代码及内容”;document.createElement(“标签的名字”);<body> <input type="button" value="创建一个p标签" id="btn"> <script> doc...

2020-04-22 13:04:33 935

原创 JS-节点的属性 & 获取各种节点(全)

文档：document元素：页面中所有的标签。元素—element（标签—元素—对象）节点：页面中所有的内容（包括标签、属性、文本(文字、换行、空格、回车)。节点—Node根元素:html标签也就是说节点的范围大于元素，节点中含元素。节点的属性:节点的属性可以使用元素.出来；可以使用属性节点.出来；文本节点.点出来。nodeType：节点的类型：标签节点–1、属性节点–2、文本...

2020-04-21 21:55:05 4247

原创 JS-innerText与textContent、innerHTML的区别

innerText与innerHTML两者都是可以设置文本内容的。innerText主要是设置文本内容的，如果设置标签内容是没有标签效果的。innerHTML主要的作用是在标签中设置新的html标签内容，是有标签效果的。用效果看下两者设置时区别：//使用innerText<style> div { width: 200px; heigh...

2020-04-20 10:00:43 532

原创 TCP的三次握手&四次挥手(图)

TCP作为传输层一个复杂的协议，它所有的控制，比如说可靠性传输、流量控制、拥塞控制都是建立在连接的基础之上。而连接的管理包括连接的建立和连接的释放，也是通过TCP的报文传输来完成的。更具体的讲，是通过TCP首部当中的各个字段来实现连接的建立和释放的。首先来看一下TCP连接的建立：TCP是面向连接的协议。传输连接有三个阶段：① 连接建立② 数据传送（建立连接成功之后，进行数据的双向传...

2020-04-16 13:16:57 2653

原创 JS-包装类(基本包装类型)

原始值指的是没有属性或方法的值；原始值是一成不变的(它们是硬编码的，因此不能改变)。原始数据类型指的是拥有原始值的数据；!!原始值与引用值两大区别：(理解原始值&引用值请移步前几章博客~)存储地址不一样；原始值不能有属性和方法。js定义了5种原始数据类型：string, number, boolean, null, undefined；后两个不能有属性(会报错)。而stri...

2020-04-11 16:00:32 833

原创 JS-查找字符串中每个字符出现的次数 & 查找字符串中指定字符出现的所有位置

查找字符串中每个字符出现的次数var str = "xiaobaibai"; //第一步:把所有的字母全部变成小写 str = str.toLocaleLowerCase(); //第二步:创建一个空对象(目的:把字母作为键,次数作为值) var obj = {}; //第三步:遍历字符串,获取每个字母 for (var i = 0; i < ...

2020-04-10 17:32:55 3679

原创 JS-创建对象的三种方式(+new执行时的隐式4步)

JavaScript创建对象的三种方式：调用系统的构造函数创建对象：系统自带的构造函数 Object()，var 变量名= new Object();var obj = new Object();//创建对象//对象有属性和方法//添加属性：对象.属性名=值;obj.name = "小小";obj.age = 18;obj.sex = "女";//添加方法：对象.属性名=函...

2020-04-09 20:43:47 842

原创解决XAMPP中端口占用问题

启动(start)Apache如下图报错启动不了：方法1）通过Netstat查看Apache：80，443端口占用情况：看好对应的端口号port和PID，然后启动(ctrl+alt+delete)任务管理器，找到“服务”下对应PID，结束其进程：然后再此启动(start)，如图显示就可以喽。如果可以启动的话，默认访问地址：http://localhost/dashboard...

2020-04-07 21:55:43 2154

原创 JS-类型转换(+详细parseInt())

1. 转换成字符串类型toString()对象都有toString()方法，undefined和null没有toString()方法，两者都没有原型也不是对象。var num = 123;console.log(num.toString());//打印"123"/*但是：*123.toString();会报语法错误。*这个点(.)在对象里是调用方法；但在数学运算里(.)的优先级是...

2020-04-05 20:56:14 336

原创 JS-数据类型(+理解原始值&引用值)

JavaScript的数据类型分为两类：原始类型和对象类型。原始类型包括：number，string，boolean，underfine，null通常也叫基本数据类型，这些原始值是不可更改的，原始值的比较是值的比较：只有在它们的值相等时它们才相等。原始值存储在栈中(栈数据)：栈内存和栈内存之间的赋值是拷贝，不在一块内存，互不影响。var a = 111 ;var b = a ;/...

2020-04-05 12:59:55 393

原创 JS-预编译(预解析)四部曲

JavaScript是解释性语言：解释一行，执行一行。JS运行三部曲：词法分析：虽然JS是解释一行执行一行，但在解释执行之前会首先通篇扫描一遍查看有没有低级语法错误。预编译：发生在代码执行的前一刻。解释执行：开始执行代码，解释一行执行一行。预编译初始：...

2020-04-03 14:29:46 1410 1

meng的博客