- 博客(23)
- 收藏
- 关注
RSS订阅原创 Gradle看这一篇就够了，满满的gan货
build.gradleplugins { id 'org.springframework.boot' version '2.6.7' id 'io.spring.dependency-management' version '1.0.11.RELEASE' id 'java'}group = 'com.lps'version = '0.0.1'sourceCompatibility = '11'repositories { ma
2022-05-07 14:57:26
533
原创 typescript基础篇
/** * 类 * 类的继承和抽象类 */// abstract class Animal {// name:string;// constructor(name:string) {// this.name=name;// }// run():void{};// seep():void{// alert(`${this.name}睡觉睡的很香`)// }// abstract eat():any;// }// class Ca
2021-10-14 16:29:11
1164
原创 WebViewJavascriptBridge（H5与原生交互）
/* eslint-disable *//** * 调用原生的一些方法 * 有些回调绑定到window上，是因为现在安卓回调里不能调用局部变量 */// android有问题，回调函数的作用域是window下才能访问，其他传进去的都是undefined// 提升回调函数到window下解决此问题window.androidCallbackBridge = null;function platform() { var u = navigator.userAgent; let
2021-09-09 10:21:36
912
原创 前端生成base64图片
function $getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; var ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0, img.width, img.height); var ext = img.
2021-08-12 14:09:41
349
原创 vue3官方组合式api示例简单实现（vue3+typescript+ Composition API）
home.vue主文件<!-- --><template> user: <input type="text" v-model="user" /> <button @click="run">run</button> <div></div> serarValue:<input type="text" v-model="searchQuery" /> <div v-for="item in
2021-06-05 09:58:32
861
原创 vue 自定义 notice 组件、多notice 展示样式、自定义渲染内容
notice.vue <!-- Notice.vue --> <template> <div class='noticeSelf' v-if="isShow"> <!-- <div class='noticeSelf'> --> <div @click='hide'> 删除</div> <div>{{title}}</div> <div>{{me
2020-12-17 17:08:21
1230
原创 vue前端静态资源内容下载
const link = document.createElement('a') link.style.display = 'none' link.href = "../../static/员工信息导入模板.xlsx" link.setAttribute('download', '员工信息导入模板.xls') document.body.appendChild(link) link.click()...
2020-10-31 10:18:26
1062
原创 springboot + vue 前后端分离项目部署及服务器配置
一、阿里云服务器购买及配置1. 服务器购买2. 服务器实例控制台及相关配置服务器购买后修改实例密码，（以后远程连接用到，xshell、navicat、filezilla等）二、xshell安装及使用链接：百度网盘地址（点击跳转连接）提取码：hdbn下载后双击安装即可获取阿里云公网ip，填入xshell的主机地址用户名一般为root，登录密码为阿里云设置的实例密码成功连接服务器三、服务器安装jdk链接：jdk百度网盘下载（点击跳转）提取码：gy6
2020-07-09 17:14:12
12276
15
原创 JS的闭包
JS的闭包闭包的定义闭包，实际上就是Javascript中一种函数的高级应用方式。形成闭包的条件有一个 A 函数，再 A 函数内部返回一个 B 函数再 A 函数外部有变量引用这个 B 函数B 函数内部访问着 A 函数内部的私有变量以上三个条件缺一不可 //有一个 a 函数 function a() { var num = 100...
2020-05-04 15:38:23
286
转载 JSONP
什么是JSONP？先说说JSONP是怎么产生的：首先抛出浏览器同源策略这个概念，为了保证用户访问的安全，现代浏览器使用了同源策略，即不允许访问非同源的页面，详细的概念大家可以自行百度。这里大家只要知道，在ajax中，不允许请求非同源的URL就可以了，比如www.a.com下的一个页面，其中的ajax请求是不允许访问www.b.com/c.php这样一个页面的。其实网上关于JSONP的讲解有很...
2020-05-04 15:29:57
104
原创 构造函数
一、js函数首先弄明白何为函数呢，按照犀牛书的说法，函数简单的说就是重复执行的代码块。函数是这样的一段JavaScript 代码，它只定义一次，但可能被执行或调用任意次。函数的定义方式：1.声明式函数定义： function 函数名 （）{}；这种定义方式，会将函数声明提升到该函数所在作用域的最开头，也是就无论你在这个函数的最小作用域的那儿使用这种方式声明的函数，在这个作用域内，你都可以调...
2020-04-27 13:54:41
2991
原创 js的原型和原型链
构造函数创建对象：function Person() {}var person = new Person();person.name = 'Kevin';console.log(person.name) // KevinPerson 就是一个构造函数，我们使用 new 创建了一个实例对象 personprototype每个函数都有一个 prototype 属性每一个JavaS...
2020-04-25 15:20:38
112
原创 Babel Preset JSX
InstallationInstall the preset with:npm install @vue/babel-preset-jsx @vue/babel-helper-vue-jsx-merge-propsThen add the preset to .babelrc:{ "presets": ["@vue/babel-preset-jsx"]}SyntaxCont...
2020-04-25 08:42:42
1248
1
转载 Js apply方法详解
Js apply方法详解主要解决一下几个问题:apply和call的区别在哪里什么情况下用apply,什么情况下用callapply的其他巧妙用法（一般在什么情况下可以使用apply）首先从网上查到关于apply和call的定义,然后用示例来解释这两个方法的意思和如何去用.apply:方法能劫持另外一个对象的方法，继承另外一个对象的属性.Function.apply(obj,args...
2020-04-24 17:27:03
2034
原创 读懂Object.defineProperty
语法：Object.defineProperty(obj, prop, descriptor)参数说明：obj：必需。目标对象prop：必需。需定义或修改的属性的名字descriptor：必需。目标属性所拥有的特性返回值：传入函数的对象。即第一个参数obj针对属性，我们可以给这个属性设置一些特性，比如是否只读不可以写；是否可以被for…in或Object.keys()遍历。给对...
2020-04-24 11:36:52
325
原创 node.js+express+mysql搭建后台服务
环境搭建1.node.js安装前往node.js官网https://nodejs.org/zh-cn/ 下载node，本人安装在D:\node目录下，安装完毕后记得在系统环境变量里添加'D:\node\' ,打开控制台输入node -v 检查node 是否安装配置成功2.express安装node成功安装完毕之后，打开控制台全局安装express，执行npm install expre...
2020-04-11 11:59:47
741
原创 JSONP方式实现基于腾讯地图的地图搜索组件开发
1.vue项目中index.html引入 <script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=申请的key值"></script>2.map.vue<template> <div> <div class="inputDiv"> ...
2020-04-02 14:33:21
932
转载 JS树结构操作:查找、遍历、树结构和列表结构相互转换
经常有同学问树结构的相关操作，也写了很多次，在这里总结一下JS树形结构一些操作的实现思路，并给出了简洁易懂的代码实现。本文内容结构大概如下：一、遍历树结构1. 树结构介绍JS中树结构一般是类似于这样的结构：let tree = [ { id: '1', title: '节点1', children: [ { id: '1-1',...
2020-03-25 16:26:59
1574
原创 vue递归树结构，实现树结构搜索
<template> <div> <div> <Input :maxlength="5" v-model="searchValue" size="large"/> <listdata :list="list3" :depth="0"></listdata> </div>...
2020-03-24 16:29:45
1780
1
原创 vue 实现文件上传和本地预览
1、图片上传imgUpload.vue<template> <div> <div> <input v-show="false" type="file" accept="image/*" @change="changeFile($event)" ref="input"/> <button @click="up...
2020-03-20 13:59:17
3811
1
原创 vue项目中axios的封装
1、config.js文件export default { /** * 路由模式hash or history */ mode: "hash", /** * 请求超时 */ timeout:20*1000, /** * 请求公共路径 */ baseUrl:process.env.NODE_ENV === 'development' ? ...
2020-03-20 10:06:46
96
原创 vue-cropper实现图片裁剪上传
1.图片裁剪组件photoCut.vue<template> <div> <div class="info-item"> <div class="line"> <div class="cropper-content"> <div class="cropper" style...
2020-03-20 09:34:42
952
1
原创 vue开发带复选框的树组件
编写递归组件tree.vue<template> <div> <div :style="{ marginLeft: depth +30+ 'px' }" v-for="(item,index) of list" :key="index"> <div flex="main:justify cross:center"> ...
2020-03-16 09:32:52
1280
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人