Mr_Tony的专栏

油猴脚本一定程度上可以在WebView上进行挂载实现一些功能。以下是参考资料，后续有机会进行完善。

记录一些TypeScript中难以理解的语法结构

快应用自定义进度条

月相变化效果

hidden使用的话有有时候会失效，主要是以下情况：1、使用<text>标签的时候，同时设置了hidden和display标签。使用<view>标签的时候没事。2、使用<text>的时候，使用hidden="true"或者hidden='true'的方式进行设置。应该使用hidden="{{true}}"或者hidden='{{true}}'的方式进行设置。...

这篇文章主要是通过flex布局实现网格布局。准备知识：数组的undefined的问题一般来说，网格布局是特殊的列表，后台返回的数据是一维数组。而我们通常使用wx:for的方式将数据填充进去。数据格式如下： let dataList = ['a','b','c','d'] dataList.forEach( item => { console.log('item...

设置单个页面背景色page{ background-color:red;}

1、限制多行显示省略号：#itemChatContent { width: 80%; margin-top: 10rpx; font-size: 30rpx; //以下是关键 display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical;...

该代码是对第三方库内容进行转换以方便使用wxs,也可以作为js使用:https://www.npmjs.com/package/chat-date-format使用方式：调用:chatDateFormat(timestamp, isDetail)参数说明:timestamp - 传入时间戳isDetail - 是否要显示详细时间let chatDateFormat = require('chat-date-format') methods: { ...chatDat

实现微信小程序的键盘搜索功能时候，需要有三个关键属性：1、name=‘search’;//search内容随便写2、bindconfirm='shop_search_function'；//这个变量是js函数3、confirm-type='search' ;//设置右下角文字完整例子如下：index.wxml<input class='shop_search_input' na...

文章目录CSS盒模型(这里引用[MDN](https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model)的介绍)：W3C盒模型(标准盒模型)和IE盒模型(怪异盒模型):为什么用户设置的width都不包含margin?width:100%、width:auto、widt...

文章目录块级元素：block块元素的特点:使用方式:行内元素：inline行内元素的特点:注意问题:使用方式:浮动：float定位：position块级元素：block每个块级元素默认占一行高度，一行内添加一个块级元素后无法一般无法添加其他元素。两个块级元素连续编辑时，会在页面自动换行显示。块级元素一般可嵌套块级元素或行内元素块元素的特点:每个块级元素都是独自占一行高度，行高以及外边距...

文章目录前言：效果展示集成方式代码数据格式消息状态消息类型工具类文件上传工具类:消息发送工具类xml中使用的聊天工具类templete模版代码聊天模块配置聊天逻辑展示：聊天页面布局聊天页面渲染遇到的问题前言：微信小程序本身自带列表的渲染，但是存在着一些问题：不能局部刷新，每次更新就会刷新全部数据，在性能上会有一些影响数据量很大时候，渲染会出现卡顿现象，比如一百条以上，分页几十页针对这种问题，微信用插件的方式推出了recycle-view，下面主要对recycle-view的使用方式及其使用过程

修改默认的意见反馈按钮样式

微信开发工具代码片段的分享连接:https://developers.weixin.qq.com/s/dLY598mt7kaY具体描述参考下图

JS是javascript语言编写的文件的拓展名WXS是微信为小程序给予JS上面研发的在布局文件中进行逻辑处理的文件，微信小程序本身是不支持在布局文件中使用JS调用的。一般来说JS上面的语法和api在WXS上面也都可以使用，不过还是有一些语法和api是无法使用的(猜测是WXS只支持到JS5版本，不支持ES6)，本篇对此进行部分整理WXS上面不能使用的功能:反引号 `` ，通常可以在JS中常常使用反引号进行字符串模版编写右箭头>，通常用 => 进行函数的简写对象的赋值简写，通常在定义

微信小程序客户端加密签名生成方式

先看微信文档关于下载的解释：微信下载文件代码示例:wx.downloadFile({ url: 'https://example.com/audio/123', //仅为示例，并非真实的资源 success (res) { // 只要服务器有响应数据，就会把响应内容写入文件并进入 success 回调，业务需要自行判断是否下载到了想要的内容 if (res.statu...

utils.js class TimerOut { static timer = null static timeOut(func, wait, args) { var timer = TimerOut.timer; timer && clearTimeout(timer); timer = null; timer...

movable-view是一个可移动的View，需要需要做为movable-area的直接子组件时候才能使用。官方文档提示说movable-area和movable-view需要设置width和height，不设置的话默认为10px。但是在业务中，我们想要移动的组件不可能仅仅是movable-view，比如一个image。这是我们仅仅需要将image放在movable-view即可。代码如下：w...

参考下面两篇帖子：1、js中的 || 与 && 运算符详解https://www.jb51.net/article/140789.htm2、js中!和!!的区别及用法https://blog.youkuaiyun.com/chenggang_zh/article/details/84335252...

效果图：<view class="flex_container"> <view class="flex_item" wx:for='abcdef'>{{item}}</view></view>.flex_container{ display: flex; /** 一行放不下时候换行，默认不换行，然后控件会进行缩放进一行内,因为...

1、CSS样式标签的覆盖这里面又分两种情况:a) 单个标签的覆盖 假如一个组件里面定义了多个相同的样式，后一个会覆盖之前的样式，除非后面的样式之前没有定义过，举例如下:<view class="tv"> QQQQ</view>.tv{ background-color: pink;}.tv{ background-color: olive;...

以下代码支持wxs中使用/** * 主要是用来处理聊天页面逻辑 */var durtionTime = 180000 //三分钟var foo = "'hello world' from tools.wxs";var bar = function (d) { return d;}/** * 判断消息朝向 */var isSelf = function (sendUser, selfUser) { return sendUser == selfUser}var sho

参考链接：https://es6.ruanyifeng.com/#docs/module使用微信小程序的require只能导出函数，而无法导出具体的变量。通过import可以导出变量进行模块化使用，而且可以进行模块文件之间的继承

开始正文之前，先看一个例子：代码是在微信小程序的环境下编写的 /** 异步测试 */ asyncRequest: function() { return new Promise((resolve, reject) => wx.request({ url: 'test.php', success: resolve, fail: reject...

grid与flex一样用于页面布局。flex用于一维布局，grid用于二维布局。所以有时候一些网格状的布局相对于grid来说会更加方便。注意，设为网格布局以后，容器子元素（项目）的float、display: inline-block、display: table-cell、vertical-align和column-*等设置都将失效。这里简单使用grid进行网格布局的示例：效果图：&l...

在日常开发中常常碰见这种需要，用户使用的某个功能需要申请权限。我们需要提前将权限申请好，以便用户正常使用功能，当第一次进行权限判断的时候有几种情况：1、用户第一次进入需要给予权限提示2、用户第二次进去时不管上次是否允许权限都不再进行提示3、用户在点击需要使用权限的功能时候进去到权限设置页引导用户去设置权限。以下是相关逻辑判断代码：//这里以获取用户地址作为权限获取判断 checkAu...

现在一般来说，用户没有授权时候，头像会显示一个默认图，点击时候出现授权页面。但是微信小程序授权功能现在只能用button设置，所以延伸出这个需求。实现的效果如下:代码如下:wxml: <view class="mine_user_container"> <block class="mine-userinfo"> <view class="mine-userinfo-left"> <button class="mine-nouserinfo

从事Java开发的工作者常常会用到Map这个数据结构，但是在微信小程序的数据结构中目前只有以下几种数据结构：number ： 数值string ：字符串boolean：布尔值object：对象function：函数array : 数组date：日期regexp：正则里面并没有Map这个数据结构。不过object提供了键值对功能。可以在一定程度上替代Java里面的Map对象。...

在前端使用npm进行依赖管理是一个很普遍的一个事情，所以熟悉npm的使用是一件必要的事情，以下是微信小程序上使用npm下载依赖的一种方式：1、下载node.js进行安装(我只测试成功了这种方式)https://nodejs.org/en/download/2、安装完node.js后，打开终端，测试 npmmac的话不需要配置环境变量直接可以使用，其他环境自行查下。3、在微信开发工具中打开npm支持，如下:3、在根目录进行npm初始化，如下4、再次环境下进行npm init初始化并使用

文章目录前言资源列表1、路由框架uni-simple-router2、状态管理vuex3、一个商城模板-Shopro分销商城4、uniapp组件库uView前言为了实际开发中能够更加快速的进行项目开发，这里将实际开发中用到的资源进行整理汇总，里面涉及到项目模板、第三方资源库以及插件等等资源列表1、路由框架uni-simple-router该路由框架是作为跨平台设计的路由框架，可以使项目结构更加灵活分离https://hhyang.cn/v2/start/quickstart.html2、状态管

文章目录前言参数列表统计stateGettersMutationsActions测试方式参考链接前言vuex中经常会用到State、Getters、Mutations、Actions这些属性，但是里面的参数列表官网描述的不是很清楚，这里对此进行统计，并进行记录测试方式。注意：这里不会介绍vuex的使用方式。这里面没有使用命名空间进行测试参数列表统计statestate是用来定义状态的，没有可变参数。Gettersgetters是用来对状态进行过滤的getters(state,get

文章目录前言一、ipa上传工具二、IOS的UIWebView问题前言对于没有做过IOS开发的人来说，哪怕只是一个上架就是一个很麻烦的事情，这里主要记录一些上架过程中遇到的事情。一、ipa上传工具如果采用uniapp云打包的话，没有办法直接在Xcode里面进行上传ipa。官方提供了Transporter程序，可以在应用市场进行下载。这里上传完后顺利的话就可以在appstoreconect网站里面看到上传的包了。该网站地址如下：https://appstoreconnect.apple.com/app

文章目录一、npm技巧1、npm初始化2、npm依赖第三方库3、npm依赖指定版本二、代码技巧1、金额省略两位数 四舍五入2、请求公共参数部分不可以使用动态绑定参数进行赋值，比如vuex绑定3、json文件中尽量不要使用注释一、npm技巧1、npm初始化npm init -y2、npm依赖第三方库npm install --save uni-simple-router3、npm依赖指定版本因为依赖的第三方库新旧版本可能差别比较大，如果这个时候项目用的比较旧的依赖出现问题需要重新依赖时候，就

uniapp中App升级和wgt热更新的逻辑处理文章目录uniapp中App升级和wgt热更新的逻辑处理一、前言二、代码示例三、参考链接一、前言在使用uniapp开发中常常遇到APP升级和wgt热更新需求。这里为了后续开发方便将相关代码整理下以供参。注意：1、由于里面涉及了其它地方的代码所以，实际使用时候需要进行调整2、由于升级和更新功能是放在App.vue文件中，所以没有使用自定义对话框的功能。使用了uniapp自带的对话框和加载进度条3、该逻辑是执行完升级功能后再执行热更新功能二、代码示

文章目录前言一、无参调用方式三、结尾四、参考链接前言vuex作为一个状态管理工具，用到的地方挺多的。这里记录一下作为初学者遇到的问题。对于vue熟悉的一般遇不到。这里演示vuex中无参和有参函数的调用方式，简单代码如下:一、无参调用方式index.jsimport Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const store = new Vuex.Store({ state: { count:

文章目录一、前言二、简要代码：三、参考链接一、前言在日常开发中，常常见到这种效果，顶部固定一个标题栏，中间是一个布局，底部固定一个提交按钮。中间表单部分太长的话可以滑动，如果不长的话，底部按钮会跟随在中间布局后面。效果一：效果二：二、简要代码：本文是在uniapp上开发的，所以其它平台可能会有问题。另外本文的代码主要是整体页面布局，所以实际效果和上文示例图不一样。代码如下：<template> <view class="page-box"> &lt

安装sass-loader时候出现 TypeError: The ‘compilation‘ argument must be an instance of Compilation

快应用出现 TypeError: The 'compilation' argument must be an instance of Compilation