自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

泛酸的桂花酒

绿色健康小清新

  • 博客(66)
  • 收藏
  • 关注

原创 css tab 带指示器

【代码】css tab 带指示器。

2024-01-08 18:51:21 397

原创 vue3 实现notification 组件

【代码】vue3 实现notification 组件。

2024-01-08 17:16:27 601

原创 vue3 css 实现轮播图

【代码】vue3 css 无插件实现轮播图。

2024-01-08 16:00:48 597

原创 vue3 密码强度校验hook

【代码】vue3 密码强度校验hook。

2024-01-03 15:41:36 656

原创 动态选择pc移动端css文件

/ main.js (或者你项目的入口文件)// 监听屏幕尺寸变化,动态应用样式。

2024-01-02 18:17:43 503

原创 手写apply函数

Function.prototype.myApply = function(context, args) { // Step 1: 判断调用对象 if (typeof this !== 'function') { throw new TypeError('Type Error'); } // Step 2: 获取 this context ...

2023-12-31 10:31:06 117

原创 手写new 操作符号

function myNew(constructor, ...args) { // Step 1: 创建一个新的空对象 let obj = {}; // Step 2: 将这个新对象的原型,指向构造函数的原型对象 obj.__proto__ = constructor.prototype; // Step 3: 将构造函数的 `this`,指向这个新对象,并...

2023-12-31 10:18:19 94

原创 自定义全局样式

【代码】自定义全局样式。

2023-12-29 13:26:12 391

原创 自定义checkbox 样式

【代码】自定义checkbox 样式。

2023-12-29 13:02:56 417

原创 axios request 封装

import axios, { AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'axios';import { Session, Local } from '/@/utils/storage';import { useMessage, useMessageBox } from '/@/hooks/message';import...

2023-12-29 10:43:39 121

原创 vue3 tooltip 组件封装

<template> <div class="tooltip-container" @mouseover="showTooltip" @mouseout="hideTooltip"> <slot></slot> <div v-if="isTooltipVisible" class="tooltip-content">...

2023-12-29 10:32:27 156

原创 css-grid-居中方法

grid居中<article> <div></div></article>方式1.parent { display: grid;}.child { place-self: center;}方式2article { display: grid; justify-content: center; align-items: cente...

2023-12-20 16:01:33 197

原创 js基础-回调地狱与promise对象

异步·promise什么是回调地狱现在有个需要需要先执行A,在执行B,加入按照下面这么执行会先打印B,在打印A,因为A的延迟比较久。不管getA,和getB的位置怎么改变都是一样,因为setTimeout也是异步程序。 function getA(fn) { setTimeout(() => { fn('A') }, 1000) } function getB(f

2021-10-21 15:21:42 173

原创 js基础-防抖与节流

以一个搜索为例子如下代码执行后输入一个字,发现执行了多次<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale

2021-10-21 09:45:35 123

原创 js基础-闭包基本概念及应用

什么是闭包简单理解就是,函数包含函数,内部函数就是闭包 //简单理解就是,函数包含函数,内部函数就是闭包 function outFun(){ let a = 20 function innerFun(){ console.log(a); } return innerFun } //控制台打印了变了20,证明可以获取函数内部变量,内部函数没有执行完不会释放变量a占用的内存空间

2021-10-20 17:01:30 126

原创 arcgis结合react + ts 的demo,点,线,面,图例,谷歌地图,高德地图,搜索定位点

文章目录前言一、什么是arcgis二、使用步骤1.创建react 项目 引入arcgis2.创建地图创建点的方法创建线创建图例总结下面的代码地址前言前段时间看到 arcgis api 更新 4.2x 版本,而且全面拥抱 ES Modules 开发模式,相对于之前的模式对于前端开发ersi的方式,更具代码可读性,省去了一些麻烦,es modules出来有一段时间了,我们可以入手去尝试。;一、什么是arcgisArcGIS API for JavaScript 可以构建引人注目的 Web 应用

2021-10-18 13:34:46 1630

原创 macOS用命令快速打开Visual Studio Code

采用的是软连接思路设置软连接cd /usr/local/bin/sudo ln -s "/Applications/Visual Studio Code.app/Contents/MacOS/Electron" code设置环境变量export PATH=$PATH:/Applications/Visual\ Studio\ Code.app/Contents/Resources/app...

2021-07-14 10:07:53 579

原创 微信小程序自定义tab导航

1.wxml文件<view class="swiper-tab"> <view class="swiper-tab-list" data-current="0" bindtap="swichNav"> <view class="item {{currentTab==0 ? 'on' : ''}}">未审核</view> </view> <view class="swiper-tab-list" dat

2020-11-06 14:10:52 214

原创 js深拷贝方法

/** * 深拷贝方法 * @param {*} source */const objDeepCopy = (source) => { if (typeof source === 'object') { var sourceCopy = source instanceof Array ? [] : {} for (var item in source) { if (!source[item]) { sourceCopy[item] = sour

2020-08-03 13:53:30 156

原创 微信小程序同时上传多个图片方法

先上代码:如下,主要用promise.all来实现等待所有的请求完毕后关闭loading。 upImg(e) { const index = e.currentTarget.dataset.index const count = this.data.field_data[index].imgList.length; this.setData({ field_data:this.data.field_data }) console.log('count',

2020-07-31 12:11:52 748

原创 微信小程序-通过获取页面栈,刷新上一页,向上一页传值

通过getCurrentPages获取上一个页面 let pages = getCurrentPages(); //获取所需页面 let currPage = pages[pages.length - 1];//当前页面 let prevPage = pages[pages.length -2];//上一页 prevPage.setData({ params:data //传递你需要的值

2020-07-28 14:26:26 560

原创 js保留两位小数格式化金额的方法

处理思路将整数和小数分开处理/** * 金额格式化 增加千分符 * @param {*} val */export function moneyFormat(val) { if (!val) return '0.00' const i = Math.floor(val) const d = val.split('.')[1] || '00' return i.toLocaleString('en-US') + '.' + d}...

2020-07-15 15:17:33 729

原创 js下载文件方法

js实现前端下载文件方法实现原理很简单就是创建一个a标签,在a标签中放入文件的路径,出发a标签的点击事件即可。/** * path 和 name */export function downloadFile(data) { var a = document.createElement('a') a.href = data.path a.download = data.name ? data.name : '文件' a.target = '_black' document.b

2020-07-15 15:03:50 1142

原创 typescript声明与合并

如果定义了两个相同名字的函数,接口或类,那么它们合并成一个类型。这个类型函数合并即函数的重载接口的合并接口中的属性中合并时会简单的合并到一个接口中(⚠️合并的属性类型要保持一致):interface Alarm { price:number;}interface Alarm { weight:number;}相当于:interface alarm{ price:...

2020-07-07 09:59:54 666

原创 typescript函数简单理解

typescript函数的隐式定义在typescript中的函数并不需要刻意去定义,比如我们实现一个加法函数:const add = (a:number, b:number) => {a + b}这种方式没有显示的去定义一个函数,但是typescript是可以检测到的typescript函数的显式定义在变量后面加冒号与类型的定义,括号里的(a:number, b:number)为...

2020-07-06 14:40:04 227

原创 typescript之类

类类就是面向对象编程,javascript基于原型的方法来实现类,es6之后引入class关键字,本质上虽然还是构造函数,但是开发者已经可以比较舒服地使用class类对于一些特性,javascript依然还没有加入,比如修复复和抽象类等抽象类在面向对象的概念中,所有的对象都是通过类来描绘的,但是反过来,并不是所有的类都是用来描绘对象的,如果一个类中没有包含足够的信息来描绘一个具体的对象,这...

2020-07-06 11:39:25 107

原创 vue对接vaptcha验证码组件

修改自网上的demo,填入对应的vid即可,如需修改配置,传入组件对应的props即可。<template> <div ref="vaptcha" style="width:300px;height:36px"> <div class="vaptcha-init-main"> <div class="vaptcha-init-loading"> <a href="https://www.vaptcha.com/"

2020-07-06 08:35:54 1559 1

原创 typeScript接口interface

什么是接口接口是一系列抽象方法的声明,是一些方法特征的集合,这些方法都应该是抽象的,需要由具体的类去实现,然后第三方就可以通过这组抽象方法调用,让具体的类执行具体的方法。TypeScript 的核心原则之一是对值所具有的结构进行类型检查。typescript interface的使用typescript interface 可以包含只读属性,可选属性,函数类型user.say = fun...

2020-07-05 21:07:14 344

原创 js实现vue组件打印,选择内容不打印

###js方法,获取dom,用windows方法来打印。export function myPrints(obj) { var printBox = obj // 拿到打印的区域的html内容 var newContent = printBox.innerHTML // 将旧的页面储存起来,当打印完成后返给给页面。 var oldContent = document.body.innerHTML // 赋值给body document.body.innerHTML = newC

2020-07-05 10:05:13 1197

原创 typescript原始类型

1.typescript的原始类型typescript类型包括:boolean,number,string,void,undefined,null,symbol,bigint2.布尔类型即true/falselet isDone:boolean = false4.数字typestript除了支持十进制和十六进制度,还支持2进制和八进制let decLiteral:number = ...

2020-07-03 16:55:24 396

原创 开始使用typescript

环境所需node --- 最新的稳定版npm或者yarnide(各种个样看自己喜好)安装typescript有两种主要的方式来获取typescript工具:通过npm,yarn来安装通过ide安装,webstorm ,visual studio来安装npm安装命令如下:npm install -g typescript创建环境1.新建一个目录用并打开新建...

2020-07-03 15:04:58 131

原创 typescript是个什么东西

看看官网对typescript的介绍官网截图我们可以得知typescrit 是javascript的超集,和coffeescript 一样都是compile tojavascript language,但是和coffesscript不同的是typescript是静态类型的语言。静态语言和动态语言,可以简单用现象来理解,运行时报错时动态语言,编译时报错是静态语言。使用typesc...

2020-07-03 10:52:54 443

原创 网易云信IM web demo测试

运行Web IM的demonpm installnode app在浏览器中访问 http://127.0.0.1:8182/webdemo/index.htmlimage.png4.在网易云信注册账号,然后在控制台创建一个应用,记录下应用的App Key。image.png5。在这个应用的功能管理找到IM免费版的账号管理,添加一个IM用户,后续接...

2020-03-24 14:58:03 810

原创 在window server 2016下安装docker 创建镜像,并运行.net core实例

docker 基本操作可以看https://www.jianshu.com/p/c69a2a3b4c7alinux上安装可以看https://www.jianshu.com/p/dc38b80727e4查看系统版本开始---运行---输入winver系统版本打开PowerShellimage.png运行sconfig,选择6 回车image...

2019-12-31 11:22:26 683

原创 关于推荐系统

参考文章作者:吴海波链接:https://www.zhihu.com/question/336277560/answer/759189088比你更了解你,浅谈用户画像什么是推荐系统维基百科的定义推荐系统是一种信息过滤系统给,用于预测用户对物品的评分或偏好。推荐系统需要对已经存在的连接,去预测未来的连接。比如电商平台会根据你买过什么,浏览过什么这些人和商品直接的连接来预测你还可能买...

2019-10-14 15:48:22 127

原创 vue实现canvas自适应3/4圆环进度条

演示地址完整代码地址#效果如图#方案背景###需求1.圆环需要呈现3/4进度条2.小球跟随数字大小而准确落在正确的位置3.可以配置舒适范围的颜色4.当超出舒适范围变为红色,超出剩余部分变为红色#对应方案1.用canvas实现3/4圆环2.利用坐标系计算出小球的位置3.利用容器百分比实现自适应4.对应颜色范围使用弧长公式计算###代码实现在canvas上面定义一个父容...

2019-10-12 10:07:31 1528 2

原创 tensorflow 2.0安装 anaconda方法

2019年1月份,tensorflow官网上更新了tensorflow alpha版本,最近抽空体验了下,相对于tensorflow 1.下版本,2.0更简洁易用,相对于1.0的版本2.0更降低了入门的学习难度。tensorflow安装所需环境*Ubuntu 16.04或者更高版本*windows 7 或更高版本*macOS 10.12.6(Sierra)或更高版本(不支持GPU)*...

2019-07-22 08:52:14 83

原创 简单使用使用kaggle

向我这样的条件不好的可以考虑借助云gpu来加速训练,借助kaggle可以在kaggle服务器上训练数据,kaggle也可以提供gpu训练,在科学上网情况下,体验更好。(条件好的请忽略本文)1.选择Kernels,可以看到如下界面image.png2.选择New kernelimage.png3选择notebook(我这里做ML习惯用notebook)...

2019-07-19 17:09:29 604

原创 pycharm配置pep8

pep8 是Python 语言的一个代码编写规范。新手可以尝试一下这个工具 - autopep8首先在全局环境中(不要在虚拟环境中安装),安装一下这个工具。pip install autopep8在pycharm中导入工具Name: AutoPep8Description: autopep8 your codeProgram: autopep8Arguments: --in-pla...

2019-07-18 09:39:25 238

原创 理解循环神经网络(RNN)

参考文章Understanding LSTM Networks译文什么是循环神经网络神经网络简单介绍(Recurrent Neural Network)神经网络可以当作是可以你和任意函数的黑盒子,只要数据量够多,给定特定的x,就能得到期望的y:image.png神经网络介绍尽管神经网络的模型已经能拟合任意的函数了,但是在都是只能处理一个一个的输入,t个输入和t+1,...

2019-06-10 15:44:55 206

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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