自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(113)
  • 资源 (13)
  • 问答 (6)
  • 收藏
  • 关注

原创 小程序实现订阅功能和测试发送订阅信息

现在一次性订阅是只能用户点一次才能发送一次,而针对长期模板只有规定的几种类目政务、民生、交通等等的才可以,所以说感觉这功能其实已经不是很适合使用了,只适合一些特别的场景才可以使用。实际业务逻辑应该是用户在页面出发wx.loin的时候获取到的code,然后后端请求获取到openID,存在用户信息上。以上就可以实现用户点击订阅,然后我们用postman调试了,但是实际上这些调用应该是在服务端调用,防止信息泄露。(1)从参数可以看到,我们要先拿到。(2)获取用户的openID。二、页面让用户点击订阅(

2024-04-07 14:07:26 523

原创 微信小程序嵌入H5页面

微信小程序中嵌入H5页面通常指的是在小程序中使用Web-view组件来加载外部的网页。而要实现小程序与H5页面的通讯,一般通过URL参数传递或者使用微信的JS-SDK。但是要使用该功能需要小程序是通过微信认证并且需要再小程序的开发设置里面,找到业务域名,按照要求来验证服务器才可以使用web-view组件。web-view组件文档:https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html。

2024-04-07 13:59:55 608

原创 低版本echarts的升级到新版5.4.0的echarts浏览器预警和报错信息

五、[ECharts] DEPRECATED: textStyle hierarchy in axisLabel has been removed since 4.0. All textStyle properties are configured in axisLabel directly now.三、[ECharts] DEPRECATED: label.emphasis has been changed to emphasis.label since 4.0。

2023-12-12 13:50:31 1957

原创 vue实现海康H5视频插件播放视频的实例,实现取流失败了之后重新获取新的流播放视频

vue实现海康H5视频插件播放视频的实例,实现取流失败了之后重新获取新的流播放视频h5player是一个基于HTML5的流式网络视频播放器,无需安装浏览器插件即可通过websocket协议向媒体服务取流播放多种格式的音视频流。首先去海康开发平台,把插件包给下载下来。但是这个包需要登录下才可以获取到地址:https://open.hikvision.com/download/5c67f1e2f05948198c909700?type=20。

2023-11-23 11:08:05 2433 6

原创 【uView】循环使用u-upload上传组件实例

的返回值是来自index的传递参数的,所以我们可以通过这个参数来确定当前的上传组件所在的数组的下标值是多少,这样就可以把上传成功返回的参数赋值到对应的数组参数里面去。1、在文档上面可以看到成功失败删除的回调方法都会有一个。因为微信小程序的上传也是需要修改头部信息的和添加。的,所以需要手动把头部信息给修改了。

2023-09-27 09:25:51 571 2

原创 简单聊聊uniapp和uview组件库一起开发

但是引入的萤石云的js,比较大,相对于微信小程序的不能太大的包来说,有点难受,而且播放也是有些许问题的,所以使用微信小程序的最好方法就是使用引入微信小程序的半屏模式来播放视频,但是需要进行申请,具体操作可以看看官网。但是因为我使用了uview的组件库自带的http请求方式,在拦截配置里面修改,但是后面发现这个问题,会出现一个问题就是会导致Cookie不一样,从而导致接口报错会话过期!在运行到微信小程序上面的之后,会发现有不少的自己写的样式会失效的。三、Set-Cookie的微信小程序不能自动带上的问题。

2023-08-24 08:55:01 773 2

原创 饼图的legend文字太长和数量太多处理

在我们使用图表饼图的时候会发现因为数据太多导致页面的布局发现重叠或者不好看,比如label的文字太长了,legend的数量太多了等一些问题,所以今天我们就来聊聊遇到这些问题的是可以通过那些设置来进行改进。legend的数量太多需要进行分页处理的方法,就是给legend的添加一个。分页信息的文字样式的修改,就是正常的css样式属性,只是记得要用驼峰命名。下面是处理文字太长的行数,这里设置的是超过8个字就进行换行。分页图标箭头的设置,可以修改,可以用原本的箭头模式。的属性,就可以实现分页的效果。

2023-08-21 14:33:14 1755

原创 nvm-----node版本管理器

使用nvm来进行切换不同的node版本我们在开发的时候有会很多的新老项目,有些老项目会要求使用低版本的node,但是新项目又会要求高版本的node,这个时候就是很纠结了。因为低版本的项目你用高版本的node进行启动会有启动失败或者代码保存的时候就会导致内存溢出(这个问题可以参考其他的文章解决,但是我发现我找到的办法都没有办法解决)。所以就是使用了nvm来进行版本的管理器先看看官网文档:https://nvm.uihtm.com/这个可以进行下载和安装教程,

2023-08-17 10:20:31 199

原创 TortoiseSVN-1.14.5.29465-x64-svn-1.14.2的安装包以及汉化包

TortoiseSVN-1.14.5.29465-x64-svn-1.14.2的安装包以及汉化包。如果你想在你的编辑器,比如vscode上面使用svn的插件,记得安装的时候要把这个给选上。如果没有选上也没事,重新点击安装包,选择 Modify 然后重新选上。空白地方鼠标右键,今日设置,选择语言是中文。包内内容,一个安装包,一个汉化包。CSDN资源地址,0积分。为了存一手这个安装包。

2023-07-24 10:31:35 5285 12

原创 uniapp和uview组件实现下拉触底刷新列表

以上示例使用了uView的LoadMore组件来实现下拉触底刷新列表,你可以根据自己的需求进行修改和调整,如改变请求的接口地址和参数,修改列表的渲染方式等。Hbuilder X 的插件市场进行引入使用,详情请看官网(建议使用)7、在生命周期添加下面内容。

2023-07-14 08:43:15 2985

原创 「揭秘」promise和axios封装请求模式

然而,在真实的项目中,错误处理是必须的。然而,在每个组件和页面中单独处理每一个请求并不是一个好主意,而应该把网络请求的逻辑放到一个统一的地方,这里我们可以将Axios封装成一个JavaScript函数,返回Promise实例。本篇文章介绍了如何在Vue开发环境下使用Promise结合axios来对接口进行封装成方法,并使用async/await来调用封装后的函数来进行同步或异步请求。在上面的代码中,我们将Axios的返回结果进行解构,判断data中的 error_code 是否为0,如果是,则使用。

2023-06-09 08:59:41 1402

原创 vue使用的百度地图的天气查询功能

首先需要在 Vue.js 项目中安装百度地图 JavaScript API SDK,并获取相应的密钥(ak)。官网文档:https://lbsyun.baidu.com/faq/api?替换为你自己在百度地图开放平台申请的密钥。我们更多的是让后端在服务器进行请求,然后把数据返回给前端,这样可以减少跨域和代理的麻烦!这样,在用户点击按钮时就会向百度地图天气 API 发送请求并处理结果。注意:以上代码仅为示例,实际项目中可能需要根据实际情况进行修改和调整。字段,以便在后续使用中保持对该实例的引用。

2023-05-31 13:52:40 1310

原创 git如何查看项目的分支和转换分支来提交代码

综上所述,要提交代码,首先需要确保当前在正确的分支上。如果不在正确的分支上,请使用“git checkout”命令切换到所需的分支。完成更改后,使用“git add”、“git commit”和“git push”命令将更改推送到远程分支。该命令会将当前分支切换到指定的分支(是分支的名称)。该命令会列出当前仓库中所有本地分支。其中,带有"*"符号的分支表示当前所在的分支。以上命令将当前分支的更改推送到与之关联的远程分支(是远程分支的名称)。其中,是此次提交的摘要,是此次提交的详细说明。

2023-05-17 11:20:19 960

原创 vue百度地图通过地址名称来获取该地址的经纬度gps

在Vue项目中,可以通过使用百度地图JavaScript API来实现根据地址名称获取经纬度GPS的功能。如果地理编码成功,将返回经纬度坐标对象,并打印出其经度和纬度值。方法进行地理编码,将地址字符串作为参数传入。例如,在模板中添加一个输入框和一个按钮,当用户点击按钮时,会激发。的方法,该方法接收一个地址字符串作为参数,并返回该地址的经纬度坐标。这样,就实现了在Vue项目中根据地址名称获取经纬度GPS的功能。// 地理编码成功,返回经纬度坐标对象。// 获取当前地址的经纬度坐标。// 对地址进行地理编码。

2023-05-17 08:42:24 1658

原创 el-input 怎么添加鼠标悬浮内容展示

然后,您可以添加一个文本框和图标,当鼠标悬停在这些元素上时,提示框就会显示。事件侦听器,以便在用户鼠标悬停和移开时显示和隐藏提示框。希望这个答案对您有所帮助,如果还有问题,请随时询问。如果您想在输入框左边或右边显示提示框,请将。如果要更改提示框的样式或其他属性,可以在。属性设置为相应的位置(例如,组件上使用相应的属性。在这个示例中,我们为。

2023-04-26 08:57:58 3684

原创 three.js 怎么在自动缩放的时候添加动画效果

这里的Tween对象接收两个参数,第一个是目标属性(即对象属性需要从当前值变化到的目标值),第二个是动画的持续时间。注意,使用Tween.js时需要在主循环中调用TWEEN.update()函数来更新Tween对象的状态。Tween.js提供了一种简单的方式来创建和管理动画,它可以让开发者通过简单的API来控制对象的属性变化,从而实现动画效果。这段代码会在组件挂载后创建一个 Tween,从 x 的初始值 0 动画到结束值 100,动画时长为 1000ms,在每次 Tween 更新时输出 x 的当前值。

2023-04-23 16:48:29 996

原创 vue+萤石云ezuikit.js播放直播流视频(声音自动关闭,添加控件,多个视频播放)

通过demo发现,主要是区别就是容器盒子的ID不一样,至于声明多个变量只是为了在其他方法里面进行一些操作,我这里是暂时用不到,因为常用的控件都自带了,就不需要额外的方法去进行操作了。多个视频播放的话,demo里面也有说明的,就是new多个实例,但是按照demo里面的用法,其实我们实际使用是感觉不行的,所以只能说按照demo的思路走。看过官网的文档都知道萤石云的文档是多么的‘善解人意’哈,懂得都懂,很多东西没有说清楚的,只能靠自己去摸索或者看他们的demo来一点点测试实现。,但是最后发现,都没有反应。

2023-04-04 14:11:19 4049 11

原创 echarts的展示区域地图,添加纹理图片

echarts的展示区域地图,添加纹理图片

2023-03-28 10:42:28 6848 11

原创 Vue+ElementUI+Echarts的地图DOM

地图图表的开发在我们开发的过程中就很常见,特别是在开发大屏的时候,最近在进行地图图表的开发,就单独用引入的方式来记录一个DOM,让大家一起学习下。从上图可以看到,这个主要是就是对地图做个一个展示,省份的高亮,各个板块的颜色修改的一些功能的DOM。因为我添加了颜色的图层展示,就导致了地图样式修改会失效,比较已经给了底色。因为我使用是html来写的,所以都是用引入的模式来进行开发。旁边的颜色块选择修改的模块就不一一展示了。的省份数据,记得名字要一样的,不能修改。

2022-09-07 16:34:05 970

原创 vue+ElementUI的实际应用例子之表格

vue+ElementUI的实际应用例子。

2022-07-19 17:20:35 1199

原创 【Vue】动态组件的使用

【Vue】动态组件的使用最近在开发中,产品经理给了一个新的需求,就是在一个页面里面对页面进行多个切换,就是那种不改变路由变化,但是需要点击菜单改变页面的内容或者说切换页面。就类似是在一个管理系统里面的某个页面再加一套管理系统,但是切换页面需要改变页面内容,但是不能改变路由。使用动态组件因为涉及的页面比较多,而且有些页面是外面的大系统也需要使用的。而且页面还是需要动态展示的,就是第二套的管理系统是后端返回的菜单,所以就说明,我们需要进行批量的对页面进行组件的注册的方法,方便来展示。涉及的页面比较多,然后动态

2022-07-08 16:10:27 2185

原创 记一次vue项目优化的实例操作

记一次vue项目优化的实例项目前端优化是我们经常需要去做的事情,今天我们就来记录下我的实际操作。一、引入这是一个常态化的操作了,主要是让我们通过下载依赖包和import引入的文件,变成线上使用,减少打包后的文件大小。比如常用的等等一些常用的首先在文件引入然后注释掉import引入的一定要把注释第三步,找到文件,在下面添加你CDN引入的依赖vuex的文件里面修改router文件也需要修改坑:1.一定要先引入的,然后再加其他的,不然会报错,找不到的标签名;2.不能只引入,不引入,一样会报错;3.我引入的的,在

2022-06-15 16:34:19 208

原创 【百度地图】路书轨迹显示

【百度地图】路书轨迹显示通过后端返回的坐标点列表,然后在地图上展示出轨迹,并且显示标点和显示窗口文案。效果如下引入百度地图,因为百度地图的轨迹(路书)模式只能是3.0才可以使用,所以注意自己引入的是否正确先获取到gps坐标点列表(模拟数据)先创建地图一、直接展示路书轨迹添加标点给每一个标点添加数据,可以在点击标点的方法获取的数据里面可以获取到相对应的添加的数据添加轨迹路线。先要更加返回的坐标数组,先对坐标点进行初始化,然后在渲染。下面还有具体的属性配置往地图添加标点和路书给路书轨迹的线添加箭

2022-06-07 11:09:36 4132 3

原创 安装node加配置环境--更改node的版本

安装node,更换node版本官网https://nodejs.org/zh-cn/右键电脑–属性–高级系统设置-环境变量,两个位置找到安装的node的文件位置,然后删除打开控制面板,卸载node找到安转包,进行安装node然后cmd去查...

2022-03-29 16:53:54 452

原创 vscode运行打包vue项目内存溢出的报错和解决办法

vscode运行打包vue项目内存溢出的报错和解决办法最近在再弄一个旧项目的时候发现这个项目异常的大,内容涉及很多,导致我在运行的时候发生了内存的溢出,虽然不影响代码跑起来,但是他时不时保存的时候就断了就很烦,没办法,就去找各种办法来解决,下面就是碰到的问题和一些别人的解决办法最终的解决办法 ----------------------2022-03-29最后发现是因为node的版本太高,如果要解决只能把node版本给重新安装一次真的是无语了,希望大家引以为戒!!!!!!!!!!!!!!!!

2022-03-29 16:48:35 5782 6

原创 Avue 的错误集锦

vue的错误集锦1、点击方法突然报错,而且点击绑定都报错,如下[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tqcnb2MB-1641977374634)(E:\ljy\资料\img\image-20211208085820867.png)]百度了有人说是因为methods写少了,或者是变量名没有定义,但是我的都是争取的,也已经定义了。重启了项目也还是不行,最后把变量名给改了就没有报错了,这个是有毒的东西,不知道为啥。2、el-select 下拉框 因为没有写绑定值v

2022-01-18 14:17:33 1722

原创 js去除数据外面的双引号(不是在直接转数据类型)

像这种,直接除去数据外面的双引号,获取里面的数组var parentSelect="[1c06f615900f4049bd154d9cc1b6c98b;#, 4ecd8f77892047e21cd077f1a5424488;#/CeShi]"var parentSelect2= parentSelect.replace(/^\"|\"$/g,'')console.log(parentSelect2);...

2021-10-11 13:56:07 1790

原创 vue的错误集锦--持续更新

1、TypeError: null is not iterable!解决:你对某个为空 的数据进行了操作。或者数据为 null 的。

2021-09-24 10:49:29 649

原创 vue使用百度地图的循环显示标注图标--标注点的移入移出点击事件--修改标注点

百度地图import bmapJSON from '../../../assets/js/custom_map_config.json'import Micon from '../../../assets/icon/marker2.png'import MiconHover from '../../../assets/icon/markerHover.png'import MiconActive from '../../../assets/icon/markerActive.png'let th

2021-09-23 16:46:56 1321

原创 微信小程序之地图

微信小程序之地图简介​ 腾讯位置服务为微信小程序提供了基础的标点能力、线和圆的绘制接口等地图组件和位置展示、地图选点等地图API位置服务能力支持,使得开发者可以自由地实现自己的微信小程序产品。 在此基础上,腾讯位置服务微信小程序JavaScript SDK是专为小程序开发者提供的LBS数据服务工具包,可以在小程序中调用腾讯位置服务的POI检索、关键词输入提示、地址解析、逆地址解析、行政区划和距离计算等数据服务,让您的小程序更强大!操作:申请开发者密钥(key):申请密钥开通webse

2021-07-19 11:49:18 6831

原创 css的新玩法,语法与规则

css的新玩法,语法与规则!important语法:Selector{sRule!important;}说明:提升指定样式规则的应用优先权。IE6及以下浏览器有个比较显式的支持问题存在,!important并不覆盖掉在同一条样式的后面的规则。请看下述代码:示例代码:div{color:#f00!important;color:#000;}在上述代码中,IE6及以下浏览器div的文本颜色为#000,!important并没有覆盖后面的规则;其它浏览器下div的文本颜色为#f00

2021-07-17 23:14:51 172 1

原创 前端常用的优化技巧

前端优化​ 前端的性能优化是比较重要的一个版块内容,适当的优化可以提升网站的性能。而前端优化有很多方面,我们来慢慢了解,但是不是所有的优化都是适合你当前的项目的,看你项目的需求,来选择适合的方法。调试工具我们经常使用的就是浏览器的控制台来查看网站在交互的信息,和一些过程比如在Network面板,这里可以看到我们与服务器交互的信息,发出请求的数量,请求的时长,还有各种js文件的读取。performance面板,我们可以看到从请求到解析各种文件的所需时间优化方法1、减少 HTTP 请求网站

2021-06-11 15:19:05 1033

原创 微信小程序之获取小程序页面二维码

获取二维码我们推荐生成并使用小程序码,它具有更好的辨识度。目前有两个接口可以生成小程序码,开发者可以根据自己的需要选择合适的接口。接口A: 适用于需要的码数量较少的业务场景接口地址:https://api.weixin.qq.com/wxa/getwxacode?access_token=ACCESS_TOKENPOST 参数说明参数类型默认值说明pathString不能为空,最大长度 128 字节widthInt430二维码的宽度auto_colo

2021-06-10 16:13:33 3314

原创 elementUI的日期选择器获取选择时间的格式,获取时间戳等

elementUI的日期选择器获取选择时间的格式,获取时间戳等在使用日期选择器的时候,我们需要把时间进行格式化,然后再传给后端比如传时间戳value-format="timestamp"<el-form-item label="申请人生日" required> <el-date-picker type="date" value-format="timestamp" placeholder="申请人生日" v-model="ruleFormUser.date1" s

2021-06-07 11:22:19 3315 1

原创 elementUI的表格多选功能之规定禁止选择

elementUI的el-table表格多选功能之禁用多选在进行表格的多选的时候我们会碰到那种,只允许部分内容可以被选择,不符合的要禁用多选框,这个时候就要用到elementUI el-table的selectable所以我们可以这样写<el-table :data="tableData" border v-loading='loading' size="small" @selection-change="handleSelectionChange"> <el-table-

2021-06-07 11:18:28 4370

原创 微信小程序之微信登录

在开发微信小程序的时候,我们经常需要用到微信登录,通过wx的接口来获取微信用户的信息,然后存储到我们数据库来创建属于我们系统的用户信息。所以我们就要使用到wx.login(),wx.getUserProfile(),这两个方法。wx.login()wx.login(),是调用接口获取登录凭证(code)。通过凭证进而换取用户登录态信息,包括用户在当前小程序的唯一标识(openid)、微信开放平台帐号下的唯一标识(unionid,若当前小程序已绑定到微信开放平台帐号)及本次登录的会话密钥(session

2021-06-04 12:53:21 2801 3

原创 微信小程序之购物车功能

微信小程序的购物车使用的是Vant weapp的组件库来写的。可以实现单选和全选功能;右滑删除购物车商品;计算商品价格页面代码<view> <view wx:if="{{shopList.length > 0}}"> <view style="margin:0 5px;"> <van-checkbox-group value="{{ result }}" bind:change="onChange">

2021-06-04 11:26:30 1547

原创 微信小程序之微信支付

微信小程序之微信支付开发微信小程序的时候,微信支付是经常使用的,下面我们简单梳理下操作的流程和步骤先看下微信支付的开发文档:https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=9_1除被扫支付场景以外,商户系统先调用统一下单接口在微信支付服务后台生成预支付交易单,返回正确的预支付交易会话标识后再按扫码、JSAPI、APP、小程序等不同场景生成交易串调起支付,具体API接口请查看"API列表"1、第一步先准备好一个已经认证好的微

2021-06-03 13:11:35 3280 1

原创 前端面试题(2)

前端面试题(2)1、link 标签和import 标签的区别link 属于html 标签,而@import 是css 提供的页面被加载时,link 会同时被加载,而@import 引用的css 会等到页面加载结束后加载。link 是html 标签,因此没有兼容性,而@import 只有IE5 以上才能识别。link 方式样式的权重高于@import 的2、transition 和animation 的区别Animation 和transition 大部分属性是相同的,他们都是随时间改变元素的属

2021-04-30 14:23:31 262

原创 前端面试题(1)

前端面试题(1)1、说一下http 和https参考回答:https 的SSL 加密是在传输层实现的。(1)http 和https 的基本概念​ http: 超文本传输协议,是互联网上应用最为广泛的一种网络协议,是一个客户端和服务器端请求和应答的标准(TCP),用于从WWW 服务器传输超文本到本地浏览器的传输协议,它可以使浏览器更加高效,使网络传输减少。​ https: 是以安全为目标的HTTP 通道,简单讲是HTTP 的安全版,即HTTP 下加入SSL层,HTTPS 的安全基础是SSL,因

2021-04-30 14:23:01 321

H5player-2.1.2.build20230815153601-20230901112611.rar

H5播放器的开发包,版本2.12。里面有需要引入的js和demo还有就是开发文档

2023-11-23

GitHubDesktopSetup-x64和git

git和GitHubDesktopSetup-x64的桌面上传

2023-11-17

百度地图路书最终版.html

百度地图的路书轨迹的实例;坐标点转换具体地址;添加标注点,标注点动画实例;标注点的label的实例;信息窗口

2022-06-07

前端面试题(Vue).docx

前端面试题

2021-04-30

前端面试题(JavaScript).docx

前端面试题

2021-04-30

微信⼩程序基础.pdf

微信⼩程序基础.pdf

2021-02-27

小程序面试题.pdf

小程序面试题.pdf

2021-02-27

字节前端第一期面试题(1).pdf

字节前端第一期面试题(1).pdf

2021-02-27

CSS笔记(1).pdf

css的笔记

2021-01-26

pdfjs-2.7.570-dist.zip

pdf.js

2021-01-26

BAT及各大互联网公司2016前端笔试面试题(CSS).docx

拥有全栈能力的高级前端工程师,迅速成为每个 IT 企业不可或缺的岗位。可以去https://blog.csdn.net/lu6545311/article/details/108573775

2020-09-14

面试整理(含答案)最新版.docx

拥有全栈能力的高级前端工程师,迅速成为每个 IT 企业不可或缺的岗位。前端面试题目,带答案,也可以去https://blog.csdn.net/lu6545311/article/details/108530561

2020-09-14

数组类型方法.pdf

数组类型的一些用法,比如说遍历数组啊,替换等等一些功能的写法和方法。比如:`concat`,创建一个新数组,将`array`与任何数组 或 值连接在一起

2020-08-07

tank-master.zip

基于JavaScript写的坦克大战源码,新手的操作,添加了html+css,只是简单的写法,基于JavaScript写的坦克大战源码,新手的操作,添加了html+css,只是简单的写法

2019-11-11

Visual Studio Code 快捷键大全(Windows).docx

Visual Studio Code Visual Studio Code 快捷键大全(Windows)

2019-10-30

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

TA关注的人

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