- 博客(28)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 [微信小程序] 自定义底部固定Tabbar的两种方法
一、官方文档的写法1.新建一个组件components->tabBartabBar.js// components/tabBar.jsComponent({ /** * 组件的属性列表 */ properties: { }, /** * 组件的初始数据 */ data: { selected: 0, color: "...
2020-04-30 12:14:18
4500
2
原创 [微信小程序]微信小程序学习(七)——跳转wx.navigateTo(), wx.redirectTo()，wx.switchTab() 等使用
一、 wx.switchTab(Object object)跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面wx.switchTab({ url: '/index'})二、 wx.redirectTo(Object object)关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。wx.redirectTo({ url: 'tes...
2020-04-30 11:17:05
723
原创 [uni-app] uni-app封装自己的异步请求
1. 根目录新建一个文件夹Utils，新建request.js// es6 promise 微信小程序api的铺垫 export default(params)=>{ uni.showLoading({ title:"加载中", }); return new Promise((resolve,reject)=>{ wx....
2020-04-29 09:41:50
649
原创 [Vue] Vant 实现下拉刷新功能
<template> <div class="common-container"> <van-pull-refresh v-model="refreshing" @refresh="onRefresh"> <van-list v-model="loading" :finished="finished" finished...
2020-04-28 11:28:40
3151
10
原创 [JavaScript] JS Array.map()、ES6一Map、Set 数据结构
1. 定义和用法map() 方法 按照原始数组元素顺序依次处理元素map() 方法 返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。map() 方法 不会对空数组进行检测，不会改变原始数组。2. 语法array.map(function(currentValue,index,arr), thisValue)3. 例子const users=res.items.ma...
2020-04-27 09:09:41
491
原创 [uni-app]运行uni-app报错：sitemap.json Error: 未找到入口 sitemap.json 文件
运行uni-app报错：sitemap.json Error: 未找到入口 sitemap.json 文件解决方案：1、在dist根目录下添加一个sitemap.json 文件2、打开dist/dev/mp-weixin/sitemap.json文件将如下代码复制进去：{“rules”:[{“action”: “allow”,“page”: “path/to/page”,“par...
2020-04-26 18:32:21
5465
2
原创 [微信小程序] uni-app 基础语法学习（三）
微信小程序常用 UI 框架 ：vantVant官网： https://youzan.github.io/vant-weapp/#/quickstartColorUIGitHub地址：https://github.com/weilanwl/ColorUI作者网站：https://www.color-ui.com/H5在线预览：http://demo.color-ui.co...
2020-04-26 12:14:42
308
原创 [微信小程序] uni-app 基础语法学习（二）
想要在子组件中动态添加标签1、在父组件中引入子组件的标签<my-form></my-form>中编写内容2、在子组件中放一个占位符<slot></slot>
2020-04-26 10:54:45
187
转载 [微信小程序]picker组件关于objectArray数据类型的绑定方法
https://www.jb51.net/article/157716.htm
2020-04-22 09:19:27
537
原创 [微信小程序] 自定义评分组件
一、微信小程序——评分index.wxml <view> <image wx:for="{{stars}}" wx:key="id" src="{{item.src}}" data-clickIndex="{{item.id}}" bindtap="rating" style...
2020-04-21 10:43:50
1107
原创 [微信小程序]微信小程序学习(六)——App、page、component生命周期
App(Object object)注册小程序。接受一个 Object 参数，其指定小程序的生命周期回调等。App() 必须在 app.js 中调用，必须调用且只能调用一次。不然会出现无法预期的后果。App({ onLaunch (options) { // 小程序初始化完成时触发，全局只触发一次。 }, onShow (options) { // 小程序启动...
2020-04-19 22:22:18
463
原创 [微信小程序]微信小程序学习(五)——自定义组件，父子组件传递数据
一、创建组件在根目录新建文件夹 components，在微信开发者工具中，在文件夹 components上点击右键，选择新建Component，创建组件。为了方便区分组件，建议在 components下用文件夹myHeader存放所有文件，用来区别多个组件二、使用组件例如：在页面 index 中使用//index.json"usingComponents": { "myH...
2020-04-19 16:08:40
333
原创 [微信小程序] 微信小程序学习(二)——swiper的使用
1. wxss的尺寸单位 rpxrpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。例如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。建议：开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准。导入样式：@im...
2020-04-19 14:20:04
248
原创 [微信小程序] 微信小程序学习(一)——起步
1. 完成注册登录在微信公众平台注册小程序，完成注册后得到APPID，可以同步进行信息完善和开发。2. 下载开发工具根据计算机系统，下载 微信web开发者工具3. 新建项目结构传统结构微信小程序结构HTMLWXML样式CSSWXSS逻辑JavaScriptJavaScript配置无JSON传统的web是三层结构，而微信小程序是...
2020-04-19 12:28:24
353
原创 [微信小程序] 自定义顶部导航栏组件
https://www.cnblogs.com/sese/p/9761713.htmlhttps://www.cnblogs.com/yun101/p/11609407.html
2020-04-15 15:36:52
1005
原创 [Vue] 解决vant 无法修改组件的样式问题（deep、＞＞＞）
首先我们应该知道在scoped里修改是无法做到修改vant样式的，这是外部引入的样式，下面的方法可以解决修改vant样式的同时，使用scoped，防止样式污染第一种：加上/deep/<style lang="scss" scoped> /deep/ .van-pull-refresh__head, /deep/ .van-list__error-text, /deep/ .v...
2020-04-14 16:14:42
6336
2
转载 [Vue]Vue-cli脚手架学习(四)——使用vant
1、安装安装 Vue Clinpm install -g @vue/cli创建一个项目vue create hello-world安装vantnpm i vant -S# 安装 Vue Clinpm install -g @vue/cli# 创建一个项目vue create hello-world# 安装vant npm i vant -S# 完整写法：npm ins...
2020-04-10 09:22:28
522
原创 [WeChat]扫码登录的技术原理好像没那么难
https://mp.weixin.qq.com/s/dIjFzuJYvc7LI4RTBtcNsg
2020-04-07 09:31:59
181
原创 [前端面试]实战LeetCode - 前端面试必备二叉树算法
https://mp.weixin.qq.com/s/auLUlisGahUQQ1xL43-RVw
2020-04-03 10:42:47
526
转载 [JavaScript]JS中sort()方法原理及使用
Array.sort() 方法用于对数组的元素进行排序，并返回数组。默认排序顺序是根据字符串UniCode码。因为排序是按照字符串UniCode码的顺序进行排序的，所以首先应该把数组元素都转化成字符串（如有必要），以便进行比较。语法：ArrayObject.sort(sortby);参数sortby 可选，用来规定排序的顺序，但必须是函数。例一：按照字母顺序排序例二：还是按照字母进行...
2020-04-03 10:39:59
357
转载 [CSS]纯css实现轮播
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>纯css实现轮播&l...
2020-04-02 17:21:13
217
原创 [CSS] CSS 属性：touch-action
在项目中发现 ，H5页面的横向滚动失效。原因：css中设定了*{touch-action:none }解决方法：移除该样式。touch-action:none // 当触控事件发生在元素上是时，不进行任何操作touch-action:auto // 当触控事件发生在元素上时，由浏览器来觉得进行哪些操作。touch-action:pan-x // 启用单指水...
2020-04-02 17:06:58
1386
原创 [Java]JWT生成token及过期处理方案
https://my.oschina.net/odetteisgorgeous/blog/1920762
2020-04-01 09:52:44
2530
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人