自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

luck_lin

个人学习记录

原创 vue实现图片自定义尺寸裁切并上传

安装vue-cropper,进行二次封装<template> <a-modal :visible="visible" :title="title" :maskClosable="false" :confirmLoading="confirmLoading" :width="400" @cancel="cancelHandel" :destroyOnClose="true" > <a-row>

2020-07-27 14:18:46 34

原创 sql综合练习

-- 建表-- 学生表CREATE TABLE `Student`(`s_id` VARCHAR(20),`s_name` VARCHAR(20) NOT NULL DEFAULT '',`s_birth` VARCHAR(20) NOT NULL DEFAULT '',`s_sex` VARCHAR(10) NOT NULL DEFAULT '',PRIMARY KEY(`s_id`));-- 课程表CREATE TABLE `Course`(`c_id` VARCHAR(20),

2020-07-15 15:29:04 35

原创 谁说centos7不能装mysql了?最简捷centos7中安装mysql5.7保姆级教程

首先安装MySQL的Yum Repositorywget -i -c http://dev.mysql.com/get/mysql57-community-release-el7-10.noarch.rpmyum -y install mysql57-community-release-el7-10.noarch.rpmyum -y install mysql-community-server启动mysql服务systemctl start mysqld.service查看mysql运行状

2020-07-15 11:07:23 25

原创 java-study ArrayList实现发牌、洗牌、排序、随机地主

输出示例:玩家:张三丰剩余牌:[大王, 小王, 2♣, A♠, Q❤, J♣, J❤, 10♠, 9♣, 8♣, 8♦, 7♦, 6❤, 4♣, 4♠, 3♦, 3♠]玩家:杨过剩余牌:[2♦, A♣, K♠, K❤, Q♠, J♦, 10❤, 9♦, 9❤, 8❤, 7♣, 7❤, 6♦, 5❤, 4♦, 4❤, 3♣]玩家:东方不败剩余牌:[2♠, 2❤, A♦, A❤, K♣, K♦, Q♣, Q♦, J♠, 10♣, 10♦, 9♠, 8♠, 7♠, 6♣, 6♠, 5♣, 5♦, 5

2020-06-21 18:45:34 64

原创 java-study Thread线程、synchronized同步锁、await()/notify()

package com.TestThread;public class Test { public static void main(String[] args) { Account a0 = new Account(); Account a1 = new Account(); User u0 = new User(a0, 2000); User u1 = new User(a1, 2000); Thread t.

2020-06-16 23:16:52 76

原创 java-study使用FileInputStream与FileOutputStream文件读/写/复制,枚举的使用

import java.io.FileInputStream;import java.io.FileOutputStream;/** * file读写工具类 */public class FileReadAndWrite { public static void main(String[] args) {// FileReadAndWrite.read("E:\\java-study\\src\\com\\streamTest\\fis2.txt"); .

2020-06-14 23:56:31 49

原创 基于vue、less的vue商品筛选组件,支持多选/单选,默认选中、默认展开/收起、重置、区间范围值筛选

先看效果:组件代码:<template><dl class="filterItem"> <dt>{{label}}:</dt> <dd :class="{hasMore: hasMore}" ref="item"> <template v-if="firstItemText"> <div class="item" :class="{active: !value.

2020-06-03 18:09:08 188

原创 Nuxt使用配置、注意事项、jenkins部署

目录配置主题色及全局变量配置axiosUI库按需引入vuex的使用其他nuxt矿建介绍和项目安装就不多说,下面直接介绍开发时常用配置:配置主题色及全局变量以less为例先安装less和less-loader,然后在nuxt.config.js中build下配置:loaders: { less: { javascriptEnabled: true, ...

2020-03-31 11:21:54 259

原创 shell脚本expect实现一键登录服务器并进入指定目录删除文件

#!/usr/bin/expect -fspawn ssh root@47.108.95.*expect "*password*"send "*qwe123\r"expect "*#"send "cd /home/data/test\r"expect "*#"send "rm ./*\r"expect { "*是否*" {send "y\r"} "*没有*" {se...

2020-03-30 10:24:28 225

转载 antd-img-crop,使用 Ant Design Upload 时裁切图片

介绍我们经常会遇到,需要上传固定尺寸图片的场景,比如更换头像图片等。这时就需要先对图片进行裁切,Ant Desgin 默认并没有提供这样的功能。antd-img-crop 是一个用于包装 Ant Design Upload 的组件,可实现在上传前,先对图片进行裁切,然后上传裁切后的图片。示例https://codesandbox.io/s/4qoom5p9x4安装yarn...

2019-12-07 22:07:38 630

原创 自己写一个平铺的datePicker

最近公司项目有地方用到平铺的时间选择组件,并且只能选择当天之后的时间,还要能切换月份,寻思antd都是下拉弹出框的datepicker,没有想要的效果,于是就自己写了,分享给大家。先看效果(这个只是demo,样式无视):紫色的代表当天以后的时间,运用的时候可以在事件函数回调中再判断下是否所选时间大于当天时间;点击prev/next按钮切换月份,当12月时next后自动切为下一年,...

2019-11-25 23:21:02 80

原创 前端预览和下载图片/文档的几种方法

浏览器下载文件主要还是看文件保存的时候有没有设置正确的conten-type,有的话浏览器访问url时会自动打开该文件将内容显示在页面上,前提时浏览器本身能识别这个文件类型,比如图片/文档/文本等,否则浏览器则会默认直接下载该文件。。。当然如果后端能直接返回文件流(bolb类型)的话就好处理了)用js实现强制下载图片(经测试IE全版本不支持):downloadIamge(imgsrc, ...

2019-11-14 22:35:45 1536

原创 antd表单验证的坑

坑一:Form.Item中的表单如果是调用的react子组件,则表单验证功能失效,请看例子:表单父组组件:Item组件:这样虽然能正常渲染出组件样式,但是会导致submit功能Bug和resetFields功能失效,如下图:解决办法:刚开始我以为是我哪里写得不对,找了很久原因,把子组件换class写法函数写法都试了,甚至把子组件搬到父组件同一个文件中都还是不行,...

2019-10-28 22:24:37 1012

原创 umi+dva开发环境+常用配置和webpack配置

安装(官方文档:https://umijs.org/zh):yarn global add umi使用:使用umi -v可查看版本,确保全局安装没问题umi g page <文件名>//创建包含目录的页面home/index.js home/index.cssumi g page home/index//创建dva modle文件(如果项目是用yarn cr...

2019-10-26 18:10:57 3245

原创 react中使用mobx状态管理

中文文档:https://suprise.gitbooks.io/mobx-cn/content/refguide/api.html安装 Mobxcnpm install mobx -Scnpm install mobx-react -S使用两个 Babel 插件,支持ES6装饰器语法cnpm install @babel/plugin-proposal-decorator...

2019-10-20 16:26:09 115

转载 nodejs实现微信支付

本文链接:https://blog.csdn.net/qq_14993375/artic...

2019-10-07 10:51:33 399

原创 远程连接linux、传输文件

windows: 下载xshell、xftp、sourceCRT、sourceFXmac/linux: ssh -t 用户名@IP地址 -p 端口,mac系统要在 偏好设置->共享 中打开文件共享、远程登录、远程管理服务连接后传输文件:将远程系统上的文件拷贝到本机:scp -r 文件 本机用户名@本机ip:要存放的路径将本机文件拷贝至远程系统:sudo scp -r 本机用...

2019-09-18 13:34:29 211

原创 react-native配置路由导航、传参示例,标题样式配置

一.关于项目环境配置 我就是跟着react native中文网一步步来的,模拟器就用的android studio 的原生模拟器,这个模拟器可能跟其他大多数模拟器调出开发菜单的快捷键不一样,我是找了N久才发现快捷键是Ctrl+M打开开发菜单,差点都准备换模拟器了,因为只有打开开发菜单的JS Debugging才能调试,开发菜单如下图:二.页面导航、路由配置 1.装reac...

2019-03-19 16:47:32 947

原创 python3+scrapy+selenium爬取英雄联盟英雄资料

继前一篇文章用nodejs+puppeteer+chromium爬取了这个英雄资料后,在本篇同样爬这个页面,思路都差不多,只是用不同语言来实现,可作为参考,个人觉得爬虫还是nodejs比较好用,可能是我python太菜吧本例环境和所需第三方包:python3、pycharm、selenium2.48.0(用3.0+版本会报错,因为新版本放弃phantomjs了,当然也可以用chrome和fir...

2019-03-01 13:33:42 366

原创 nodejs+puppeteer+chromium爬取异步数据页面(英雄联盟英雄资料列表页+详情页)

puppeteer介绍对于静态页面的爬取是灰常简单的,一个request+cherrico即可,今天我动手对英雄联盟官网英雄资料爬取时发现英雄列表和详情页是通过js异步渲染的数据,所以就用上了这个神器puppeteerPuppeteer能够模拟一个浏览器的运行环境,能够请求网站信息,并运行网站内部的逻辑。然后再通过WS协议动态的获取页面内部的数据,并能够进行任何模拟的操作(点击、滑动、ho...

2019-02-28 14:44:41 973

原创 js等额本息计算

利率(年):4.9%(基准) *(1+20%)(上浮) = 5.88%贷款额度(万):50贷款年限(年):25(300期)计算月供:500000*(0.0588/12*Math.pow((1+0.0588/12), 300)) / (Math.pow((1+0.0588/12), 300)-1)=3184.930106361302(元)...

2018-12-21 13:37:55 891

原创 moment.js 常用方法说明及配合antd DatePicker的使用

var now = moment().toDate();console.log('获取当前时间\n',now) now = moment().format('YYYY-MM-DD');console.log('格式化当前时间\n',now); now = moment().format('YYYY-MM-DD:HH:MM:SS');console.log('格式化当前时间\n',n...

2018-11-15 21:28:33 10518 2

原创 git常用命令、分支的切换创建、强制覆盖

创建分支git branch localbranch切换分支git checkout localbranch创建分支并切换到该分支,等效于上面两个命令都执行git checkout -b localbranch在本地更改完分支的代码后,add并commit后,需要合并分支到主干的话执行git checkout mastergit merge localbranch ...

2018-11-09 15:38:08 433

原创 微信小程序手记

获取当前点击的组件信息:e.target,如果需要组件存数据,可以指定data-NAME属性,然后通过基础事件中e.target.dataset.NAME 获取,如果是自定义事件在e.detail中获取template组件,用来定义模板,用法:数据:date:{ user:{tit:'linge'}}编写模板组件:<template name="student...

2018-10-25 21:55:39 119

原创 create-react-app中使用less和antd并修改主题颜色

引入less如果项目根目录中没有config文件夹,首先暴露出项目配置文件,项目下执行:npm run eject如果项目是从git仓库中pull下来的的话,必须确保本地项目与仓库中没有冲突,才能够eject成功,否则命令会报错,因为该操作是不可逆的,一旦暴露出配置文件后eject功能将被删除。eject成功后项目下会多出两个文件夹,config和scripts,我们开发中一般只...

2018-10-21 18:42:37 8276 14

原创 nodejs下request模块爬取页面中文字符gb2312乱码问题

正常获取页面:1 var request = require('request');2 request(url, function(error, response, body) {3 if (!error && response.statusCode == 200) {4 console.log(body);5 }6 });如果该...

2018-09-10 13:55:26 1306

原创 wordpress快速搭建个人博客,插件以及主题的安装!

下载wordpress不说了,说下简单的数据库配置吧,在wordpress根目录下找到wp-config.php文件,用编辑器打开,找到如下代码:// ** MySQL 设置 - 具体信息来自您正在使用的主机 ** ///** WordPress数据库的名称 */define('DB_NAME', 'MYSQL-NAME');/** MySQL数据库用户名 */define('DB...

2018-09-06 13:35:27 2807

原创 python6---WSGI接口和web框架flask

WSGI接口定义非常简单,它只要求Web开发者实现一个函数,就可以响应HTTP请求。我们来看一个最简单的Web版本的“Hello, web!”:def application(environ, start_response): start_response('200 OK', [('Content-Type', 'text/html')]) return [b'<h1&...

2018-08-17 18:37:44 257

原创 python学习5---@property

Python内置的@property装饰器就是负责把一个方法变成属性调用的:class Student(object): @property def score(self): return self._score @score.setter def score(self, value): if not isinstance(va...

2018-08-16 17:25:05 89

原创 python学习4---OOP

创建一个英雄类:class Hero(object): def __init__(self, name, position): self.name = name self.position = positionhero = Hero("盖伦", "上单")#实例化一个英雄print(hero.name)私有变量、访问限制:class Hero(object): de...

2018-08-16 15:42:06 83

原创 python学习3---模块

新建一个模块calc.py:#!/usr/bin/env python3# -*- coding: utf-8 -*-' a test module '__author__ = 'Michael Liao'def addFunc(a,b): return a+b if __name__ == '__main__': print('自身计算结果:', addF...

2018-08-16 13:59:18 127

原创 express爬取静态页面---rss的xml

首先init一个项目,安装express,安装request模块,新建一个js文件,main.js:var express = require('express')var app = express()var request = require('request')var fs = require("fs")app.use(express.static("static"))app...

2018-08-16 11:50:33 287

原创 python学习2

python函数式#用map格式化list中的字符串list1 = ["ADMIN", "hello", "LinGe"]maps = lambda l : map(lambda s : s[0].upper() + s[1:].lower(), l)re = list(maps(list1))print(re)#用reduce求list中的乘积from functools i...

2018-08-15 15:12:51 76

原创 python学习

#!/usr/bin/env python3# -*- coding: utf-8 -*-# my first py demo! 2018-08-13age = input("请输入您的年龄:");if age >= '18': print("您是成年人!");else: print("您是未成年!");print("""#标准数据类型6种#Number(数字)#St...

2018-08-14 15:26:29 89

原创 vue中结合animate.css实现元素动画入场

话不多说先看下demo的GIF:1.首先引入animate.css,可以直接在index.html中cdn引入;2.其次在开发这种动画较多的页面我觉得还是引用jquery比较方便,操作dom稍多,我这里没有使用jquery,就想复习复习原生js。可以npm安装,在build/webpack.base.conf.js中定义插件: var webpack = require('...

2018-08-09 16:51:52 6664 1

原创 vue-cli中引入全局scss文件

首先,vue-cli中只需要安装node-sass和sass-loader就可以直接使用scss语法了,在组建的style标签中定义lang属性值为"scss"即可;但是就算在app.vue中引入公共scss文件也仅仅只能在app.vue中使用,要想全局使用这个文件中的变量或mixin就需要小配置一下了两步:1:cnpm install sass-resources-loader -D...

2018-08-06 18:39:31 1685

原创 beforeEach全局钩子管理用户访问权限!

 创建路由:export default new Router({ routes: [{ path: '/', component: { template: '<div><div>公共页面</div><router-link to="/admin1">取admin1</router-link><rout..

2018-08-06 13:52:53 6506 4

原创 element-ui表格+分页器数据分页展示

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-cha...

2018-07-30 13:35:43 21980 21

转载 彻底禁用Chrome的“请停用以开发者模式运行的扩展程序”提示,附工具下载

对于高版本chrome,经常会出现烦人的“请停用以开发者模式运行的扩展程序”提示,如图:网上盛传的组策略法已失效。话不多说,解决办法如下:1.双击 x96dbg.exe ,然后选择 x64dbg(如果打不开,换 x32dbg打开):2.将chrome版本号文件夹下的 chrome.dll 拖至主窗口:然后连续多次点击运行到用户代码按钮,直至窗口标题处的模块变成 chrome.dll3.然后在主面板...

2018-07-25 14:58:31 4613 4

原创 vue中原生手写抛物线实现小球飞奔入购物车的

<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Swiper demo</title> <meta name="viewport" content=&q

2018-07-19 16:51:23 730

提示
确定要删除当前文章?
取消 删除