自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 微信小程序使用TS+腾讯位置API,输入地址,解析经纬度(全局封装及调用)

我们有时候做小程序时需要用到获取地址的经纬度,腾讯位置提供了相关API,我们可以使用其API进行调用实现功能。

2023-04-11 18:41:24 1206

原创 vsCode快速生成vue2和vue3模板

我们平常写vue2或vue3时,需要先打标签才能生成vue模板页面。有的项目需要用vue2全家桶,有的又是vue3+ts。那我们如何在vscode中同时设置vue2和vue3两个模板呢?选择vue2模板效果如下(我在vue3项目里演示的,请忽略蓝色提醒)我们点击左下角的设置按钮,然后点开配置用户代码片段。我们输入一个v后就可以选择vue2或者vue3模板。保存好配置文件后,我们新建一个vue快速创建。搜索关键字 vue ,打开vue配置文件。选择vue3+ts模板效果如下。

2023-03-18 14:35:29 1546

原创 Vite+Ts 中使用mockjs模拟用户列表数据

前端在写页面时,遇到后端接口还没有出来,自己页面又需要模拟数据展示,这时可以使用mockjs生成模拟数据展示。目前在vue项目中最简单快捷的是用vite-plugin-mock

2022-10-09 15:24:06 1288

原创 TS封装小程序wx.showModal弹窗及调用

ts封装调用微信小程序弹窗wx.showModal,减少代码量,方便调用。

2022-09-15 11:47:04 1883

原创 【TS】随机数ts写法

es6+ts写法,产生随机数,可以用于班级点名,或者其他随机小模块。

2022-09-07 09:31:51 4362 1

原创 小程序实现锚点滑动

要在小程序中实现锚点的话,就要用到<scroll-view > 标签中的,scroll-into-view,详情可见文档https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html?search-key=scroll-into-view。wxml:<view class='scro...

2018-09-18 17:52:36 4413

原创 小程序组件-轮播图

根据官方文档,拿到几个关键的属性就能制作小程序轮播了js:Page({ data: { imgUrls: [ 'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg', 'http://img06.tooopen.com/images/20160818/tooopen_...

2018-07-19 15:11:35 517

原创 小程序提示之后跳转

wx.showToast({ title: res.msg, icon: 'loading', duration: 3000 }); setTimeout(function(){ wx.navigateTo({ ...

2018-07-19 15:07:51 5653 2

原创 小程序跳外部链接

跳外链要用到微信小程序提供的组件<web-view></web-view>1.首先新建一个页面(我这里的文件名为link.wxml)里面写入跳转的链接<web-view src='https://shop.zhongbaounion.com'></web-view>   2.在主页面里写跳转到外链地址的页面<naviga...

2018-07-19 15:01:24 11081

翻译 css实现水平垂直居中(换行也可行)

.d1 { display:table; height: 200px; } .d2 { vertical-align:middle; display:table-cell; border:1px solid #FF0099; width:200px;

2017-05-02 16:55:36 2525

原创 JS实现分享页面自动关闭效果

JS实现分享页面自动关闭效果通常我们在分享内容后,会有个新的窗口提示分享成功,然后倒计时关闭窗口。要实现这个效果,我们要写两个页面:先创建用于点击的页面 open_window.html代码如下: 点击分享至微博 function a(){ window.open("new_window.html","_blank","wi

2016-12-14 11:47:05 3899

原创 简易select二级联动

简易select二级联动 本文主要是实现一个简易的国家城市二级联动。 主要用到的两个知识点就是selectedIndex和for循环。 简单的效果图如下: 代码如下: 请选择所在的国家 中国 美国 英国 意大利 请选择所在的城市 //定义一个二维数组

2016-12-13 15:33:29 10330

空空如也

空空如也

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

TA关注的人

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