抹不去你留下的唇印的博客

原创 file 和 blob 有什么区别

然后，使用该Blob对象创建了一个新的File对象，并将其命名为example.txt最后，可以通过访问File对象的name属性来获取文件名。使用场景：如果需要处理用户上传的文件或者操作带有元信息（如名称、大小）的二进制数据，则使用File更合适。数据来源：File对象通常用于表示用户选择的文件，例如通过文件输入框上传的文件。而Blob对象可以由其他方式创建，比如从网络请求获取到的二进制数据或者在前端生成的数据。在JavaScript中，Blob对象的文件名是通过创建一个新的File对象来指定的。

原创 js 中forin 的key 始终是最后一个key，这是什么原因

js 中forin 的key 始终是最后一个key，这是什么原因

原创 redux

1. redux理解2. redux相关API3. redux核心概念(3个)4. redux工作流程5. 使用redux及相关库编码

原创 MyBatisPlus

今日目标这一节我们来学习下MyBatisPlus的入门案例与简介，这个和其他课程都不太一样，其他的课程都是先介绍概念，然后再写入门案例。而对于MyBatisPlus的学习，我们将顺序做了调整，主要的原因MyBatisPlus主要是对MyBatis的简化，所有我们先体会下它简化在哪，然后再学习它是什么，以及它帮我们都做哪些事。MybatisPlus(简称MP)是基于MyBatis框架基础上开发的增强型工具，旨在简化开发、提供效率。开发方式SpringBoot刚刚我们学习完成，它能快速构建Spring开发环境用

原创 Maven高级笔记

Maven高级今日目标理解并实现分模块开发能够使用聚合工程快速构建项目能够使用继承简化项目配置能够根据需求配置生成、开发、测试环境，并在各个环境间切换运行了解Maven的私服1，分模块开发1.1 分模块开发设计(1)按照功能拆分我们现在的项目都是在一个模块中，比如前面的SSM整合开发。虽然这样做功能也都实现了，但是也存在了一些问题，我们拿银行的项目为例来聊聊这个事。网络没有那么发达的时候，我们需要到银行柜台或者取款机进行业务操作随着互联网的发展,我们有了电脑以后，就可以在网

原创 SpringBoot

SpringBoot今日目标：掌握基于SpringBoot框架的程序开发步骤熟练使用SpringBoot配置信息修改服务器配置基于SpringBoot的完成SSM整合项目开发1，SpringBoot简介SpringBoot 是由 Pivotal 团队提供的全新框架，其设计目的是用来简化 Spring 应用的初始搭建以及开发过程。使用了 Spring 框架后已经简化了我们的开发。而 SpringBoot 又是对 Spring 开发进行简化的，可想而知 SpringBoot 使用的简单及广

原创 SpringMVC_day02

SpringMVC_day02今日内容完成SSM的整合开发能够理解并实现统一结果封装与统一异常处理能够完成前后台功能整合开发掌握拦截器的编写1，SSM整合前面我们已经把Mybatis、Spring和SpringMVC三个框架进行了学习，今天主要的内容就是把这三个框架整合在一起完成我们的业务功能开发，具体如何来整合，我们一步步来学习。1.1 流程分析(1) 创建工程创建一个Maven的web工程pom.xml添加SSM需要的依赖jar包编写Web项目的入口配置类，实现Abst

原创 SpringMVC_day01

SpringMVC_day01今日内容理解SpringMVC相关概念完成SpringMVC的入门案例学会使用PostMan工具发送请求和数据掌握SpringMVC如何接收请求、数据和响应结果掌握RESTful风格及其使用完成基于RESTful的案例编写SpringMVC是隶属于Spring框架的一部分，主要是用来进行Web开发，是对Servlet进行了封装。对于SpringMVC我们主要学习如下内容:SpringMVC简介请求与响应REST风格SSM整合(注解版)拦截器

原创 el-table使用fixed之后错位的问题

数据请求完之后,使用this.$nextTick(() => { this.$refs.multipleTable.doLayout(); //table加ref="multipleTable"});如果是子组件的话,在子组件的watch监听:data的值 tabledatawatch:tabledata function(){ this.$nextTick(() => { this.$refs.multipleTable.doLayout();

转载 Vue3快速上手

Vue3快速上手

原创 Vue.js入门 3_ES6和Node基础

第1天ES6和Node基础每日目标了解 Nodejs 与浏览器中 JavaScript 的区别掌握 Nodejs 模块使用的基本步骤能够使用 npm 安装和卸载模块理解本地安装与全局安装的区别掌握 gulp 构建工具的基本使用ES6学习资料：http://es6.ruanyifeng.com/ECMA（European Computer Manufacturers Association ）和 W3C 类似，主要负责制订和规范语言标准，所学的 JavaScript 就是在 ECMA

原创 Vue.js入门 4_webpack和单文件组件

Vue.js快速入门

原创 react 扩展

react 扩展知识点

原创 吃透 Vue 项目开发实践｜16个方面深入 Vue 开发体系《中》

前言之前使用过 Vue 开发后台、中台项目，也做过移动端 H5，弄过一点小的前端架构。每做一个项目都会收获了不一样的经验和理解。下面我把这些点点滴滴的经验总结下来，做一个系列的文章分享和阶段性的总结。常规操作，先点赞后收藏哦概览问题我将从 16 个方面来论述 vue 开发过程中的一些技巧和原理。如果你还未观看上节文章，可以移步至锁子：吃透 Vue 项目开发实践｜16个方面深入 Vue 开发体系《上》49 赞同 · 3 评论文章本节内容主要围绕下列问题展开：如何编写原生组件，以及组件编写的

原创 超简单V-Calendar日历使用

示例图:1. npm i v-calendar 引入 V-CalendarV-Calendar 官网2. main.js 引入import VCalendar from 'v-calendar'; // 引入日历插件 Vue.use(VCalendar, { componentPrefix: 'vc',});3. 页面中使用V-Calendar<div class="calendarBar"> <div class="calendarBarTit

原创 js常用函数汇总

从url 获取参数//获取url参数function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("="); if (pair[0] ==

原创 vue el-table 合计行放在首行

效果如图所示首先在el-table ，添加属性 summary-method=“getSummaries” show-summary<div class="contentInfoWrap"> <el-table :data="tableData" class="customTable" :summary-method="getSummaries" show-summary border :header-cell-style="HeadTable" :cell-

原创 vue自定义全局指令

指令Vue 自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式，通过 Vue.directive( id, [definition] ) 方式注册全局指令。然后在入口文件中进行 Vue.use() 调用。批量注册指令，新建 directives/index.js 文件import copyfrom './copy'import longpressfrom './longpress'// 自定义指令const directives = { copy, longpress,

转载 大白话讲解Promise（一）

去年6月份， ES2015正式发布（也就是ES6，ES6是它的乳名），其中Promise被列为正式规范。作为ES6中最重要的特性之一，我们有必要掌握并理解透彻。本文将由浅到深，讲解Promise的基本概念与使用方法。ES6 Promise 先拉出来遛遛复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个问题来了，Promise是什么玩意呢？是一个类？对象？数组？函数？别猜了，直接打印出来看看吧，console.dir(Promise)，就这么简单粗暴。这么一看就明白了，

转载 vue项目中使用百度地图采坑。。。

1.首先使用百度地图js API 前， 需要申请应用的ak 秘钥，在官网上自己申请即可；2.普通的 html 文件 中只要给定script标签如：<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=自己的ak秘钥"></script>3，在js 代码中 调用必须要在 页面加载完成后使用 即 window.onload = function(){}中完成地图的绘制3.1v

原创 Vue.nextTick()实现对历史滚动条位置功能

Vue.nextTick()实现对历史滚动条位置功能methods 中getTestPaper(){ this.$http.post( this.$urls.get, { schid: localStorage.getItem("schid"), id: this.paper_id, }, (result) => { this.setScorll(); //在第一次请求页面数据完成调用setScorll } )

原创 ckeditor+vue 傻瓜式操作教程

昨天看过很多ckeditor 教程,总结了一下用插件最简单的(公司项目用到的是数学公式)步骤一:在线配置ckeditor,最后下载后复制到项目步骤二: 新建一个ckeditor 组件,在组件里导入 /bulid/ckeditor 下的js文件,我放到public 目录下了<template> <div> <textarea name="" id="editor" cols="30" rows="10"></textarea&gt

原创 vue+vant ui 时间格式化

FinallyformatDate(date) { var d = new Date(date); var standardTime = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate() + " " + d.getHours() + ":" + d.getMinut.

原创 与最小公倍数、最大公约数、质数的邂逅

//求最大公约数 function getNum(num1,num2) { var c; while((c=num1%num2)!=0) { num1=num2; num2=c; } return num2; } // 求最小公倍数 function Num(a,b) ..

原创 艺龙首页-手风琴效果

艺龙首页-手风琴效果模仿index部分<!-- 手风琴效果 Accordion --> <div class="Accordion_wrap"> <p class="Accordion_text">登录展示你的个性化内容</p> <div class="Accordion"> <!--园林酒店 --> <a href="#" cla

原创 专升本高数知识点总结整理(思维导图)