- 博客(53)
- 收藏
- 关注
RSS订阅原创 plus.nativeObj.View封装自动消失提示框
plus.nativeUI.toast小米10样式异常，提示框宽高都很大，先用plus.nativeObj.View代替实现提示框。
2024-05-30 14:37:59
319
原创 从零搭建一个vue项目
本文详细图解怎么样从零搭建一个vue项目，供几个小姐妹参考。第一步：了解工具；首先我们需要一些工具，比如npm、nodejs、vue-cli和一个编译器vscode（也可以用别的，这里用vscode作为开发工具演示）。第二步：检查工具；window+r快捷键打开cmd.exe窗口，检查一下以上是否已安装。安装则会显示出版本，没有安装可点击第一步关键词链接，有安装教程，npm和nodejs需要版本对应，需注意一下。第三步：创建项目；新建一个空白文件夹用来存放项目，打开终端：终
2022-04-21 15:06:43
2262
原创 vue3+ts 标签编码批量打印功能
最近后台项目遇到了批量打印标签含编码的需求，过程坎坷，做个笔记记录一下踩过的坑。坑1：vue-barcode不支持vue3:一开始考虑vue项目，就想着使用vue-barcode（文档传送门），结果用的时候发现诶，怎么不行呢，发现vue-barcode只能vue2项目使用，不支持vue3，顺藤摸瓜，发现了适用vue3的vue3-barcode（文档传送门），总算成功生成一个编码；坑2：vue3-barcode不支持批量生成：生成一个编码时，vue3-barcode倒是可以用了，但我需要批量生成时发现
2022-04-14 14:16:11
1609
原创 vscode左下角git分支不见了（已解决）
不知道误操作了什么，突然发现vscode左下角的分支不见了。网上找了一下，大多是说右上角：<查看>——<外观>——<显示状态栏>；但我的状态栏一直展示的，然后自己倒腾了一下，发现左下角右键有个 <源代码管理>勾选上，分支就显示了，害，真是人生无常，大肠包小肠，记录一下。...
2022-04-14 13:49:50
5726
6
原创 ＜script lang=“ts“ setup＞setup语法糖 子传父
子传父我们需要用到的是defineEmits使用setup语法糖时，无需导入defineEmits，会随着setup处理一同编译。子组件：<el-button @click="resetForm()" style="margin-left: 120px">取消</el-button><script lang="ts" setup>import { reactive, ref } from 'vue'const emit = defineEmits(["re
2021-11-16 11:59:49
8935
原创 ＜script lang=“ts“ setup＞使用setup语法糖引入组件爆红问题
未使用setup语法糖前注册组件：<script lang ="ts">import { defineComponent, ref, reactive } from "vue";import AddPoints from './addPoints.vue'export default defineComponent({ components: { AddPoints, },})</script>使用setup语法糖注册组件：<script l
2021-11-16 10:42:47
10999
9
原创 vue3+vite+ts项目里使用svga动画测试篇
可选的svga播放器有很多种，我就选其一SVGAPlayer-Web-Lite来试试。SVGAPlayer-Web-Lite：这是一个 SVGA 在移动端 Web 上的播放器，它的目标是 更轻量、更高效。优点：体积 < 60kb (gzip < 18kb)兼容 Android 4.4+ / iOS 9+更好的异步操作多线程 (WebWorker) 解析文件数据OffscreenCanvas / ImageBitmap差异：不支持播放 SVGA 1.x 格式不支持声音播
2021-11-10 14:00:39
5280
1
原创 【canvas画图】画一个彩虹
主要是为了熟悉一下createRadialGradient()的 用法：createRadialGradient(开始圆x坐标, 开始圆y坐标, 开始圆r半径, 结束圆x坐标, 结束圆y坐标, 结束圆r半径)换汤不换药，由官方例子变通一下就可得到：<!DOCTYPE html><html lang="cms-Hans-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-
2021-11-01 16:21:33
1024
原创 拷贝、浅拷贝和深拷贝篇
浅拷贝和深拷贝的说法只存在于引用类型数据，不清楚原始值和引用值的可以回顾第四章今天就拿一只小花猫作为例子。let cat = { name: '咪咪', age: 2, colors: ['橘色', '白色', '黑色'], eyes: { '左': '琥珀', '右': '水蓝' }}拷贝（仅拷贝了cat的引用地址，cat2与cat共用一个对象，修改cat2其实也是修改了cat。）浅拷贝（仅能实现第一层属性独立，修改ca
2021-10-25 16:33:43
155
原创 Serverless（无服务器架构）初识篇
一、什么是serveless？Serverless架构是一种按量计费的无服务器架构，有着一键部署、日志报警、低成本、弹性扩容等众多优势。我们传统的前后端分离开发模式是：UI设计页面——前端开发页面、后端开发接口——后端部署——前后端联调——前端部署——测试——前后端部署正式——上线；期间还需要运维同学持续关注维护服务器的状态。serverless的开发模式：UI设计页面——前端开发页面、后端写函数部署到serverless服务——测试——上线。serverless的出现，我们不再需要关注服务器，大大
2021-10-22 17:17:22
2223
原创 JavaScript高级程序设计（第4版）学习随笔【第八章】
文章目录一、对象1、理解对象二、类1.引入库2.读入数据总结一、对象对象是一组没有特定顺序值的集合。1、理解对象二、类1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warningswarnings.filterwarnings('ignore')import sslssl._create_default_
2021-10-21 18:09:12
1106
6
原创 JavaScript高级程序设计（第4版）学习随笔【第七章】
第七章主讲迭代器与生成器【ES6新增】迭代：按照顺序反复执行一段程序，通常有明确终止条件。for (let i = 1; i <= 10; ++i) { console.log(i); // 计数循环是一种最简单的迭代}let collection = ['foo', 'bar', 'baz']; for (let index = 0; index < collection.length; ++index) { console.log(collection[index]);
2021-10-11 18:05:55
179
原创 JavaScript高级程序设计（第4版）学习随笔【第六章】
本章内容集合引用类型（对象、数组与定型数组、Map、WeakMap、Set以及WeakSet类型）Object显式创建Object的实例方式有两种：使用new操作符和object构造函数let obj = new Object()或者对象字面量表示法let obj = { name: 'haha', age: 15}Array创建数组方式：let arr = new Array()let arr = []ES6新增：Array.from()、Array.of()
2021-09-26 18:11:20
219
原创 JavaScript高级程序设计（第4版）学习随笔【第五章】
第五章主讲基本引用类型引用值（或者对象）是某个特定引用类型的实例。新对象通过使用new操作符后跟一个构造函数（constructor）来创建。引用类型有时候也被称为对象定义，因为它们描述了自己的对象应有的属性和方法。函数也是一种引用类型，但内容太多了，第10章将单独讲。Date...
2021-09-22 18:00:37
443
2
原创 时间格式转换
let time = new Date()let y = time.getFullYear() //年let m = time.getMonth() + 1 // 月 返回0-11 所以需要+1let d = time.getDate() // 日let h = time.getHours() // 时let min = time.getMinutes() // 分let s = time.getSeconds() // 秒let str = `${y}-${m < 10 ? '0' +
2021-09-18 10:51:15
122
原创 用canvas实现图片信息标注
今天有个可爱的小姐姐有些疑惑，类似于这样的图片标注效果怎么实现呢？我就想着也试了一下大概思路就是用canvas，弄个覆盖在图片上的画布，就可以开始画了。我们需要找到需要标注的点，比如眼睛，鼻子，嘴巴的坐标位置，找到位置就好画延展的线了，那么坐标怎么找呢，我们可以在画布上画一个圆点，比如画布是1000宽高的，那么我们圆点就是（500，500）了，画好圆点之后然后通过移动坐标找到五官对应的坐标点了。const myCanvas = document.getElementById("myCanvas"
2021-09-16 17:03:17
2707
原创 JavaScript高级程序设计（第4版）学习随笔【第四章】
来了来了 第四章来了 这章节主讲变量、作用域与内存不同与typeScript的严格要求，JavaScript的变量是松散类型的，这样的变量可以存放数值也可以存放字符串以及对象数组等等，听起来很强大吧，但也容易引出一些问题。原始值与引用值原始值就是最简单的数据，引用值则是由多个值构成的对象。保存原始值的变量是按值（by value）访问的，因为我们操作的就是存储在变量中的实际值。引用值是保存在内存中的对象...
2021-09-14 18:11:18
200
原创 JavaScript高级程序设计（第4版）学习随笔【第三章】
ECMAScript语法：区分大小写一切都区分大小写。无论是变量、函数名还是操作符都区分大小写标识符（变量、函数、属性或函数参数的名称）第一个字符必须是一个字母、下划线或美元符号$剩下的其他字符可以是字母、下划线、美元符号或数字标识符使用驼峰大小写形式，例如myCar注意关键词不能作为标识符（如true、null等）注释单行注释多行注释严格模式严格模式下，一些不规范的写法会被处理，抛出错误。启用严格模式，需加上"use strict"（预处理指令）
2021-09-08 18:08:47
307
原创 JavaScript高级程序设计（第4版）学习随笔【第二章】
HTML中的JavaScript将JavaScript（以下简称js）引入HTML的主要方法是使用
2021-09-07 18:23:58
110
原创 JavaScript高级程序设计（第4版）学习随笔【第一章】
DOM什么是DOM文档对象模型（Document Object Model）是一个应用变成接口（API），用于在Html中使用扩展的XML。DOM使用原理DOM通过创建表示文档的树，让开发者控制网页的内容和结构。使用DOM API可以删除、添加、替换、修改节点。BOM什么是BOM浏览器对象模型（Browser Object Model）API，用于支持访问和操作浏览器的窗口。BOM使用开发者可操控浏览器显示页面之外的部分，比如弹出新浏览器窗口、移动、关闭浏览器.
2021-09-06 17:26:08
138
原创 【canvas画图】画一个心电图
自己学习（捣腾）的时间到了，今天弄个虚假的心电图效果图：这里数据都是随机的，波形很不优雅 =.=贴一下代码：<!DOCTYPE html><html lang="cms-Hans-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title>心电图</ti
2021-07-15 15:58:31
1115
原创 【canvas画图】画一个摩乐乐
最近摩尔上头，来画个简易版的摩乐乐~效果图如下：<!-- * @Description: 绘画一个摩乐乐--><!DOCTYPE html><html lang="cms-Hans-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title>摩乐
2021-07-13 16:21:34
366
原创 使用wx-open-launch-app 实现h5打开app
1、安装weixin-js-sdknpm install --save weixin-js-sdk引用：var wx = require('weixin-js-sdk');es6项目注意：为方便es6项目使用，官方发布了一个weixin-jsapi，这个才是我们能在vue中引用的jssdk，所以我们需要安装的是weixin-jsapi不是weixin-js-sdk，否则会显示wx:undefined：cnpm install weixin-jsapi --save-dev引用：import wx
2021-06-29 17:45:07
1245
1
原创 微信小程序---事件参数event的声明
interface eventType { changedTouches: [{ clientX: number, clientY: number, force: number, identifier: number, pageX: number, pageY: number }], currentTarget: { dataset: AnyObject, id: string, offsetLeft: number,
2021-06-15 15:22:44
1895
原创 npm run tsc报错 (声明文件报错||tsc.js报错）
tsconfig.json文件里已经设置了"exclude": [ "node_modules", "$node_modules" ]但不管用，于是在tsconfig.json里加上"skipLibCheck": true，忽略声明文件的检查。就不报错了：
2021-06-03 11:18:02
3586
原创 ts微信小程序----引入vant组件【二】
npm安装：npm i @vant/weapp -S --production修改 app.json，“style”: "v2"删掉：构建npmts支持：npm i @vant/weapp -S --production在tsconfig.json里加上以下代码："baseUrl": ".","types": ["miniprogram-api-typings"],"paths": { "@vant/weapp/*": ["path/to/node_modul..
2021-06-01 11:32:00
1069
原创 ts微信小程序----新建【一】
新建一个空文件夹，存放项目新建项目：勾选npm修改project.config.json中packNpmManually为true，并新增路径"packNpmManually": true, "packNpmRelationList": [ { "packageJsonPath": "./package.json", "miniprogramNpmDistDir": "./miniprogram/" } ],..
2021-06-01 10:46:58
1646
原创 vsCode快速生成文件头注释和函数注释
推荐一个vsCode里超好用的插件（koroFileHeader），可快速生成注释模板（可自定义），就不用一个个敲/***/啦。使用也很简单：安装插件：在设置中配置一下模板：然后就出现我们的setting.json文件加入以下设置："fileheader.configObj": { //快速添加文件头部注释和函数注释 "createFileTime": true, // 设置为true则为文件新建时候作为date，否则注释生成时间为date "autoA
2021-04-22 18:06:11
11958
8
原创 vue3更改setup中定义的值不渲染到视图？
最近刚开始用vue3啊，真是一坑未平又遇到一坑，记录一下。setup()中定义了infolet info: any = {}然后调用接口后拿到数据，赋值给info，结果在这方法里输出是可以看到我们拿到值了，但视图上还是木有同步，不仅疑惑了一小会。捣腾了一番之后，了解到需要ref、.value来更新数据到视图：et info: any = ref({}) // 用ref() 定义那么赋值的时候就需要加上.valueinfo.value = 后端返回的数据就会发现，数据已经同步到视图上
2021-04-12 16:30:32
8246
10
原创 vue3+vite+ts 封装axios踩坑记录
安装axios：npm install axiossrc文件夹下创建api和utils文件夹,utils里创建request.ts文件遇到问题:找不到名称 “process”解决方法第一步:npm i --save-dev @types/node 解决方法第二步:在tsconfig.json文件中,types里加上"node"; "target": "esnext", "module": "esnext", "moduleResolution": "node", "str.
2021-04-02 12:00:42
3849
3
原创 html vue滚动弹幕仅用一个标签即可实现
html中<marquee>标签可实现弹幕滚动效果:<marquee>通知:天气转凉, 注意保暖.</marquee>效果
2021-04-01 10:45:47
487
原创 wx.choosePoi的使用
v2.16.0新增API，尝试了下，开发版中的真机调试，不授权也能调用？我懵了。<view class="btn" catchtap="toShowAddress">打开地图</view>toShowAddress() { wx.choosePoi({ success(res: any) { console.log(res, '成功回调') }, fail(res: any) { console.log
2021-03-24 17:43:17
5439
4
原创 wx.chooseContact()报错“你选的手机号码格式错误，请重新选择”？
wx.chooseContact()报错“你选的手机号码格式错误，请重新选择”？微信小程序2.16.0版更新中重新开放了wx.chooseContact()接口，但是真机上显示报错“你选的手机号码格式错误，请重新选择”，很疑惑。<view class="btn" catchtap="chooseContact">选择联系人</view>chooseContact() { wx.chooseContact({ success: function (res:
2021-03-24 17:37:08
1375
原创 数组转对象、数组内元素替换的过程
const array = [{ userId: 12277, a: "0.55", nona: "0.33" }, { userId: 10253, a: "0.65", nona: "0.38" }, { userId: 12277, a: "0.58", nona: "0.36" }, { userId: 10253, a: '0.82', nona: '0.18' }] const idList: any = [] const newArray: any = [] for (
2021-03-24 14:52:48
500
2
原创 wx.getUserProfile()的使用
wx.getUserProfile()的使用微信小程序20210303更新中新增了APIwx.getUserProfile()接口，用调试基础库2.15.0试了一下，记录：clickTab() { wx.getUserProfile({ lang: "en", desc: '测试一下获取用户信息', success: function (res: any) { console.log(res, '成功回调') }, fa
2021-03-24 14:06:55
3947
原创 Number String Array 对象常用方法集合
Number 对象常用的处理方法：toFixed()把数字转换为字符串，并对小数点指定位数var num = 177.234 console.log("num.toFixed() 为 "+num3.toFixed()) // 输出：177console.log("num.toFixed(2) 为 "+num3.toFixed(2)) // 输出：177.23console.log("num.toFixed(6) 为 "+num3.toFixed(6)) // 输出：177.2340
2021-03-22 17:22:12
207
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人