mannix_lei的博客

原创 react开发一个音乐网站

@[TOC](搞个娱乐网站耍耍 点击这里访问)使用react + redux + typescript + antd首页登录页歌单列表部分代码片段去 github 查看所有源码。<div> {newsTypeList.map((item) => ( <span> <Button type="link" disabled={loading} onClick={() => handleChang

原创 js原始数据类型和复杂数据类型有什么区别？

原始类型：Boolean Number String Null Undefined Symbol（ES6新增）复杂数据类型:ObjectES10新增了一种基本数据类型： BigIntnull是不是对象？ null不是一个对象，尽管 typeof null === “object”， 这是一个历史遗留问题，原理是不同的对象在底层都是用二进制来表示的，在js...

原创 判断this指针指向

原创 leetCode--两数之和

/** * @param {number[]} nums * @param {number} target * @return {number[]} */var twoSum = function(nums, target) { let v = []; nums.some((item, index) => { nums.some((foo, ind...

原创 docker 笔记 -- hello-wrold篇

准备：前往Docker Hub注册一个账号，建议修改密码，以后登陆要输入密码。在你本机装好docker之后，先运行一下docker --version命令，看看你有没有安装成功。如果看到类似于Docker version 19.03.1, build 74b1e89这样的返回那就说明你装成功了。或者通过运行 docker run hello-world 看到这个返回...

原创 docker 笔记 -- 概念篇

什么是docker？首先是维基百科的定义，拿来给大家分享。an open-source project that automates the deployment of software applications insidecontainersby providing an additional layer of abstraction and automation ofOS-lev...

原创 element upload限制上传图片尺寸、大小、比例

// 上传前判断 public async beforeUpload(file: any) { const is1M = file.size / 1024 / 1024 < 3; // 限制小于3M if (!is1M) { this.$message.error('图片尺寸限制最小为270 x 270，大小不可超过3MB，比...

原创 element datepicker 多个值控制时间范围

应用场景：datepicker的时间需要通过三个不同的属性来限制，1.满足当前时间在rd返回的一个时间数组范围之内，可以为两端数据。2.rd返回的这个数组中的每一个元素为一个对象，该对象包含了n个属性，其中有两个用来限制当前时间是否可以点击。3.当且仅当该对象的hasReceived === true &&hasSettlemented === false&am...

原创 nodejs 创建一个server

1.在桌面新建文件夹study，打开terminal，输入cd + ‘空格’，将study拖入后回车，进入该目录；2.执行命令 vim main.js ，新建文件main.js;var http = require("http");http.createServer(function(req,res){ res.writeHead(200, {'Content-Type': 'te...

原创 springmvc mongo vue搭建一个小网站

1.springmvc篇 1&gt;创建一个webapp项目（记得打勾Create from archetype）点击下一步，填写信息，一直到finished。项目初始状态如上图所示（名字随意，只是展示）2&gt;设置pom.xml（下载所有jar包）&lt;project xmlns="http://maven.apache.org/POM/4.0.0" xmlns...

原创 判断 val1 和 val2 是否完全等同

function identity(val1, val2) { if(typeof val1 == typeof val2){ if(val1 == val2){ return true }else{ return false } }else{ return false }}function ident...

原创 修改 js 代码中 parseInt 的调用方式，使之通过全部测试用例

function parse(num) { var reg = /[a-zA-Z]/g; var res = new RegExp(/^(?![^a-zA-Z]+$)/); if(res.test(num)){ //匹配参数中所有大小写字母，如果有就删了字母，并将参数用该字母拆分成多个元素放在数组中，parseInt该数组第一个元素 return parseInt(num.sp...

原创 javascript 数组操作

1 concat()       concat() 方法用于连接两个或多个数组。let foo = ['a','d','v','b','d','g','d']let bar = [1,2,3,4,5]console.info(bar.concat(foo))// [ 1, 2, 3, 4, 5, 'a', 'd', 'v', 'b', 'd', 'g', 'd' ]2  j...

原创 split slice splice区分

slice() 方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。用法：stringObject.slice(start,end)例子：let b = 'aaaaabbbbb'console.info(b.slice(2,6))----------------&gt; // aaabsplice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。该方法会改变原...

原创 vue+i18n实现全局语言切换

1.安装i18nnpm install vue-i18n 2.新建中英文文案配置项中文版：module.exports = { title: { home: '首页', message: '脱壳咨询', fundFlow: '资金流向', focus: '脱壳关注', quote: '成交排行', chain: '链上...

原创 js获取移动端型号并进行相关操作

 var device_type = navigator.userAgent;//获取userAgent信息 var md = new MobileDetect(device_type);//初始化mobile-detect var os = md.os();//获取系统 if (os == "iOS") {//ios系统的处理   //todo } else if (os == "Android...

原创 CSS实现遮罩层

&lt;div id="main"&gt; &lt;button @click="open"&gt;open&lt;/button&gt; &lt;div class="box" v-if="vm.dialogShow"&gt; &lt;div id="dialog" style="ma

原创 vue实现dialog对话框

一、为实现该dialog的复用，我这里把它写成一个组件（Vue中定义的组件）&lt;template&gt; &lt;div id="dialog"&gt; &lt;div class="border"&gt; &lt;div @click="closeDialog" class="closeImg"&gt;&lt;/div&

原创 c#实现串口通信

using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.Drawing;using System.IO.Ports;using System.Linq;using System.Text;using System.Threadin...

原创 vue与angularjs、react的异同点

vue和angularjs：1、两者都支持过滤器（自定义过滤器），都支持指令（自定义指令），实现双向绑定的时候都比较简答，不像react那样麻烦。2、两者都不支持IE8以下的浏览器。3、vue相对于angular来说要更容易上手，初学者打开菜鸟可以看看，直接看官网也可以，angularjs学习成本很高，需要会不少东西4、angularjs路由配置比起vue要稍微复杂点，其次，AngularJS依赖...

原创 java获取四位数的吸血鬼数字

public class Vampire { public static void main(String []args){ long start = 0; long end = 0; start = System.currentTimeMillis(); for(int i = 1000;i&lt;9999;i++){ ...

原创 小易准备去魔法王国采购魔法神器,购买魔法神器需要使用魔法币,但是小易现在一枚魔法币都没有,但是小易有两台魔法机器可以通过投入x(x可以为0)个魔法币产生更多的魔法币。

import java.util.*;public class Main { public String fd(int n){ String fff = ""; while(n&gt;0){ if(n%2==0){ fff+='2'; n=(n-2)/2; ...

原创 在情报传递过程中，为了防止情报被截获，往往需要对情报用一定的方式加密，简单的加密算法虽然不足以完全避免情报被破译，但仍然能防止情报被轻易的识别。我们给出一种最简的的加密方法，对给定的一个字符串，把其中

public class Main{    public char[]ff(){ Scanner scanner = new Scanner(System.in); String input = scanner.nextLine(); char [] in = input.toCharArray(); for(int i = 0;...

原创 Thinking in Java 习题练习

编写一个计算速度的程序，他所使用的距离和时间都是常量；public class SpeedCalc { double distance; double time; public double getSpeedCalc(double d,double t) { double speed; distance = d; time ...

原创 ArrayList与LinkedList的比较

相同点：都是具有相同接口和外部行为的简单的序列不同点：对某些操作所花费的代价有天壤之别ArrayList与LinkedList的比较 ArrayListLinkedList随机访问元素花费固定时间访问越靠近表尾的元素，花费的时间越长插入元素开销大开销小建议在一开始使用linkedlist构建程序，在优化系统性能的时候改用ArrayList。...

原创 vue 发布后找不到图片等静态资源

在config/index.js中，将assetsPublicPath后面的“/”加个点就好了。原因：build.assetsPublicPath是资源的根目录这个是通过http服务器运行的url路径。在大多数情况下，这个是根目录(/)。如果你的后台框架对静态资源url前缀要求，你仅需要改变这个参数。在内部，这个是被webpack当做output.publicPath来处理的。

原创 springmvc + vue 简单系统搭建

1、使用的软件分别是idea和webstorm，用springmvc做前后端分离其实挺不好的，但是毕竟尝试一下挺不错的，写的不好的地方请指正2、后端基本的框架结构（不完全按照springmvc走的，其中加了点自己的想法）3、这是vue的基本架子4、从后端到前端遇到的问题给大家罗列一下，希望不要重蹈覆辙。4.1、配置mybatis-config.xml  配置顺序依次...

原创 冒泡排序一组随机数

public class Bubble { public void orderBynothing(){ int arr1[] = new int[200]; for (int x = 0; x&lt;arr1.length;x++) { arr1[x] = new Random().nextInt(147); } ...

原创 idea快速生成get()&&set()方法

（1）按下快捷键 ALT+INSERT 在弹出的窗口选择对应要生成的方法即可（2）右键点击要操作的字符串，然后找到generate，点击就会出现生成方法/** idea快捷键可以根据个人的爱好进行设置 */快捷键设置教程

原创 java关系操作符（==、!=）和equals（）

关系操作符生成的是一个Boolean结果，它们计算的是操作数之间的关系，如果操作数之间的关系是真实的就会生成TRUE，如果不真实，则生成FALSE。关系操作符包括(、=、==、!=)。等于和不等于适用于所有的基本数据类型，而其他比较符不适用于Boolean类型。因为Boolean值只能为TRUE或者FALSE，大于和小于没有实际意义。//:operators/Equivalence.jav

转载 Windows平台查看连接过的WiFi账号及密码（来自一位技术大牛）

1.以管理员身份运行cmd（开启无线网卡，最好是笔记本）2.输入命令：for /f "skip=9 tokens=1,2 delims=:" %i in ('netsh wlan show profiles') do @echo %j | findstr -i -v echo | netsh wlan show profiles %j key=clear3.运行cmd就能看到连过的所有Wi

原创 简单字符串的替换(把元音字母替换为“*”)

//正则表达式挺好用，方便public class Duke{ public String replaceVowels(String str) { String result=""; for (int i = 0; i < str.length(); i++) { if (str.charAt(i) == 'a' || str.

原创 模拟投硬币，一次一投

模拟投硬币，一次一投