qq_37953045的博客

多条件查询展开收起

js删除数组中重复出现的元素而不是去重

el-upload中断取消

vue项目：点击按钮新增一个input输入框

git工作中常用的命令

vue项目的导出功能

最长公共前缀-删除有序数组的重复项

罗马数字转整数-回文数

手写一个简单的promise方法

计算 1-100的和以及统计字符串中出现最多的字符

Object.defineProperty方法结合递归实现数据的可观测性

echarts默认主题及自定义主题我们只需要在初始化echarts实例.init方法中写入主题就行let mEcharts = echarts.init(document.querySelector('div'), 'light')默认有两个主题：lightdark自定义主题：进入echarts官网主题网址进行自定义主题配置配置完之后，选择左上角的下载，下载格式选择js文件下载完之后用script标签引入，在init方法中写入即可<script src="/theme/i

Vuex是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。示例：首先我们用vue init webpack vuex-demo生成一个项目然后进入vuex-demo中使用命令：npm i -S vuex下载vuex的依赖包进入项目中的src文件夹下创建一个store.js的文件，为仓库文件然后在store.js文件中使用：import Vue from 'vu

vue-cli学习### 一、准备工作​ 需要安装node,npm,webpack,vue-cli安装webpack之后检查版本的时候可能会叫我们安装webpack-cli，按照提示安装即可​ npm i webpack -g​ npm i vue-cli -g​ 安装完之后检查一下对应的版本即可，注意vue -V是大写​二、使用脚手架搭建项目​ 初始化一个项目名称为demo的vue项目​ vue init webpack demo​ 安装完成之后会出现如下提示：安装完之后

路由命名路由传参：query <script> let Foo1 = { template:`<div> <button @click="toFoo2">go foo2</button> <router-link :to="{path:'/foo2',query:{id:123}}">go foo2</router

Vue自定义指令### Vue.directive();有两个参数，第一个参数就是自定义指令的名称“字符串类型”，第二个参数是个函数或者对象用法指令里面的函数bind:function(){}指令第一次被绑定到元素上面的时候调用,被调用多少次就执行多少次<div id="app"> <p v-haha>{{msg}}</p> </div> <script> Vue.direct

Vue注册组件注册组件，关键字：component（）有两个参数第一个参数：新组件的名称（字符串类型）组件名定义时可以使用驼峰命名，但是使用时必须是用“-”来连接第二个参数：回调函数（写Vue的代码）自定义组件是可以复用多个的，但是都是双标签，不建议使用单标签的形式 <div id="app"> <itme-li></itme-li> <itme-li></itme-li> <

Vue的实例方法extend：用法：如果 Vue 实例在实例化时没有收到 el 选项，则它处于“未挂载”状态，没有关联的 DOM 元素。可以使用 vm.$mount() 手动地挂载一个未挂载的实例。示例：<div id="app"></div> <div id="app1"></div> <div id="app2"></div> <script> //定一个人的类

vue-router### 简介由于Vue在开发时对路由支持的不足，于是官方补充了vue-router插件。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，实际上就是组件的切换。路由就是SPA（单页应用）的路径管理器。再通俗的说，vue-router就是我们WebApp的链接路径管理系统。有的小伙伴会有疑虑，为什么我们不能像原来一样直接用a标签编写链接呢？

Vue的生命周期### vue的生命周期是什么？vue的生命周期是指vue的实例对象的创建之初到销毁的过程。vue所有的功能实现都是围绕着生命周期进行的，在生命周期的不同阶段调用对应的钩子函数实现组件数据管理和dom渲染两大重要功能。vue的生命周期有11个过程，不过其中用的比较多的是8个左右beforCreate：vue对象创建之前。对应的钩子函数为beforeCreate。此阶段为实例初始化之后，此时的数据观察和事件机制都未形成，不能获得DOM节点。vue的el和data数据都是und

Vue的入门Vue引入Vue.js有两种方式直接引入链接<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>下载vue的源码：https://cdn.jsdelivr.net/npm/vue/dist/vue.js，然后在引入就行了创建Vue实例 <div id="app">{{msg}}</div> <script>

简介：koa是基于node.js平台的web开发框架，致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石。通过利用 async 函数，Koa 帮你丢弃回调函数，并有力地增强错误处理。 Koa 并没有捆绑任何中间件， 而是提供了一套优雅的方法，帮助您快速而愉快地编写服务端应用程序。安装的方法：npm i koa使用方法：安装完了之后然后就是引包和创建对象：引包：const koa = require("koa");引完包之后就是创建对象let app = new

canvas简介canvas是H5新增的一个标签。它可以通过javascript在其中绘制图像的HTML元素，可以用来处理照片集和实时视频处理和渲染。在页面上放置一个canvas就相当于一个画布，可以绘制出各种各样的图形。如果不利用js编写的话，canvas就是一个透明的区域。canvas自带两个属性值：width和height。接下来就让我们一起来学习吧！首先我们要在...

多媒体简介Video是H5新增的用来添加视频的标签，在标签的src属性里添加视频的地址就行了。支持的格式有：mp4，ogv webm。safari浏览器和IE9以上浏览器只支持mp4。IE8以下不支持，IE9以上浏览器可以使用source标签支持解决兼容性video的属性controls:给视频添加控件autoplay:自动播放loop:循环播放preload:预加载 <video src="video/1.mp4" width="300px" height="100px" co

拖拽是一个非常普遍的功能，我们经常在电脑上拖动某个文件或者图片都是非常常见的，其实javascript也实现了相对应的功能，在H5中（draggable）成为了标准操作，任何元素都可以拖拽，接下来就让我们一起了解下拖拽的组件和事件吧拖拽的知识点draggable组件：值有：true(允许拖动) | false（不允许拖动） | auto(是根据浏览器定义是否可以拖动，一般图片在浏览器上是可以拖动的，所以浏览器默认值是auto)。使用方法如下 <div id="app" draggable="tr

Express简介Express是node的一个第三方的框架，用于处理HTTP请求等功能，其特殊的功能在他的中间件。Express的核心功能：可以设置中间件来响应HTTP请求定义路由可以表示执行不同的HTTP请求通过模板来传递参数动态渲染HTML页面Express的安装命令安装Express到依赖列表中第一步：先初始化项目模板npm init -y第二步：安装Expressnpm install express -S以上是安装Express的一种方法，其实还有一种方法

MongoDB数据库MongoDB数据库简介Mongodb是由C++编写的，是一个基于分布式文件存储的开源数据库系统。在高负载的情况下，添加更多的 节点，以保证服务器性能。MongoDB将数据存储为一个文档，数据结构由键值对（key=>value）组成。MongoDB文档类似于json对象，字段值可以包含其他文档，数组及文档数组。MongoDB的安装与使用第一步：安装模块cnpm install mongoose --save第二步：引入模块const mongoose = r

node.js模块化之前已经探讨了jquery，现在轮到了Node了，node是一门后端开发语言，比较适合开发高并发式。1. global模块require():引入js文件，本地文件要加./，不然他就会去自己的文件库里找的。require("./02");如果本地js文件有个变量，那么用require要怎样使用呢，直接引入是没用的。有两个方法：a：挂在全局global（是node的顶层对象）let a = "hello";global.a = a;require("./02");co

jquery是原生javaScript封装的框架（一个类库）。他的优势就是对DOM进行操作。接下来小生就自己来谈谈对jQuery的认识与使用。引入jquery的方式有好多种：a. 直接去官网下载，然后自己新建一个js的文档，把下载好的jquery源码放进去（不推荐）b. 可以在项目里的script标签里引入（推荐使用！大家可以直接复制我的过去用就行了）<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min

cookie:存储数据，当用户访问某个网站（网页）的时候，我们就可以通过cookie来向访问者电脑上存储数据不同的浏览器存放的cookie位置不一样，也是不能通用的cookie的存储是以域名的方式进行区分的cookie的数据是可以设置名字的一个域名下存放的cookie的个数是有限的，不同浏览器存放的个数不一样每个cookie存放的内容大小也是有限的，不同浏览器存放的大小也是不一样的cookie是以字符串的形式来存储的创建cookiedocument.cookie = "user=小明";

什么是正则表达式：正则表达式从数据类型来讲是一个对象。不能操作DOM的作用：配合API来验证字符串（.test(),.match()）等；.test（）的用法：正则表达式.test(参数)；返回的是Boolean.match（）的用法：字符串.match(正则表达式)；返回的是数组怎么定义正则表达式呢？有两种方法：test()let s = "456你好789"; let a = /\d+/g; console.log(a.test(s));//打印的是trueRegExp

键盘按下事件：onkeydown document.onkeydown = function () { console.log("down"); }键盘按下事件：onkeypress document.onkeypress= function () { console.log("press"); }键盘抬起事件：onkeyup document.onkeyup= function () { .

获取焦点事件：onfocusoForm.user.onfocus = function () { console.log("我获得焦点了"); }失去焦点事件：onbluroForm.user.onblur = function () { console.log("我失去焦点了"); }补充:其实window也是有焦点事件的3. 改变事件：onchange oForm.user.onchange = f.

再讲事件监听之前首先给大家讲讲Dom事件的级别吧。Dom事件一共分3个级别：Dom 0级事件是一个比较传统的方式：比如：onclick就是0级的事件，他的优点就是兼容所有的浏览器。缺点：只能添加一个事件，如果添加一个就会被覆盖。话不多说，代码奉上： <body> <div id="wrap"> wrap </div> <script> wrap.onclick = function(){ console.log(1);//这

事件的冒泡众所周知如果一个子元素里触发一个事件的话，父级元素也会被触发相类别的事件，这种就叫做事件的冒泡：<div id="wrap"> wrap <div id="box"> box </div> </div> <script> (function(){ wrap.onclick = function(){ console.log("wrap"); } box.oncl

废话不多说，先上视频原生js造就滚动时钟案例思路分析：布局：一个大的盒子取名wrap，给定宽高。然后在大盒子里有3个小盒子，分别取名为.hh,.mm,.ss这三个盒子里有两个p标签，p标签里有两个span标签分别用来显示时分秒js逻辑：通过动态分别获取p标签还有span标签，不过这里我把span标签起连个类名.first代表第一块的时间，.last代表第二块的时间 let oP = [...document.querySelectorAll("#wrap div p")]; .

DOM的全称是（document object model）一共有12种节点类型，最常用的有：元素节点（nodeType：1），属性节点（nodeType：2），文本节点（nodeType：3），注释节点（nodeType：8）nodeName：获取节点名称<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style&

函数的定义：let a = function(){};a();//这种方式只能在函数后面执行a();function a(){};//这种可以在随意地方执行函数表达式：let a = function (){}();//这种方式可以直接在后面加()执行function a(){};a();//这种只能在名称后面加()执行(function(){})();...

做前端已经好几年了，也了解过好多前端的框架。今天我们来简单聊聊vue这个既简单又好用的框架：能做什么：几乎没有DOM操作，和比较适合SPA开发（单页面web）。特点：1.双向数据绑定，2.通过指令扩展HTML，通过表达式绑定数据到HTML，3.解耦视图与数据，4.可复用组件，5.虚拟DOM，6.M-v-vm，7.数据驱动视图等。在这里我给大家推荐学习vue的三个网站：，1.vue开源项目汇总，2....

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-1.11.3.min.js" language="JavaScript" type=...