自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Guan'Blog

Code is my baby! https://guanqi.xyz

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

原创 VSCode常用插件汇总

这篇博客主要是我使用vscode过程中的插件汇总,使用了这么长时间,总想有个总结,也方便日后查看,这里我将我使用的插件分为基础、框架、工具三个类型。官网地址VSCode插件官网地址,里面有很多的插件可以使用。基础插件这部分插件主要是和html、css、js有关的。html CSS Support这个插件支持以下语言,提供基础的语法知识编写辅助。这是插件地址htmllarav...

2019-06-21 13:40:01 41866 1

原创 uniapp项目APP端安卓ios权限检测教程

好了,以上就是 uniapp 项目 APP 端安卓 ios 权限检测教程的主要内容,有不足之处,请多多指正。

2023-10-29 14:59:52 1575

原创 基于vue3+ts5+vue-router4+pinia2的PC端项目搭建教程

vue3 目前是常用的 vue 版本,提供了组合式 API 以及一些新的功能和特性;ts 这种类型编程语言可以在编译时通过静态分析检测出很多常见错误,减少了生产环境中的运行时错误,改善了开发体验和效率;vue-router 也更新到了 4 版本,pinia 则是最新退出的替代 vuex 的一个 vue 官方状态管理库;下面就结合以上提到的技术栈组合来简单创建一个项目。vite 官网vuejs 官网ts 官网vue-router 官网pinia 官网。

2023-10-19 20:29:54 317

原创 前端代码格式化规范总结

以上就是前端代码格式化规范总结的主要内容,有不足之处,请多多指正。

2023-10-05 21:53:41 791

原创 uniapp项目实践总结(二十七)苹果应用商店上架教程

以上就是苹果 ios 应用商店上架教程的主要内容,有不足之处,请多多指正。

2023-10-04 20:48:36 347

原创 uniapp项目实践总结(二十六)安卓应用商店上架教程

以上就是安卓应用商店上架教程的主要内容,有不足之处,请多多指正。

2023-10-03 20:37:36 1032

原创 uniapp项目实践总结(二十五)苹果 ios 平台 APP 打包教程

以上就是苹果 ios 平台 APP 打包教程的主要内容,有不足之处,请多多指正。

2023-10-01 12:37:06 1755 1

原创 uniapp项目实践总结(二十四)安卓平台 APP 打包教程

以上就是安卓平台 APP 打包教程的主要内容,有不足之处,请多多指正。

2023-09-26 20:17:11 295

原创 uniapp项目实践总结(二十三)网页和小程序应用打包教程

以上就是应用打包到网页、小程序的主要内容,有不足之处,请多多指正。

2023-09-26 20:08:19 363

原创 uniapp项目实践总结(二十二)分包优化和游客模式

以上就是分包优化和游客模式的主要内容,有不足之处,请多多指正。

2023-09-25 20:31:48 266

原创 uniapp项目实践总结(二十一)日常开发方法汇总

以上就是日常开发方法汇总的主要内容有不足之处请多多指正。

2023-09-24 12:03:53 327

原创 uniapp项目实践总结(二十)URLScheme 协议知识总结

URL Scheme是一个可以让 APP 之间互相跳转的协议,每个 APP 都有自己的 URL Scheme,如果存在相同的 URL Scheme,会先跳转先安装的 APP,后面安装的会被覆盖掉。以上就是 URLScheme 协议知识总结的主要内容,有不足之处,请多多指正。

2023-09-22 20:47:47 683

原创 uniapp项目实践总结(十九)版本更新和热更新实现方法

比较版本信息v1: "", // 版本1v2: "", // 版本2text: "", // 检测结果});检测版本信息current: "0.0.0", // 当前版本online: "0.0.0", // 线上版本currentSource: 0, // 当前资源包onlineSource: 0, // 线上资源包result: "", // 检测结果data: null, // 在线信息type: "", // 安装类型。

2023-09-20 19:51:27 450

原创 uniapp项目实践总结(十八)自定义多列瀑布流组件

以上就是自定义多列瀑布流组件的主要内容,有不足之处,请多多指正。

2023-09-19 20:17:10 176

原创 uniapp项目实践总结(十七)实现滚动触底加载

以上就是实现滚动触底加载的主要内容,有不足之处,请多多指正。

2023-09-18 21:08:37 615

原创 uniapp项目实践总结(十六)自定义下拉刷新组件

/ 列表});h5 端效果小程序端效果APP 端效果以上就是自定义下拉刷新组件的主要内容,有不足之处,请多多指正。

2023-09-17 18:58:24 722

原创 uniapp项目实践总结(十五)使用websocket实现简易聊天室

以上就是使用 websocket 实现简易聊天室的主要内容,有不足之处,请多多指正。

2023-09-13 21:14:54 807

原创 uniapp项目实践总结(十四)封装存储和路由方法

以上就是封装存储和路由方法的主要内容,有不足之处,请多多指正。

2023-09-09 22:11:34 244

原创 uniapp项目实践总结(十三)封装文件操作方法

以上就是封装文件操作方法的主要内容,有不足之处,请多多指正。

2023-09-08 20:43:36 840

原创 uniapp项目实践总结(十二)封装通用请求上传以及下载方法

以上就是封装通用请求上传以及下载方法的主要内容,有不足之处,请多多指正。

2023-09-07 21:03:59 460

原创 uniapp项目实践总结(十一)自定义网络检测组件

以上就是自定义网络检测组件的主要内容,有不足之处,请多多指正。

2023-09-06 20:42:43 219

原创 uniapp项目实践总结(十)自定义滑动触摸组件

以上就是自定义滑动触摸组件的主要内容,有不足之处,请多多指正。

2023-09-05 21:03:33 176

原创 uniapp 项目实践总结(九)自定义分享组件

以上就是自定义分享组件的主要内容,有不足之处,请多多指正。

2023-09-04 20:57:50 141

原创 uniapp项目实践总结(八)自定义加载组件

以上就是自定义加载组件的主要内容,有不足之处,请多多指正。

2023-09-03 18:05:41 524

原创 uniapp项目实践总结(七)编写一个简单的应用页面

之前自定义了顶部和底部导航栏,那接下来就写一个简单的二级页面,这个是出了导航页面之外经常用到的。以上就是编写一个简单的应用页面的主要内容,有不足之处,请多多指正。

2023-09-02 21:21:58 407

原创 uniapp项目实践总结(六)自定义顶部导航栏

官方自定义顶部导航文档官方图标库文档基本用法如下:< uni-nav-bar left-icon = " left " right-icon = " cart " title = " 标题 " left-text = " 返回 " right-text = " 设置 " />< uni-nav-bar left-icon = " left " right-icon = " cart " title = " 标题 " left-text = " 返回 " right-text = " 设置 " />

2023-09-01 22:10:25 455

原创 uniapp项目实践总结(五)自定义底部导航栏

有时候我们需要定制化的需求,使用默认底部导航栏就不那么容易更改,所以这次使用自定义导航栏。这里使用公共组件的形式自定义导航栏,可能会牺牲一些性能。新建q-tabbar文件夹;新建组件;上次介绍过如何注册和使用全局公共组件,那么就不在需要全局引入了,直接在需要的底部导航页使用组件即可。一般用法监听切换操作// 改变导航console.log("底部导航:", item);current就是当前导航的序号。changeNav获取导航改变的方法。

2023-08-31 21:07:40 417

原创 uniapp项目实践总结(四)安装和使用一个插件市场的插件

以上就是如何安装和使用一个插件市场的插件的主要内容,如有不足之处,请多多指正。

2023-08-31 20:50:17 378

原创 uniapp项目实践总结(三)全局公共组件和样式以及方法的使用

看一下最后的成果展示。以上就是全局注册公共组件、样式和方法的主要内容,有不足之处,请多多指正。

2023-08-30 20:18:44 362

原创 uniapp 项目实践总结(二)从零开始搭建一个项目

导语:本篇文章主要是项目方面的技术开发总结,新建一个项目可以选择使用可视化界面,也可以使用命令行搭建。

2023-08-29 21:02:46 684

原创 uniapp 项目实践总结(一)uniapp 框架知识总结

导语:最近开发了一个基于 uniapp 框架的项目,有一些感触和体会,所以想记录以下一些技术和经验,在这里做一个系列总结,算是对自己做一个交代吧。uniapp 是 DCloud 公司于 2015 年开发的一款基于 vue 的跨端框架,编写一套代码就可以运行到 web、小程序(各种小程序)和 app(Android 和 iOS)端,使得开发一个项目的成本很小,效率很高,方便快捷。uniapp 官网。

2023-08-28 21:57:18 5324

原创 测速工具使用心得体会

以上就是我之前开发测速小工具的一些心得体会,如果对此感兴趣的朋友,也可以试着体验一下哦。

2022-10-10 21:03:49 2835 1

原创 js之页面列表加载常用方法总结

在日常的前端开发过程中,我们经常会碰到列表很长,不可能完全显示出来,所以就要进行分页,每页固定显示几条,然后下面是页数,点到哪页显示哪页的内容。除了常见的分页加载外,还要点击按钮加载,这种加载方法就是不需要点击下一页这种了,直接点击按钮往第一页的后面补上下一页的内容,非常方便。除了以上两种,滚动加载也是用的比较多的一种列表加载方法,下面就这三种方法做一下总结归纳,方便需要的小伙伴们使用。以上就是我在日常开发过程中的用的几种加载的方法,如果有什么问题,欢迎邮箱联系我。

2022-09-17 18:28:04 1086

原创 jwt在node中的应用与实践

导语:由于http是无状态的,请求响应过程中不存储记录用户身份信息,所以就出现了很多用户识别存储用户身份的方法,比如cookie,session,jwt。我最近做的一个接口服务使用了jwt来存储管理用户信息,相较于本地cookie存储,服务器端session存储,jwt就变得比较安全和节省方便,本文就jwt在node服务中的使用方法做一个简单的总结。目录jwt简介安装配置封装方法实战练习本文从以上四个方面介绍jwt的使用。jwt简介概念JWT全称JSON Web Token,它是一.

2022-01-06 16:56:15 811

原创 web开发之mysql优化总结

导语:MySQL是存储网站数据的地方,如果不进行优化的话,会导致请求很慢,响应很慢,影响数据渲染,给产品带来不好的体验,我就自己之前的项目经验,说一下如何进行MySQL数据表方面的优化工作。目录硬件配置服务器参数数据库设计sql语句优化下面就这四个方面进行阐述,分析总结我在接口项目中进行的优化总结经验方法。硬件配置一般项目如果你的项目比较小,预算比较节省,可以使用1C1G1M配置的服务器,安装mysql5.6即可;如果项目比较大,预算充足,可以配置2C4G5M等服务器,安装my.

2022-01-06 16:49:51 706

原创 使用webpack构建属于你自己的npm包

title: 使用webpack构建属于你自己的npm包date: 2021-12-02tags: [‘nodejs’, ‘npm’, ‘webpackjs’]author: Marklocation: HangZhou导语:最近做了几个项目,想对其中公共的部分进行提取,单独设置成npm包,以便别的项目可以使用,省去重复写的烦恼,在网上找了好久,终于寻得一个方法,可以打包自己的包到npm,并且同时支持游览器和node环境使用,非常方便,现在就做一个开发总结。目录准备工作编写一个方法.

2022-01-06 16:33:09 1461

原创 js获取剪切板文字图片方法

有时候经常在网上看到网页可以读取系统粘贴板的内容,可以显示文字和图片等内容,就挺好奇的,所以就研究了一下。基本原理通过监听input的paste事件,获取到clipboardData内容,然后显示到页面上面。方法实现html部分<div class="paste"> <select name="type" id="type"> <option value="text">文本</option> <option value="ri.

2021-08-28 17:10:12 1983

原创 js监控错误提示方法总结

通过挂在window对象上的onerror方法,可以很方便的监听js代码的报错信息,下面就一起体验下吧。准备工作页面列表显示<ul class="error"></ul>.error { color: #f00;}设置错误信息这样做是保存报错信息,可以随时访问,不至于刷新页面后丢失信息。function setError () { let errorList = localStorage.getItem('errorList'); if (!.

2021-08-28 10:56:54 1337

原创 Node+OBS直播服务器搭建总结

导语:最近研究了一下网页直播流的原理以及实现,现在就目前的实现方法做一个总结。目录直播流媒体协议拉流与推流Node服务搭建前端播放页面OBS推流配置直播流媒体协议先来了解一下基本的直播流媒体协议。http-flv,rtpm协议/特点开发者原理优点缺点http-flvAbode通过服务器把flv下载到本地缓存,然后通过NetConnection本地连接播放节省服务器消耗保密性差rtmpAbode通过NetConnection连接到服务器,.

2021-08-22 16:59:54 901

原创 WebRTC网页录制音视频教程

导语:最近研究了一下网页录制音视频的原理以及实现,现在就目前的实现方法做一个总结。目录相关API方法介绍实战演练相关API要实现这个功能就涉及到两个js api。getUserMediaMediaRecorder方法介绍getUserMedia通过getUserMedia这个接口来获取设备的摄像头和麦克风,返回一个Promise对象。语法var stream = navigator.mediaDevices.getUserMedia(constraints);c.

2021-08-22 16:56:58 326

空空如也

空空如也

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

TA关注的人

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