心为雅好为平-CSDN博客

原创 vue项目 H5移动端（vue+vantUI）视频上传时获取视频时长问题

需求：视频上传时，需要判断视频上传的时长，进而判断是否满足上传条件<el-upload class="upload-demo" :multiple="multiple" :before-upload="getVideoToken" action="http://up-z2.qiniu.com" :on-success="successVideo" :data="uploadT.

2021-07-22 11:10:53 1205 1

原创 JS 获取一定时间段内的所有星期内指定的某一天（如获取一个时间段内的所有星期一）

JS 获取一个时间段内的所有星期内指定的某一天（如指定星期一）比如：获取2021-06-06至2021-07-01时间段内的所有星期一；使用方式：调用getWeek(“2021-06-06”,“2021-07-01”,1)即可；function getWeek (begin, end, weekNum){ var dateArr = new Array(); let newArr = new Array(); // 时间段的每天时间 var stimeArr = begin.sp

2021-07-16 16:58:52 995 1

原创有关promise（解决异步请求问题）以及Axios（基于 promise 的 HTTP 库）的总结——附源码

一. 何为promise本意为承诺的意思；在编程过程中，会出现异步代码和同步代码，而简单地说，promise的出现就是为了解决异步编程的问题，让异步编程代码变的更加优雅；异步代码的解决方案：解决方案有很多种，promise算一种；如下：回调函数promisegenerator + coasync + await（终极解决方案，让写异步代码就像写同步代码那么简单）二. promise的相关规范1. promise四大术语解决（fulfill）：指一个 promise 成功时

2020-08-13 17:48:37 1081

原创 Node.js中的会话机制（cookie、session）总结——附源码

一，什么是会话何为会话：在多次HTTP连接间维护用户与同一用户发出的不同请求之间关联的情况称为维护一个会话（session）。典型会话场景：浏览视频网站，观看视频，昨天刚看了一段，今天打开网站，显示你昨天观看的历史记录。前两天我在京东上逛了半天，看了一些手机，今天一打开网易，结果就推送一堆的手机广告淘宝购物，在浏览的时候，将某个商品加入了购物车，第二天再次登录，购物车中还有商品，针对网站的某些页面，如果你没有登录，就不能访问…以上现象，对于浏览器来说，需要维护用户的状态，因此引入了两种

2020-08-08 20:59:01 815

原创 Node.js从前端到后端——详细总结

一，Node.js是什么官方解释：是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O的模型。说白了：就是一个解释器解释器：就是把高级语言翻译成计算机可以识别的代码。注意： Node.js不是一门编程语言，是JS的运行环境；Node只是JS的运行环境，进入到环境中后，Node就没有任何用了；Node.js的包管理器npm，是全球最大的开源库生态环境1.Node是什么它就是JS的运行环境；2.安装node环境n

2020-08-05 21:53:27 1690

原创 jQuery中给下拉列表框select中的option选项注册点击事件——详解（附源码）

起因：最初通过jQuery获取option标签之后并注册点击事件，但是代码运行之后点击option选项页面并没有反应；解决方案：在使用jQuery给下拉列表框（select）注册点击事件时，由于option本身没有点击事件，此时如果给option注册点击事件之后，在页面中对option选项点来点去是没有任何反应的，而如果给select注册点击事件后，当打开下拉列表框时就已经触发了点击事件，所以这种方式也是行不通的；现在我们就需要用到select里的onchange方法来实现对option选项的触.

2020-08-01 16:49:16 1272

原创 DOM中定时器的使用方式、及使用原生JS实现轮播图——大总结（附源码）

一，什么是定时器在网页的开发中，有一部分效果需要以某种规律不停的显示，比如：轮播图，而这个时候就需要有定时器来完成这个工作（让图片不停的动，实现轮播的效果），简单地说就是，加上定时器之后，先自行设置一个时间，在每次过这个时间的时候，执行一下函数，最终实现的轮播的效果；JS中定时器有一下两种方式：setInterval() ：按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。（相当于循环多次调用函数）setTim

2020-07-31 19:35:14 442

原创 JS中DOM是什么、DOM的基本操作、DOM操作盒子模型的13个api——大总结（附源码）

一，什么是DOM？DOM：Document Object Model（文档对象模型）BOM：Browser Object Model（浏览器对象模型）DOM与BOM的区别：DOM是文档对象模型，是对浏览器（可以看成一个容器）内的内容进行操作；BOM是浏览器对象模型，是对浏览器本身进行操作的（比如控制浏览器窗口的大小、管理浏览器访问的历史页面、查看浏览器的版本信息等等）；二，DOM的具体用途及发展史？简单的说：DOM就是封装了针对页面中标签的一系列操作（比如实现页面中的轮播图、定时器

2020-07-25 16:32:03 2851

原创 JS（JavaScript）中的继承——分析总结（附源码）

继承：就是子类去继承父类的公有属性和私有属性；继承的特点：可以拥有父类的公有属性和私有属性；继承的分类：原型继承call继承组合式继承ES6中的继承原型继承：（关键代码：Child.prototype = new Parent; ）特点可以继承父类的公有属性；function Parent() { // 父类 this.x = 100; } Parent.prototype.getX = function () { re.

2020-07-24 20:57:55 804 2

原创 JS（JavaScript）中的原型和原型链总结———例题详解（附源码）

何为原型及原型链？什么是原型？在JS中每个构造器（函数）都一个属性叫prototype，它叫原型，也是个对象，我们叫这个对象为原型对象；而每个对象中有一个属性叫__proto__，它叫隐式原型，什么是原型链？是一个对象的查找机制，比如查找对象arr中的toString方法，会先在自己的私有属性中找，如果没有，就沿着__proto__去原型对象中找，如果还没有，就继续沿着__proto__去它原型对象中的原型对象中找，直到找到Object中的原型对象（Object原型对象中的__proto__指向

2020-07-22 22:12:35 446

原创 JS（JavaScript）——数组去重，及统计数组中各元素的个数（附源码！！！）

一，数组去重方式一（使用两个for循环和if语句）执行效率相对低；var arr = [2,4,1,2,2,2,2,4,6,5,9,4,4,5,2]; for(i=0;i<arr.length;i++){ var a = arr[i]; for(a=i+1;a<arr.length;a++){ if(arr[i]==arr[a]){ arr.splice(a,1); //删除索引为a的这个元素

2020-07-22 15:22:33 3697 2

原创 JS（JavaScript）中的面向对象编程——详细总结（附源码）

文章目录一，什么是面向对象二，JS面向对象的几种特征以及类和对象1，面向对象的几种特征2，面向对象中的类和对象三，JS中默认存在的类（常见的）1，Number类2，String类3，Boolean构造器（JS中构造器也叫类）4，Object构造器（存在语法糖）5，Data类6，Math类（不需要new）7，Array类四，JS中的对象1，证明：JS中的一切数据都是对象2，对象是属性的无序集合3，对象属性的增删改查（1）对象属性的遍历（for in）（2）对象属性的增删改4，对象中属性的四大特征（1）conf

2020-07-21 20:38:47 1081

原创 JS（JavaScript）中的this使用方式（call、apply、bind方法的异同）——大总结

文章目录一，this出现的五种情况二，以下实例中包含的五种情况一，this出现的五种情况如果this出现在普通的函数中，this表示window，如果通过window打点调用一个函数，这个函数中的this也是window；事件绑定、事件处理程序、事件发生时、浏览器帮我们调用这个函数，此函数中的this表示事件源；在一个对象中，有一个方法（函数），如果通过对象调用了这个方法，那么这个方法中的this就表示这个对象；在IIFE（立即调用函数）中,this表示window；前四点都是在非严格模式下，

2020-07-20 22:39:49 182

原创 JS（JavaScript）相关知识——详细总结

文章目录一，JS是什么1，JS与html、css对比2，JS能做什么3，JS的三种写法二，JS的基本语法1. 什么是代码段三，JS中的变量1，变量的分类四，JS中的数据类型1，基本数据类型（1）number 数据类型（2）string 字符串（3）boolean 布尔类型（4）undefiend（5）null2，引用数据类型（1）object 对象（2）array 数组（3）function 函数3，JS中的数据类型的转换（1）隐式类型转换（2）强制类型转换五，JS代码在执行时的两个阶段一，JS

2020-07-15 21:58:53 461

原创 html（结构层）+ css（样式层）+ js（行为层）中所涉及的问题——总结

文章目录一，网页的三层结构是什么二，SEO是什么三，什么是css的层叠性四，什么是标准文档流五，如何理解HTML结构的语义化六，五大浏览器及内核是什么七，制作网页的目录基本结构一，网页的三层结构是什么结构层：HTML 给网页提供内容（相当于房子的基本结构）；样式表：css层给网页提供样式（相当于对房子进行装修）；行为层：js 交互动画 ajax （相当于对房子进行通水通电）；二，SEO是什么简单地说：SEO就是搜索引擎优化；是一种通过特定的方法来优化自己网站，进而使网站更容易被搜索引擎

2020-07-14 17:24:00 936

原创 CSS样式------布局、定位、盒子模型等功能的解析及总结

文章目录1，什么是css样式？2，css样式作用3，css布局3.1 盒子模型（五大模块）3.1.1盒子模型值内容区域3.1.5盒子模型之背景 background3.2 块级元素并排显示3.2.1关于浮动的相关知识：4，元素之间存在的重叠问题4.1 兄弟元素之间的重叠问题：4.2 父子元素之间的重叠问题：---------暂时总结这么多，后续继续完善---------1，什么是css样式？CSS：层叠样式表 Cascading Style Sheet2，css样式作用（1）为HTML页面布

2020-07-11 16:28:36 454

原创初始HTML静态页面------总结！

一，HTML是什么1，什么是HTML？超文本标签语言什么是超文本？文字，图片，视频，音频，程序，链接…问：html本身是纯文本还是超文本？答：本身是纯文本二，HTML的基本语法1，HTML的基本骨架？<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>标题</title> </h

2020-07-07 20:31:11 1228

原创 navicat连接远程mysql数据库显示2005 - unknown MySQL server host ‘xxxx ’ （0）错误

在使用Navicat连接远程mysql数据库的时候出现了这个错误，错误如下：搜了各种方法也没有解决，包括关掉防火墙以及升级Navicat版本，最后发现是我犯了一个特别低级的错误。错误根源就是：所以大家在连接数据库时候，也包括其他地方敲代码（或者Copy）时候一定要细心细心再细心，像我这种就真是太低级了！！！切记！！！...

2020-06-17 20:11:43 2236 5

原创用WebStorm开发，基于HTML5+css+JavaScript开发的前端页面

由于课程设计的安排，我是第一次使用WebStorm开发项目，之前基于HTML5+css+JavaScript开发的项目是在Eclipse或者My Eclipse上面开发，虽然也可以达到想要的效果但是过程较为麻烦，修改代码稍显繁琐，也用过VS开发前端页面，直接可以拖动控件来实现页面布局，但是做出来的页面有种“僵硬”的感觉（纯属个人看法）。现在使用WebStorm开发，感觉很好地结合了两个开发环境的优势，结合Google浏览器的使用能够更好实现对代码的调试，大家开发项目的时候我极力推荐使用Google浏览器进

2020-05-27 22:23:30 4730 3

原创 WebStorm前端开发分享：基于html5+css+js开发前端项目，用ajax技术获取后端数据

由于课程设计的安排，我对H5+css样结合js技术对开发前端项目有了更深的了解。随后又学习ajax的使用方法，下面，我将讲一下我所学到的关于ajax的知识。一，ajax是什么全称：asynchronous JavaScript and XML ；（基于XML的异步JavaScript）通俗的说，就是通过ajax技术将后端的数据拿出来然后在前端页面中显示出来。也相当于异步的JS和XML，要明确ajax不是一种编程语言，它不需要任何浏览器插件，但需要用户允许JS在浏览器上面执行。二，ajax的工作流程

2020-05-25 22:35:38 2239 1

原创 webStorm：即使正确的代码也会提示绿色波浪线的解决方法

（代码提示：Typo: In word ‘onreadystatechange’ less… (Ctr|+F1)Spellchecker inspection helps locate typos and misspelling in your code, comments and literals, and fix them in one click.）如下情况：代码中的对象函数onreadystatechange下方出现蓝色波浪线，但是代码运行结果正确。。。解决办法：找到setting–&g

2020-05-25 16:53:57 1960 1

qq_44830054的博客