tongtongtheBEST-CSDN博客

原创 antd@1.7.8.js:74448 Warning: [antdv: DatePicker] `value` provides invalidate moment time. If you wan

记录antd-vue的range-picker组件的报错解决方法：直接加上这个属性valueFormat="YYYY-MM-DD"a-range-picker( v-model="range" valueFormat="YYYY-MM-DD" // 具体的格式化格式根据自己的来)

2022-03-02 11:59:19 332

原创前端压缩下载工具Jszip使用中遇到的问题

记录一下让我找了几个小时，最终却只改了一行代码的bug（大哭）场景是获取到数组文件，循环这个数组，使用zip.file()向zip压入文件。循环正常执行，但是最终在压缩包里只看到一个文件，打印console.log(zip)，查看zip对象也只看到一个文件。后面发现是我这些文件名的filename重了，导致后面一个覆盖了前面一个，最终就只剩一个文件了。代码就不演示了，如果有小伙伴有相同问题的话，建议查看下文件名哦！...

2021-12-03 10:57:29 1066 1

原创为什么vue项目打包后文件名没有hash值？

前言关于这个问题，可能我给出的答案不是通用的，因为是我个人在项目中遇到的问题，而且还有可能几乎没人遇到！在网上也查了好久的答案，笑死，根本查不到！原因众所周知，在vue.config.js文件中有这么一行代码NODE_ENV='production'在恩人同事的帮助下，打印NODE_ENV，竟然是好家伙，看到这行路径瞬间想起来我配置的node环境变量对，就是这个缠人的重名，导致我的NODE_ENV永远等于不了production这个问题一直存在了好久，延续了几个月，但是我从来没想

2021-03-04 12:19:16 1566 4

原创 nodeJS模块化开发 -- 内置模块的使用步骤（详细版）

既然是内置模块，无需下载，直接引入即可1、http服务器模块// 1、引入服务器模块let http = require("http"); // 2、创建服务：createServer((req, res) => {}) // 参数1：req：接收头信息，前端发送过来的数据 // 参数2：res：发送头信息，后台发送给前端的数据http.createServer((req, res) => { // 过滤不想接收的路径 if (req.url != "/f.

2020-08-29 21:31:59 429

原创 JQuery -- 手把手教你使用jQuery开发插件

1、前言虽然开发插件听着很高大上，但实际上只不过是一个功能的封装而已，实现的原理也异常简单，难的是参数的处理及功能的实现。对于参数，要尽可能多的考虑到哪些要素要处理成参数。接下来会先讲解插件的实现原理，然后介绍一下jq中插件的开发流程，最后展示一个小插件来帮助大家理解。2、jq插件原理开发jq插件的核心：$.extend() — 将自定义函数或属性，绑定到jQuery对象身上$.fn.extend() — 将自定义函数或属性，绑定到jQuery的DOM对象身上【注】在jQuery中

2020-08-23 14:56:56 544 1

原创原生JS -- 深度解读promise

1、概念Promise作为一个单词，有承诺、许诺的意思。那我说其实作为一个程序它也是这个意思。此话怎讲？先让我们回到生活，比如我现在做出一个承诺，过几天我这篇文章的访问量会上1k。那么过几天，势必会出现两个结果之一：1、上1k了，我的承诺实现了；2、没有1k，我的承诺失败了。对于程序Promise，它也是如此，在你创建之时，它就许下了一个承诺，在将来它会出现两个结果之一，要么失败要么成功（就像几天后我博客的访问量，不可能上了1k又没上1k）。这就对应着Promise的三种状态，分别是penddin

2020-08-16 17:16:32 943

原创原生JS -- 带你深入理解‘JS实现继承‘的8种方式

1、概念让某一个不具备方法和属性的对象，具有另一个对象的方法和属性，这个过程叫做继承tips: 下面每种继承方式的总结很重要，注意阅读2、继承方式2.1、改变this指向2.1.1 利用对象改变this指向的继承var obj = { name: "我是obj", show: function() { console.log(this.name); }}obj.show(); // 我是objvar obj2 = { name: "我是obj2"}// 想要利用sh

2020-08-13 12:17:11 213

原创原生JS -- 关于面对对象，这篇解析得通俗易懂

引言初学者在学习面对对象时可能总是会被绕晕，也理解不了面对对象中各种概念，但是了解原型链在面对对象编程中极为重要，也意味着你能否学懂面对对象编程。下面我会结合实际案例，在讲解原型链时向大家一一解释。不知道大家是否还记得，在创建对象时，有两种创建方式。一种是字面量创建，即let arr = [2, 3, 4];，另一种是构造函数创建，通过关键字new来创建，即let arr = new Array(2, 3, 4);。那这里我们先说一下new的原理：...

2020-08-05 15:53:08 1615

原创原生JS -- ES5新增数组的方法详解

引言ES5之前版本的数组的方法，如，push()、slice()、concat()、sort()等，相信大家不陌生，使用简单，容易理解，但是功能也有限，玩不出花样。下面给大家详细介绍的ES5新增数组的方法，我们主要从功能、参数、返回值、是否改变原数据四个方面来展开，有效帮助大家理解、记忆并使用。1、indexOf()1、功能：根据指定数据，从左向右查询数据，查询索引2、参数： * 一个：表示要查询的数据 * 两个：第一个表示要查询的数据，第2个表示查找的起始位置(包括)3、返

2020-08-01 22:30:24 304 1

原创原生JS -- 函数(function)最全分类及其使用场景

声明：每个人对函数分类的定义不一样，所以这个分类并不是固定的。此篇文章中，笔者只按照自己的理解进行分类哈！1、有名函数即普通函数、正常函数，“名”指的是函数名。声明式和赋值式创建的函数都属于有名函数执行方式：函数名 | 变量名()// 声明式创建函数function f1(){ console.log("welcome to my blog");}// 声明式创建函数的执行f1(); // welcome to my blog// 赋值式创建函数var f2 = functio

2020-07-19 01:16:01 1756 1

原创原生JS -- 数据的深浅拷贝

1、引言想要知道数据深浅拷贝的原理，那一定要知道它们存储的方式。在这里我们先简单介绍一下不同数据类型的存储方式。

2020-07-12 11:46:43 800 1

原创原生JS -- 编译与执行

JS在执行代码时，会先编译，再执行。所谓编译，即通读全文，找到var和function，做出对应提升；执行时，按照逻辑，结构正常执行。下面给大家介绍几种提升的情况。1、变量的提升找到所有的var关键字，把var的声明，提升到的作用域最开始的位置。var声明的变量会提升但赋值会在原本位置 console.log(a); // undefined var a = 10; console.log(a); // 10 '↑↑↑↑等价于↓↓↓↓'

2020-07-05 13:17:05 1608

原创原生JS -- 三大特殊数据类型

1、NaN概念：非法的数值运算得到的结果特殊点：是一个数值型的数据，但不是一个数字NaN不等于任何值(包括它本身)，和任何数据都不相等 console.log(typeof NaN); // number console.log(NaN == NaN); // false【注】计算机认为每一个NaN都是非法运算的结果，每一个NaN的来源都不一样，所以不相等。检测方法：isNaN()隐式类型转换，将数据转成数值，严格转换，能识别小数点 console.log(isNa

2020-07-04 23:44:34 353

原创原生JS -- 隐式类型转换的场景

场景一、算术运算符规则：+ 号两边只要出现字符，结果必然为字符 console.log(1 + 1); // 2 console.log("1" + 1); // 11 只要有一边出现字符，就是字符串的拼接-、 *、/、 % 将字符转换成数字，再进行正常的运算的结果如果某个数据不能转成数值，会得到NaN，NaN和任何数据做运算都是NaN console.log("2" - 1); // 1 将字符"2"转换成数字2，再进行正常的运算 console.log("2" * 1);

2020-07-03 11:18:27 454

原创移动端布局神器 -- 弹性盒(flexbox)

一、什么是弹性盒弹性盒子是 CSS3 的一种新的布局模式，在移动端布局中应用广泛。CSS3弹性盒（ Flexible Box 或flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。二、flex布局flex容器：采用 flex 布局的元素的父元素；flex项目：采用 flex 布局的元素的父元素的子元素；容器默认存在两根轴

2020-06-25 20:21:44 1227

原创 Web端页面布局小技巧 -- 解决高度塌陷的三种方法

1、什么是高度塌陷？当子元素有浮动，父元素没有高度的时候，父元素会出现高度塌陷。2、解决方法2.1、给父元素添加over-flow:hidden<head> <meta charset="UTF-8"> <style> #box { width: 200px; background: pink; overflow: hidden; }

2020-06-21 19:20:03 1524

原创 web端页面布局小技巧 -- 如何利用定位使元素居中

元素在浏览器窗口居中的方法这里先给出代码块，如果有同学已经看出来点眉目可以先自己尝试一下。 position:fixed; /*给想要居中的元素设置*/ left:50%; /*或者right:50%*/ top:50%; /*或者bottom:50%*/ margin-left:-元素宽度的一半; /*或者margin-right*/ margin-top:-元素高度的额一半; ...

2020-05-05 18:32:13 2303 2

qq_41860731的博客