自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(109)
  • 收藏
  • 关注

原创 【CSS01】CSS概述,使用样式的必要性,CSS语法及选择器

概念:Cascade [kæˈskeɪd] Style Sheet [ʃiːt] 级联样式单/表,层叠样式表CSS有化腐朽为神奇的力量,掌握了CSS后在页面美化方面能限制住你的只有想象力。看到页面感觉很复杂,那是不是学习CSS也很难呢?其实CSS类似于HTML是标记语言一样,没有逻辑运算等。

2024-07-08 18:46:24 1026

原创 wordpress的restfull API使用教程,之如何用postman调试API,以便能使用vue等前端框架开发主题

上文展示的basic auth仅适用于开发环境,生产环境,如果要在任意地方使用,比如新建了vue前端来构建wp主题,可以用。2、官方API手册:https://developer.wordpress.org/rest-api/reference/官方API手册:https://developer.wordpress.org/rest-api/reference/:确保使用的用户角色有权限创建文章。所以接下来需要做的就是将一些变量换成自己的,比如。:使用正确的认证方式进行API请求,通常使用。

2024-07-08 18:39:49 1161

原创 在postman中调试supabase的API接口

1、在使用接口联调时,确保每个API都需要附带请求头api key(类似于token2、在update更新数据时,要使用patch而不是put。3、官方没看到有postman的调试说明。如果在vue等项目中联调,则需要使用官方的SDK库来完成。REST API手册:https://supabase.com/docs/guides/api如果你在web前端开发、面试、前端学习路线有困难可以在下方加我名片

2024-07-01 21:15:00 904

原创 免费开源的后端API服务-supabase安装和使用-简直是前端学习者福音

一个开源免费的后端框架,firebase的替代品。可以简单理解类似于,但是不仅仅只提供内容,它还集成了服务订阅、即时API,用户身份认证(包括第三方身份认证,比如使用githubGoogle等账号实现快速登录和注册)、边缘函数、文件存储等功能。截止到2024-7-1的数:68.2K。

2024-07-01 21:00:00 784

原创 sourceTree 和Tortoise git软件的对比,以及使用sourceTree管理公司托管的 gitlab 项目或github项目

一旦你体验过sourcetree后,就会觉得它是你的Git 可视化操作的终极方案。会让你直接放弃小乌龟这个老旧的软件。

2024-06-24 16:42:04 1160

原创 【HTML03】HTML表单语法笔记,附带案例-作业

允许用户输入信息,和提交信息的-收集用户信息。表单:表单容器+表单控件组成。控件:输入框、单选按钮、多选、下拉框、多行文本域、文件上传、密码等。

2024-06-24 16:05:11 530

原创 【问答系列】安装vue3的方式大总结,为何可以使用npm create vue@latest或npm init vite@latest充当vue脚手架安装vue项目

根据vue所述,建议安装nodejs的18.3及以上版本来开发vue3项目。但是实测nodejs 16+也可以。我在nodejs的16版本,运行如上命令后,不会报错,而是会提示你要安装:(y)当我输入y后,就会安装并执行create-vue,它是Vue官方的全新脚手架工具。但是假如我切换到nodejs的18版本,运行如上命令后,不会提示我安装命令,而是提示如下,表示可以安装项目了,npm create其实是npm init的一个别名:SeeUse。

2024-06-19 17:21:28 1361

原创 【bug修复系列】nvm安装nodejs多版本时显示 is not yet released or available的解决方案,并解决nvm ls available为空的问题

这就是原因了,因为它找不到可供下载的版本。如果你在web前端开发、面试、前端学习路线有困难可在下方联系我。同样的,现在也可以使用安装命名,安装你想要的。的官网查了,明确已经是发表且可用可下载的。的文档,发现,对于中国用户而言,可以切换。

2024-06-19 16:59:38 1375 1

原创 【HTML02】HTML表格语法、细边框实现-附带案例-作业

将table的border属性设置为1,然后使用CSS的属性border-collapse属性设置为collapse,来合并边框。将table的border属性设置为1,然后使用另外的html表格属性cellspacing来合并边框。​ 找到要跨行的第一个单元格,给他添加rowspan=“要跨的行数,比如2”​ 找到要跨行的第一个单元格,给他添加colspan=“要跨的列数,比如2”​ 找到另外一行的那个单元格,将其删除或注释。​ 找到另外一列的那个单元格,将其删除或注释。​ 创建单元格,td、th。

2024-06-18 18:28:04 1075

原创 【HTML01】HTML基础-基本元素-附带案例-作业

英文全称:Hyper Text Markup Language中文:超文本标记语言,就是52个标记嵌入在纯文本中,实现超文本效果的语言。超文本:在纯字符中嵌入样式、图片、音频、视频、超链接等内容标记也称为标签,如:

2024-06-18 09:56:19 842

原创 uniapp开发的小程序toast被键盘遮挡提示内容无法完全显示问题解决

同时看了官方文档(见下方参考链接),也没有对应的设置显示位置或偏移量的问题。即,简单来说:Toast会被弹出的输入法遮住,无法显示系统提示内容。1、自己写个toast的自定义组件,这样就能方便控制它的显示位置。来显示是否提交成功,结果被系统的键盘给盖住,无法显示完全。2、点击提交反馈按钮后,隐藏系统软键盘,以便让用户看到反馈。隐藏已经显示的软键盘,如果软键盘没有显示则不做任何操作。幸运的是,还真有这么一个全端小程序兼容的方法。也就是在提交反馈后,先关闭软键盘,再弹出。后,当用户提交反馈后,调用了系统的。

2024-05-09 17:58:26 791

原创 小程序开发之tdesignUI组件的简易使用教程

TDesign是腾讯各业务团队在服务业务过程中沉淀的一套企业级设计体系。该UI框架支持桌面端、移动端、小程序端等全端。

2024-05-09 17:19:04 1618 1

原创 pdf预览空白问题解决。第一次预览正常,再重新打开就空白的问题。是因为cmaps没有更新

第一个`PDF`的接口加载了电子签章的字体,但是当我点击第二个`PDF`时,就出现预览空白,原因是因为它沿用了前面`PDF`的`cmaps`文件。后面我发现用这些预览时,其实都是用的是同一个组件。所以,就应该销毁`PDF`预览组件,让其第二次打开时,重新构建,不依赖之前的缓存即可。最终添加了一行很简单的代码来解决了。

2024-04-09 18:15:48 825 1

转载 TypeScript快速入门-鸿蒙ArkTS开发版-附带学习视频

ArkTS是HarmonyOS优选的主力应用开发语言。它在TypeScript(简称TS)的基础上,匹配ArkUI框架,扩展了声明式UI、状态管理等相应的能力,让开发者以更简洁、更自然的方式开发跨端应用。JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。

2024-03-01 17:57:38 294

原创 elementUI的表单错误项在加载页面后自动标红并提示+自动定位到表单项的实现

所以需要分两步做,先来判断是否有异常项,因为后端返回的数据是树状结构,会有多层级,我需要遍历递归数组的每一个节点对象是否有。的方法了,这里的问题就在于可能会有多个标红字段,那么只需要自动定位到第一个就行。弹框,询问用户是否需要自动定位,如果需要,则自动定位到第一处异常的表单控件这。表单控件,所以第一件事就是去该表单的文档页查看是否有加载页面就校验的方法。2、弹出框提示,询问用户是否自动定位到异常处,如果选择是,则自动滑动页面。属性给的,只要该属性的值不是"",就会自动显示红色的框。

2024-02-07 17:22:21 1450

原创 【帮解决bug系列】vue在elementUI的el-table下添加嵌套行时,出现影子行的问题解决

vue不会出错,你给他什么数据,他就展示什么数据,所以写vue的关键,就是要弄清楚数据的流向,看看最终渲染的数据是什么。因为代码不是自己写的,有时候真是排查2小时,解决bug只需要10分钟。如果你在web前端开发、面试、前端学习路线有困难可以加我V:imqdcnn。免费答疑,行业深潜多年的技术牛人帮你解决bug。加我微信可提供web前端开发,网站开发、技术咨询、答疑、直播讲座等服务祝你能成为一名优秀的WEB前端开发工程师!

2024-02-06 11:24:46 958

原创 一文就知道uniapp等跨端开发的使用场景,学习成本,如何快速使用,基本语法等

是一个跨平台开发各种各样应用的一套框架。只需要写一套代码,可以适配多达14种产品类型,比如H5移动端、微信小程序及各种其他小程序,ios、安卓等接近原生APP的应用(可以上架到App Store或应用商店)。所以这里的多端,指的并不是PC、平板、手机端,而是移动端优先,开发者可以一次编码,分别编译为小程序和 Android 以及 iOS 应用,实现多端开发。Uniapp 是由中国开发者开发的,因此在中国的使用量和受欢迎程度最高。

2024-01-16 18:21:31 1171

原创 将web如vue等项目部署到宝塔docker镜像中,以便能在任意浏览器访问

有两个地方都需要添加,宝塔防火墙和对应的云服务防火墙,比如我的服务器是腾讯云的,就需要到腾讯云去添加。添加后,会自动启动容器,可以看到启动状态,你也可以手动启动,如果启动失败,可以查看右侧的日志。添加容器的界面中输入容器名字(任意输入都可以),镜像选择刚刚导入的要部署的镜像。如果你用的是docker desktop等工具制作的镜像,并且也已经推送到了。接下来就可以直接使用你的服务器IP+端口来访问部署好的镜像项目了。中,即可以在该网站搜索看到对应的镜像,就可以在。添加端口,容器端口写。

2024-01-16 18:15:39 1323

原创 uniapp快速入门大纲,带你入门并具备开发基本应用的能力

通过这一天的课程,学员将能够快速入门UniApp,并具备开发基本应用的能力。我觉得还是有参考意义的,可以借鉴给初学uniapp的同学。202312月底,应邀有一次uniapp的公开课。4、使用uniapp结合地图API开发实战 day03。2、H5中基于地理位置信息的API讲解 day02。

2023-12-05 16:48:19 161

原创 uniapp到底用什么ui框架最合适-关于uni-app的ui库、ui框架、ui组件

官方对组件的使用建议是:1. 首先使用内置组件2. 然后使用uni ui扩展组件3. 其他需求依靠插件市场其他组件灵活补充

2023-12-05 16:26:20 7193

原创 uniapp是否可以用vant等移动端UI库、使用步骤以及需要注意的问题

解决方法,修改 ~node_modules\vant\lib\index.css 文件,将该文件中的 “url” 改为 “ url” ,一共需修改2处。其他问题,请参考:https://github.com/youzan/vant/issues?原因是微信小程序不支持document,window对象,所以navigator自然是无法使用的。参考文章:https://github.com/youzan/vant/issues/12421。1、安装Vant Version 2.13.2后,导入样式,报错。

2023-12-04 17:45:03 5522 1

原创 如何在uniapp中使用uviewUI-适合uniapp的ui组件

uView是uni-app生态专用的UI框架,uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码, 可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自uni-app网)。a、先打开uview的插件地址:https://ext.dcloud.net.cn/plugin?c、导入后,在弹出的对话框中选择要导入的项目,这样就会在该项目中自动生成一个。a、在引入uView的全局SCSS主题文件。在main.js中引入。

2023-12-04 17:03:05 3982 1

原创 uniapp是否可以用elementUI等前端UI库、使用步骤以及需要注意的问题

在PC端开发uniapp,可以用elementUI,因为elementUI就是PC端的。5、在HbuilderX中,启动该项目,并且在浏览器中打开,就可以看到如下效果了。在使用uniapp,选择vue2.0时,实测可以用nodejs16的版本。1、新建uniapp的默认模板(空白模板),创建时,选择。1、如果要支持微信小程序,那么可以尝试使用。中查找适合的ui组件、ui框架、开发模板。是无法跨多端使用的

2023-12-01 17:03:47 8968

原创 使用vue-admin-template时,需要注意的问题,包括一定要去除mock.js注释

等前端框架时,如果你没有打算用他们的mock数据,在生产环境下一定要注释mock引用的代码,虽然它没有被调用,但是如果你不注释,就会被打包进去。如果你在web前端开发、面试、前端学习路线有困难可以加我V:imqdcnn。免费答疑,行业深潜多年的技术牛人帮你解决bug。将其注释或删除即可,其实官方也是要让你删除的,只是容易忽略。代码打包进去,可能会污染你的接口,并且增加很多打包体积

2023-11-29 10:00:48 338

原创 解决PDF预览时,电子签章、日期等不显示问题

那到底是哪里出了问题呢,我再一次考虑是不是因为日期字体等文件没有请求成功的问题。最终发现就是在加载日期字体时,出了问题(没有报错,但是无法预览)。免费答疑,行业深潜多年的技术牛人帮你解决bug。找到PDF引用cmaps的文件,将public去除,重新打包即可在开发和生产环境正常看到电子签章了。继续排查,发现通过接口下载下来的接口是有日期的,这个侧面也证明数据是没问题的。,但是依然没有显示,问题是浏览器控制台也没有报错。根据网上搜索,排查,我先看看,对比正确的路径,发现原来是多了public路径

2023-11-23 17:36:07 2507

原创 保姆式教你如何用navicat导入Excel文件到MySQL数据库实操

需要将`2K`多家的企业信息导入到数据库中,在`strapi`的后台中并没有提供一键导入Excel的功能。所以最简单的方式就是直接将Excel导入到数据库中。云服务器中安装了宝塔面板搭建的`mysql`数据库

2023-10-10 11:17:11 3655

原创 关于vite的静态资源放置路径与打包问题:到底是放public下还是放assets下

如果图片不需要被处理,比如网站的结构用图,如logo图片,则放`public`中,否则如内容图片或者需要被构建为`base64`的小图标可以放放`assets`中

2023-09-28 11:27:12 12666 3

原创 object-fit,object-position让img标签表现得像背景图那样能自适应和调整显示位置

使用img标签像背景图那样能自适应和调整显示位置,论`object-fit` 的用法,它就相当于是 背景图 `background-size` 的作用

2023-09-27 15:15:18 830

原创 vite跨域proxy设置与开发、生产环境的接口配置,接口在生产环境下,还能使用proxy代理地址吗

只有在开发环境才会走`vue.config.js`里面的代码,`proxy`的代理才会生效。在生产环境下,因为前端代码已经被工程化构建化了(即`dist`目录下的文件),只有纯前端代码,他通常会部署到和后端服务一样的域名下,用的是相对地址,就不存在跨域了

2023-09-27 15:02:14 5949 3

原创 strapi从4.11.5等旧版本升级到4.13以后的最新版报Uncaught TypeError: Failed to construct ‘URL‘: Invalid URL的问题解决

strapi的4.11.5升级到4.13.3后,当点击后台的媒体库时,在chrome等浏览器中报错了:Uncaught TypeError: Failed to construct 'URL': Invalid URL的问题解决

2023-09-25 09:44:47 2229

原创 wordpress各个版本环境要求

最新的`wordpress`(目前是6.3.1)推荐的运行环境:- `PHP`版本 7.4 或更高版本。- `MySQL`版本 5.7 或更高版本或`MariaDB`版本 10.4 或更高版本。- 使用`HTTPS`协议

2023-09-21 09:30:15 1329

原创 vue子组件的数据处理后竟然影响了父组件的数据,导致父级的数据也同步变更了的问题解决

如果你在web前端开发、面试、前端学习路线有困难可以加我V:imqdcnn。免费答疑,行业深潜多年的技术牛人帮你解决bug。另外的问题是,为何在子组件处理的数据会影响到父组件的数据呢?有知道的同学可在下方留言。只是影响到了第一层,第二层的数据还是原始数据的引用。,即使我深度复制父级数据再处理后,还是有此问题。最终,我通过map解决了问题。这种方式是直接改变了原数组的,我猜测原因可能是上面的。

2023-09-20 09:42:08 657

原创 elementui-slider 滑动时会重置为0的问题解决

不管滑动哪个滑块,滑动时都会自动归0(划得动,但是会还原为初始值),但是他确实触发了`change`函数。因为这个调用了接口,在调用接口后,才恢复正常

2023-09-19 09:26:17 821

原创 微信小程序如何跳转到tabBar页面、如何携带参数过去

微信底部如果用的是系统自动的`tabbar`,也就是在`app.json`中配置的底部路由:需要注意以下两个问题:一、跳转链接时,不能使用navigator标签、 wx.navigateTo、wx.redirectTo方法跳转页面二、不能用常规的方式给tabBar的页面传递参数

2023-09-18 10:28:14 8189

原创 【strapi系列】strapi在登录时调用api/auth/local获取token接口一直报401、403、400错误的问题解决

`strapi`在调用`api/auth/local`登录接口时,一直报`403 forbidden` 或 `401 (Unauthorized) error`问题的解决

2023-09-05 15:43:10 1549

原创 elementui的el-dialog组件与el-tabs同时用导致浏览器卡死的原因解决

在弹出框中,如果使用el-tabs,会导致弹出框无法关闭,且浏览器卡死。解决方法是在`el-talbs`的面板中不放任何内容,将内容放在el-tabs外面,然后用v-show来控制对应的内容的显示

2023-09-04 22:30:03 1794 1

原创 vue-element-admin最新版4.4实现多个url路由匹配到一个路径时,左侧菜单保持高亮状态

当我访问申请开户时,也希望支付菜单能保持高亮状态。因为菜单这里用的是精确匹配路由,只有访问到`url`对应的路由,该菜单才会高亮。

2023-08-25 11:46:54 666

原创 pdf.js构建时,报Cannot read property ‘createChildCompiler‘ of undefined #177的解决方法

在本地和CI工具进行构建时,报如上错误。Cannot read property 'createChildCompiler' of undefined #177解决方法: parallel: false, //新增的一行

2023-08-24 18:12:42 754

原创 【strapi系列】strapi在postman中如何调试public和认证用户Authorization的接口

首先,如果是`public`用户,即请求头不带`Authorization`都自动为`public`用户。然后,如果是`public`用户,每新建一种文章类型,都需要在对应的`public`权限中**勾选对应的权限** 再用postman调试

2023-07-23 12:37:03 702

原创 对程序员有用的AI角色扮演脚本

以下脚本虽然是英文,但是你可以输入英文后,告诉它,接下来请用中文来回答即可。

2023-07-18 17:15:16 631

webTrc推流播放地址

webTrc推流播放地址

2023-08-22

空空如也

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

TA关注的人

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