- 博客(104)
- 收藏
- 关注
RSS订阅原创 小程序中 使用 UDPSocke通讯的流程
当接收到数据时，会触发一个事件，并传入一个包含接收到的数据的对象作为参数。可以通过UDPSocket.onClose(function listener)方法监听关闭事件，以便在UDP Socket实例关闭时执行相应的操作。示例代码：udp.onMessage(function(res) { console.log(‘接收到数据：’, res.data);UDP协议是无连接、不可靠的协议，因此在使用UDPSocket进行通讯时，需要考虑到数据可能丢失或乱序的情况，并采取相应的措施进行处理。
2024-06-07 09:53:03
657
原创 在Vue中使用websocket的流程
或者，如果你直接使用原生的WebSocket API，则无需安装额外的库。使用vue-websocket（如果已安装）
2024-06-06 10:43:54
598
原创 git 使用的一般流程（只做记录）
git commit -m ‘一些文本’ （ 做这个操作之前需要先做 git add 操作， -m 以及后面的文本 参数必须要 ）git init 这是第一步 （做了就会看到一个 master分支， 尽量用一个空的文件夹吗如果本地有文件可能有其他的同步问题）git add . 把当前修改的文件全部都放到暂存区 （大概是这个意思， 如果不做这个就无法下一步的 git commit）git push 仓库名称 分支名称 （仓库名称就是 git remote 时的名称）
2024-03-06 16:34:31
344
原创 根据正则表达式获取字符串中的所有匹配结果
先上方法 // 根据正则在字符串中查找结果 function getData (inStr, inPattern,inList = []){ let reg = inPattern let res = inStr.match(reg); // 匹配不到东西了 if(res == null) return; // 匹配到的那个结果 let matchStr = res[0]; // 匹配位置 let matchIndex = inStr.indexOf(ma
2021-11-11 09:18:10
1030
原创 关于常用正则的练习
// 比零大的叫整数，故而零不是正数，零是整数，最小的自然数，有理数 // 校验大于零的数(含小数) let positiveNumberReg = /^([1-9][0-9]{0,}(\.[0-9]{1,})?|(0\.[0-9]{1,}))$/ // 校验整数(含有负数) let integerReg = /^-?\d{1,}$/ // qq号的格式 5-10 位数字 let qqNumReg = /^\d{5,10}$/ // 手机号的格式 let phoneNumRe.
2021-11-02 16:02:24
125
原创 微信小程序 eventChannel --我愿直译为事件通道
从index界面跳转到 user界面index 界面 接收一个 userEmit 的事件，接受成功后，发出一个 jumpTo 的动作给 user 界面user 界面的动作触发以及接收利用这个，跨页面选择信息并带回到上一个界面就非常方便啦（缓存，getPages 都可以解放啦）...
2021-10-08 14:59:53
176
原创 vue中使用 wangEditor （一）(只做配置图片上传部分的说明)
wangEditor 的文档1. 安装依赖 npm i wangeditor --save2. 引入依赖 import E from "wangeditor"; 3. 初始化设置 // graphicDetails 是用来放置这个富文本的容器id initEditor(row){ editor = new E("#graphicDetails"); // 或者 const editor = new E( document.getElemen
2021-08-18 18:04:26
1243
原创 Taro中使用 echarts （Taro3.0，react 语法）
先放效果图：以下是自己在摸索过程中的总结，有错误的地方欢迎指正：一、tarojs 版本更新到3.0 以上网上的处理版本目前以2.0 居多，试过很多次，无论怎么调试最终都会报奇奇怪怪的错误二、安装echarts 依赖 echarts-taro3-react三、开始上代码地图组件部分(index.jsx)： import Taro from "@tarojs/taro"; import React, { Component } from "react"; import { View
2021-08-18 17:49:41
5841
原创 vscode上设置代码片段，以.vue文件为例
1.先找到设置代码片段的位置：文件-> 首选项->用户片段也可以直接点击左下角的设置图标：当然也可以直接 设置快捷键来处理这个动作：2.开始说vue模板的配置：在搜索框 输入 “vue” 找到对应的配置文件由于 我已经配置完成了，页面是这样子的：如果是第一次进入这个界面，类似这样的：3.新建一个.vue文件，开始尝试使用刚才的配置快速产生vue模板代码输入的 “myvue” 就是在代码片段中配置的 prefix 字段的值，可以根据自己的喜好自行配置,如果发现
2021-04-17 18:34:33
526
4
原创 Canvas 绘制字体图标库
1.首先，你要引入一个字体图标库 – iconfont 阿里的字体图标库将链接复制到浏览器，将获取到的css 代码复制到自己的项目 代码中其他的不一一赘述，没有用过 iconfont 的 可以看 这里2.新建一个canvas3.主要代码 iconFont(Unicode = '',font = 'iconfont') { context.beginPath(); let fontSize = this.drawHeight * (0.41) >
2020-10-26 10:08:15
3132
3
原创 canvas的超强辅助 -- fabric.js
地址可以快捷的实现类似ps的功能 ，放大缩小变形，输入文本，绘制图形等等 – 暂时只做备忘后续再更新使用
2020-10-24 20:33:25
340
1
原创 qrCode -- 生成二维码
下载依赖 npm install qrcodejs2 --save-dev实例：（这里只提供容纳二维码的容器，不用画布） <template> <div > <div class="displayCode2" id="qrcode" ref="qrcode" style="border:1px solid red" @click.stop="gen"></div> </div> </template>点击这个
2020-10-17 11:12:03
1482
原创 生成条码 -- jsbarcode
作用，将文本转为条形码，不同的条码规则创建出来的条形码的大小以及疏密程度不一致首先，安装依赖 npm install jsbarcode --save-dev在需要的页面进行引入 import JsBarcode from 'jsbarcode';使用： /* @param {content} 生成条码的位置 @param {text } 用于生成条码的文本 @param {option} 默认配置项目 */ JsBarcode(content, text , opti
2020-10-16 09:28:04
1062
原创 axios的二次封装 -- 待完善
1.引入链接引入 <script type="text/javascript" src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.js"></script>使用：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="w
2020-10-06 19:08:51
166
原创 css中变量的使用
:root{ --bgColor:#aad; --textColor:red; } .test_title{ color:var(--bgColor); color:var(--textColor); background: var(--bgColor,blue); }在vue的style中， <style scoped ></style> <!--如果加上scoped就会不生效-->样...
2020-09-28 16:53:32
250
原创 scss中使用变量
样例 <template> <div class="scss_content">scss 中变量的定义使用</div> </template> $color:red; .scss_content{ color:$color; }效果图：scss 的作用域。如上图，定义在scss_content 中的 $borderColor ,用在 scss_footer 中就报错了只能用在它本身的作用域下，即是 .sc
2020-09-28 16:52:56
17648
原创 谷歌地图地址地址自动完成框
示意图：1.申请一个google账号,参照百度经验2.google地图配置3.获取秘钥点击画面中 API 与服务中的凭据 ，进入如下页面：点击API秘钥,会生成一个秘钥新增项目：按照如图的顺序创建一个新的项目选中项目，开始配置对应的api启用相关api的操作：点击左侧菜单API 和服务 -> 库 出现如下界面，点击进入对应的api界面：以 Maps JavaScript API 为例如果是没有启用过的，页面会有一个启用按钮绑定付费账户:(具体的绑定看文档
2020-09-24 10:52:49
1468
原创 vue项目中使用canvas进行签名的完整例子(用于移动端)
页面大致长这个样子注：如果直接使用代码，记得下载element的依赖包以及引入对应的样式，也可以将涉及到element组件的地方去掉直接上代码：<template> <div class="sign_page"> <div class="canvas_page" > <!----> <div class="handCenter"> <canvas id="myCanvas" >
2020-09-23 18:05:16
555
原创 根据配送日期，计算到货时间 （客制化自用）
/** * @param {deliverDay} 需要配送的天数 * @param {date} 开始配送的时间，一般默认是当天 * @param {isObject} 自身需要的格式调整 （true 将计算出来的日期以对象的格式传出）*///计算在规定的送货时间之中，有多少休息日，需要加上，再计算出具体的到货日期export const getHolidayDay = function (deliverDay = 4,date = new Date(),isObject = false) {
2020-09-17 11:48:57
1628
原创 获取month对应的英文名称
/** * @param {month} 当前的月份*///获取month对应的英文名称export const getMonthName = function (month = 1){ if(month < 1 || month > 12){ //console.log("参数值错误") return } let str = ''; switch(month){ case 1:str = 'January';break; case 2
2020-09-17 11:42:31
273
原创 计算这个月的第几个星期几是多少号
//计算这个月的第几个星期几 是位于这个月的多少号/** * @param {month} 月份 * @param {num} 第几个,如果num= -1 就表示最后一个 * @param {day} 星期几*/export const getMonthDay = function (month = 1,num = 1,day = 1) { if(month<1 || month > 12){ console.log("参数不合法") return }
2020-09-11 09:49:51
388
原创 计算当前的日期是位于几月的第几个星期几
/** * * @param {date} date *///计算当前日期是这个月的第几个星期几export const getDateMonthDay = function (currentDate = new Date()){ let computedDate = new Date(currentDate); let year = computedDate.getFullYear();//年份 let month = computedDate.getMonth()+1;//月份
2020-09-04 10:40:39
302
原创 获取当前月的天数
/** * @param {year} 当前的年份 * @param {month} 当前的月份*///获取这个月有多少天export const getMonthDayNum = function (year = 2010,month = 1) { if(month < 1 || month > 12){ console.log("参数不合法") return } let num = 28; switch(month){ case 1:.
2020-09-03 10:24:55
233
原创 收藏列表整理
1.国家代码列表2.vue 项目中接入支付3.网格布局的相关文档4.vue打印5.隐藏滚动条 - 多种浏览器的写法6.小程序中实现写字板功能7.谷歌地图定位页面8.vue项目中使用谷歌地图9.avue相关的组件的显隐控制10.avue中的表格行的样式的设置11.avue表格slot的操作12.关于Facebook与Twitter的第三方登录13.avue 工作流 14. 弹性布局 lib-flexible 的配置15.vue移动端的项目配置16.vxe-table 中键
2020-08-29 18:43:19
582
原创 富文本的爬坑之路 - - vue
1.百度富文本编辑器// 百度编辑器页面初始化// 报错：Uncaught SyntaxError: Unexpected token '<'； Uncaught ReferenceError: ZeroClipboard is not defined ueditor文件要放在public静态资源文件夹下，vue2.0静态资源文件夹是static,vue3.0则是public config: { autoHeightEnabled: false, a
2020-08-24 12:49:01
338
原创 addTitle 代码资源
const titleConfig = { 'ql-bold': '加粗', 'ql-color': '颜色', 'ql-font': '字体', 'ql-code': '插入代码', 'ql-italic': '斜体', 'ql-link': '添加链接', 'ql-background': '背景颜色', 'ql-size': '字体大小', 'ql-strike': '删除线', 'ql-script': '上标/下标', 'ql-underline': '
2020-08-24 12:40:53
634
原创 vue-quill-editor 的样式文之fontFamily
/* 对应添加字体样式 */.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before { content: 'Arial';}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="宋体"]::before,.ql-snow .ql-picker.ql-font .ql-picker-
2020-08-24 12:17:04
449
原创 vue-quill-editor 的样式文之fontSize
/* 对应添加字体字号样式 */.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before { content: '14px';}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='12px']::before,.ql-snow .ql-picker.ql-size .ql-pic
2020-08-24 12:15:02
308
原创 微信小程序中封装网络请求
global.$ajax = function (url, data = {}, options = {}) { return new Promise((resolve, reject) => { var method = options.type || "post"; var prompt = options.prompt || true; if (global.state.ajaxNum <= 0) { //状态栏的loading wx.s
2020-08-18 17:03:26
384
原创 Vue下的图片剪裁的资源
class Clip { //因为要保存到vue实例中，所以直接传一个$vm当闭包使用了 constructor(wpId, $vm) { this.regional = document.getElementById(wpId); this.getImage = document.createElement('canvas'); this.getImage.id = 'image-box'; //将样式写入到创建节点的时候 .
2020-08-12 17:40:37
159
原创 uni-app (组件以及api) 的速读
本篇博文仅仅是按照自己的阅读习惯进行归类，快速熟悉用法，如果是入门想跟着文档学，最好是直接看官方文档由其他项目转为uni-app 的指南 (其中js方面的api需要做非常多的兼容，不是很划算)uni-app 的组件 （即是标签）与小程序的相同，如 view ,text,# image,navigator 等uni-app 的组件规范与vue组件相同uni-app 的属性类型：除基本的几种外，还有EventHandler(@success success 是组件传出来的动作) ,Any (data-
2020-06-05 18:09:02
1394
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人