自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

公众号 @ 桃小瑞

公众号 @ 桃小瑞

  • 博客(44)
  • 资源 (2)
  • 收藏
  • 关注

原创 Flutter集成个推推送-安卓原生篇

在众多的集成化推送中选择了个推,个推在flutter集成中还是比较简单的,只需要跟着官网一步一步走就可以了。今天这篇文章不涉及到flutter项目个推的集成,只是记录个推离线走安卓厂商时,进行获取一个离线的点击通知数据。在个推的官网中提供的例子是java的,不符合我的意向,再加上flutter默认是kotlin的,所以本篇文章也是以kotlin的代码为主。

2023-04-26 14:19:18 2291 14

原创 使用 chat_flutter 进行聊天记录展示

最近需要实现一个聊天记录的页面展示,在网上发现没有适合自己的,于是自己就造了一个,总体感觉还不赖。

2023-04-25 14:43:09 1085

原创 css 画图之质感盒子

css 众所周知可以做很多的事情,比如:界面效果、特效、独特的样式等。今天给各位朋友带来的是以 box-shadow 来画一个很有质感效果的一个盒子。

2023-02-26 20:18:45 2127

原创 Vue 2 中实现 CustomRef 方式防抖/节流

在前端的开发过程中,在涉及到与用户交互的过程中是基本上都是需要处理的,常规操作就是在对应位置加上防抖或者节流。加上防抖或者节流的作用:一是为了防止用户频繁操作;二是为了节约一定的服务器资源,减少资源浪费的情况。以上就是Vue 2 中的实现 CustomRef 方式防抖/节流这篇文章的全部内容。受Vue 3 中的极致防抖/节流(含常见方式防抖/节流)中利用customRef的启发。希望本篇文章对朋友你在使用vue 2的过程中有所帮助。若篇中有不足之处或你有不一样的想法或见解,欢迎在评论区留言 + 关注。

2023-02-06 22:02:36 974

原创 Vue 3 中的极致防抖/节流(含常见方式防抖/节流)

今天给大家带来的是《Vue 3 中的极致防抖/节流(含常见方式防抖/节流)》这篇文章,文章中不仅会讲述原来使用的防抖或节流方式,还会带来新的一种封装方式,使用起来更简单、更清晰。

2023-02-04 15:17:43 9887

原创 前端开发服务器中的 Proxy 代理跨域实现原理解读

在前端的开发过程中,尤其是在浏览器环境下,跨域是个绕不开的话题,相信每个前端都会涉及到这个问题,记住的就直接手敲解决跨域问题,记不住的就只能问度娘了。😂😂

2023-02-01 23:24:35 5117 7

原创 Vue 3 中的 setup

随着vue 3的发布,新增和大改了很多的东西,像响应式的修改、option Api改为component Api...

2022-12-22 10:38:26 3362

原创 前端实现高亮划词

前言 前端实现文字高亮划词。这个功能一般都是一些类似笔记产品上才会出现的一个功能,通过添加指定的关键字进行高亮显示。我这两天也做了一个出来,名字叫ohlight,实现的方式不是网上那些复杂的方式。。。

2022-12-22 10:34:35 1195

原创 别在让你的 await Streaking 了

我们现在在请求接口的过程中,已经习惯了async/await的写法,已经逐渐的代替了promise。。。

2022-12-16 10:21:28 109

原创 前端实现登录拼图验证

不知各位朋友现在在web端进行登录的时候有没有注意一个变化,以前登录的时候是直接账号密码通过就可以了,而现在我们需要通过拼图的验证才能成功登录

2022-12-11 17:25:10 1772

原创 问:前端中的原型链(Prototype Chain)是何物?

原型及原型链、继承是我们在进一步掌握 Javascript 的过程中必不可少的一步,掌握后我们将能够进一步的提升自己。

2022-12-09 17:42:52 548

原创 实现一款简单的JavaScript打包器

实现一个简单的JavaScript打包器

2022-12-09 13:53:29 920

原创 前端实现电子签名(web、移动端)通用

在现在的时代发展中,从以前的手写签名,逐渐衍生出了电子签名。电子签名和纸质手写签名一样具有法律效应。电子签名目前主要还是在需要个人确认的产品环节和司法类相关的产品上较多。举个常用的例子,大家都用过钉钉,钉钉上面就有电子签名,相信大家这肯定是知道的。那作为前端的我们如何实现电子签名呢?其实在中已经出现了一个重要级别的辅助标签,是啥呢?那就是canvas。是在中新增的标签用于在网页实时生成图像,并且可以操作图像内容,基本上它是一个可以用操作的。 对象表示一个 画布元素 -。它没有自己的行为,但是定义了一个 A

2022-12-07 12:40:40 3543

原创 使用css实现水珠/水滴效果

使用 css 实现水珠/水滴效果

2022-12-07 09:02:06 1874

原创 three.js-实现画布的响应式,根据屏幕尺寸自适应

three.js-实现画布的响应式,根据屏幕尺寸自适应

2022-12-06 14:14:24 1546

原创 three.js-结合gsap动画库,给我们的盒子添加旋转_移动动画

在 three.js 中结合 gsap 动画库,添加动画使我们的模型更加顺畅的移动和旋转,或者执行其他的动画效果。

2022-12-06 11:50:57 2206

原创 three.js-controls(控制器)

three.js 控制器的简单使用,添加阻尼和抗锯齿效果,使模型更加完美

2022-12-05 11:08:36 2720

原创 three.js-简单上手

three.js 简单上手,入门webgl 领域

2022-12-04 22:49:20 2504

原创 threeJs-简介

在前端的开发过程中,需要实现 可视化 or 3D展示操作的过程中我们可以通过echarts、webGl来实现我们想要的需求及效果

2022-12-03 19:04:16 768

原创 前端实现页面变灰功能(含 Flutter )

前端变灰效果这种在实际项目的过程中使用的比较少,一般在清明节、全国哀悼日、大地震的日子、以及一些影响力很大的伟人逝世或纪念日的时候使用,使用后的网站的网页变成灰色(黑白色),以表示对逝者的悼念。今天从前端的角度出发,看看变灰的原理及实现过程。

2022-12-02 14:53:12 1523

原创 前端跨端开发选型对比

在现在的大前端时代,产生了很多的跨端技术和框架,前端再也不是了那个只需要写html、css、js的时代,而是需要涉及到app、小程序、网页(web、h5、大屏数据可视化、webgl)、桌面端(window、macos、linux)这些方方面面,现在有很多可供我们选择的技术和框架以及打包工具,我们应该怎么选择呢?目前比较常见的有以下技术和框架,本文将会结合情况进行分析,助你在跨端开发的时候选择不在有选择困难症。...

2022-12-02 10:44:04 2303

原创 javaScript高阶函数-reduce

可能部分同学很少在项目中使用到reduce,使用过的朋友感觉到它是非常的方便。一问reduce可以干什么?有哪些好用便捷之处?下面我们将详细解释并举例使用,相信看完本篇文章后你会有更深和对其有一定的了解。reduce是es6中新增的一个方法,普遍用于求和使用,但你知道吗,它不只是可以用于求和,还有其他的使用方法和技巧。让我们一起看看它还有哪些奥妙之处。let’s go以上内容就是javaScript中reduce。

2022-12-01 11:32:11 221

原创 javaScript中的事件循环(event Loop)

js 中的事件循环(event loop)是什么?是指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制,也就是我们经常使用异步的原理。查看任务队列中是否存在任务,存在则送到执行栈中执行,反复循环查看并执行,这个过程称之为事件循环(event loop)。

2022-11-29 17:33:13 347 1

原创 Promise链式调用原理-精简20行代码

在面试的过程中,总有一些面试官会问你,手写一个简易版的Promise得行不,得行的话就写一个出来看看,啪一哈,就把纸和笔给了你。我们思索半天就写出来了个下面这个。哦豁,高薪张开了它的翅膀,远离了我们。all () {}...}本篇文章将不讲述手写出来一个简易的Promise,感兴趣的朋友可以去看我这篇文章 ->Promise详解-手写Promise,实现一款自己的简易Promise本篇文章记录的是如何实现Promise的核心功能之一的.then 链式调用,采用构造函数。

2022-11-23 17:06:23 526

原创 rollup简单使用

rollup.js的简单使用及上手,干货的教程。rollup.js是一个JavaScript的一款打包工具。

2022-11-21 17:34:57 408

原创 前端优化篇

在项目的开发过程中,优化的方式有很多,需根据项目实际情况进行一定的优化。负优化不如不优化。尽量写高质量的代码,减少一些冗余且不必要的代码,提高复用率。之所以写博客记录是因为:亦是记录也是学习。

2022-11-21 16:34:44 432

原创 Showing All Messages Command CompileSwiftSources failed with a nonzero exit code

Showing All Messages Command CompileSwiftSources failed with a nonzero exit code

2022-11-15 14:45:01 1580

原创 xcode提示debugserver is x86_64 binary running in translation, attached failed.

xcode提示debugserver is x86_64 binary running in translation, attached failed.

2022-11-15 14:36:29 1569

原创 flutter ios 配置 flavor / custom schemes

flutter ios 配置 flavor 或 xcode custom schemes

2022-11-02 19:26:57 1118

原创 react 基于 hooks 实现受控组件双向绑定

了解或会Vue的朋友都知道,在Vue中我们可以通过v-model实现 受控组件的数据双向绑定,而在React中则需要通过value和onChange实现数据的双向绑定,单个还可以接受,如多个呢。看个例子。根据上面得出结论,如果一个组件内有多个受控组件,那将会向上面一样写很多个。我们能不能封装一下只需要声明变量,不需要声明set方法呢。答案是OK的,可以看下面。Tips:input 的 type 的值为 file 时为非受控组件,原因是因为 type 为 file 时的 value 处于可读状态。

2022-11-02 11:17:36 1052

原创 Promise详解-手写Promise,实现一款自己的简易Promise

Promise 是异步编程的一种解决方案:从语法上讲,promise是一个对象,从它可以获取异步操作的消息;从本意上讲,它是承诺,承诺它过一段时间会给你一个结果。promise有三种状态: pending(等待态),fulfiled(成功态),rejected(失败态) ;状态一旦改变,就不会再变。创造promise实例后,它会立即执行。//Promise/A+规定的三种状态const Padding = 'Padding' //等待const Fulfilled = 'Fulfilled' //成功

2022-06-23 08:28:33 497

原创 日常面试题

马上毕业季就到了,又到了找工作的季节,分享一些前端的面试题(附答案的那种)。内容可能有点长。1、vue双向绑定的原理这里只说Vue2,V3使用的是proxy代理,这里先不做描述。Vue使用的是Object.defineProperty。这里只做简单的原理说明。//HTML部分 <input type="text" v-mode="msg" /> <p v-mode="msg"></p>//Js部分 const data = { msg: 'hello' }

2022-05-12 22:50:38 123

原创 Vue 权限菜单(动态路由)详解

今天记录一下Vue的权限菜单(动态路由),在我们写后台的时候用的比较多,Vue的权限菜单分两种,一种是通过本地进行,根据账号的权限进行筛选出可用的权限,组合菜单并在页面上渲染显示,另一种是根据登录的账号,后端直接回可用的权限菜单,前端进行整合渲染。第二种在日常中使用比第一种的情况多些,本篇文章讲述记录的也是第二种方式。

2022-03-16 01:09:39 12686 16

原创 Node从零到一,实现API的编写并能够访问(二)

node项目部署到服务器,通过服务器的公网ip访问,实现域名访问

2022-03-13 20:41:59 1195

原创 详解JavaScript的String(二)

本篇衔接"详解JavaScript的String "这篇文章一、字符串检测1、indexOf()方法从字符串开头开始查找子字符串,如果包含则返回下标,反之则返回 -1 let string = "hello world"; console.log(string.indexOf("o")); // 4 console.log(string.indexOf("B")); // -12、lastIndexOf()方法从字符串末尾开始查找子字符串,如果包含则返回下标,反之则

2022-03-13 17:12:43 864

原创 详解JavaScript的String

String是对应字符串的引用类型。由16位码元(code unit)组成。对多数字符来说,每16位码元对应一个字符。可以通过new构造函数创建,也可以通过字面量的方式创建。 let string = new String("hello")//new 创建 let test = "hello"//字面量创建一、length属性字符串中字符的数量(长度)。 let string = "hello world"; console.log(string.length); //11二、cha

2022-03-13 16:12:47 939

原创 详解JavaScript的Math

Math对象作为保存数学公式、信息和计算的地方。Math对象提供了一些辅助计算的属性和方法,在我们日常使用都是Math.ceil()、Math.round()等较多,本章节将对Math对象进行系列的详解

2022-03-13 15:01:21 1231

原创 JavaScript的数据类型

简述JavaScript的几种数据类型

2022-03-10 23:05:51 413

原创 var、let、const的区别

话不多说,直接上干活,我们先来说说一直存在并使用的 var,虽然现在有let和const了,但还是有很多人在使用它一、 var使用var声明的变量它并不属于一个块作用域的变量,它属于函数域变量 function test() { console.log(age); var age = 26; } test(); // undefined //没报错是因为上面的被浏览器运行时看做等价于下面的代码 // function tes

2022-03-10 13:55:08 697

原创 Node从零到一,实现API的编写并能够访问

记录一下从Node的编写到部署,本文章只是记录了一个操作的简单过程第一步新建一个文件夹,并 cmd ,进入文件夹,第二步在命令行中输入 node我这里使用的是阿里云的轻量云服务器,镜像用的是BT-Panel 7.5.1打开阿里云的服务器,找到 面板应用,然后根据指令输入,打开面板server { listen 5888; server_name api.taomo.tech; index index.html index.htm ind

2022-03-09 13:55:17 697

JavaScript Promise 原理

Promise 原理,包括then、catch、all、race、reject、finally、resolve方法。200行代码实现自己的Promise

2022-05-15

uniapp不使用第三方获取位置

uniapp不使用第三方获取位置

2021-08-21

空空如也

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

TA关注的人

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