- 博客(12)
- 收藏
- 关注
原创 微信小程序使用TS+腾讯位置API,输入地址,解析经纬度(全局封装及调用)
我们有时候做小程序时需要用到获取地址的经纬度,腾讯位置提供了相关API,我们可以使用其API进行调用实现功能。
2023-04-11 18:41:24
1326
原创 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
1763
原创 Vite+Ts 中使用mockjs模拟用户列表数据
前端在写页面时,遇到后端接口还没有出来,自己页面又需要模拟数据展示,这时可以使用mockjs生成模拟数据展示。目前在vue项目中最简单快捷的是用vite-plugin-mock
2022-10-09 15:24:06
1345
原创 小程序实现锚点滑动
要在小程序中实现锚点的话,就要用到<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
4469
原创 小程序组件-轮播图
根据官方文档,拿到几个关键的属性就能制作小程序轮播了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
544
原创 小程序提示之后跳转
wx.showToast({ title: res.msg, icon: 'loading', duration: 3000 }); setTimeout(function(){ wx.navigateTo({ ...
2018-07-19 15:07:51
5721
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
11155
翻译 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
2552
原创 JS实现分享页面自动关闭效果
JS实现分享页面自动关闭效果通常我们在分享内容后,会有个新的窗口提示分享成功,然后倒计时关闭窗口。要实现这个效果,我们要写两个页面:先创建用于点击的页面 open_window.html代码如下: 点击分享至微博 function a(){ window.open("new_window.html","_blank","wi
2016-12-14 11:47:05
3941
原创 简易select二级联动
简易select二级联动 本文主要是实现一个简易的国家城市二级联动。 主要用到的两个知识点就是selectedIndex和for循环。 简单的效果图如下: 代码如下: 请选择所在的国家 中国 美国 英国 意大利 请选择所在的城市 //定义一个二维数组
2016-12-13 15:33:29
10376
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人