Aline:(-CSDN博客

原创分享一些项目中用到的JS方法(随时会更新)

创建utils.js工具库，在需要的地方调用const utils = { getDate(){ var date = new Date(), year = date.getFullYear(), //年 month = date.getMonth() + 1, //月 day = date.getDate(), //日 hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours(), //时 mi

2021-12-17 17:33:58 118

原创 uniapp Canvas绘制海报

之前写过一个分享海报，但是觉得代码逻辑不清晰所以重新写一个我们的需求是这样子的<view class="w-100 flex-column align-items-center" style="background:transparent !important;"> <canvas id="mycanvas" canvas-id="mycanvas" style="width:270px;height:390px;background:#fff;"></canvas&gt

2021-09-30 13:29:07 700

转载 uniapp canvas文字换行和省略号

分享一个uniapp canvas在绘制过程中需要用到的问题描述：文字超出换行并且超过多少行显示省略号原文链接：https://segmentfault.com/a/1190000017869922/**ctx：画布的上下文环境content：需要绘制的文本内容drawX：绘制文本的x坐标drawY：绘制文本的y坐标lineHeight：文本之间的行高lineMaxWidth：每行文本的最大宽度lineNum：最多绘制的行数*/textPrewrap(ctx, content

2021-09-23 10:14:31 1202

原创记录项目中抽离公共样式封装采用less

html,body,p,ol,ul,li,dl,dt,dd,div,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; box-sizing: border-box;}h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}ul,

2021-07-20 14:09:12 350

原创 uni-app中Vuex的持久化存储

前言：在项目中无法避免的是存储的数据状态在页面刷新时会被初始化，那么解决办法我目前用到的就是存在本地，那么如何比较方便的存储在本地呢import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state:{ userInfo:{} }, mutations:{ //这里可能有些人看了会有疑问，先别急看看下面的 changeUserInfo(state,data){

2021-04-02 10:47:47 4025 1

原创 uniapp使用canvas实现小程序海报绘制并保存图片

//首先创建一个canvas标签+保存按钮//canvas宽高可以在标签定义，不需要再js部分去定义<canvas id="mycanvas" canvas-id="mycanvas"></canvas><view class="u-m-t-80 flex justify-content-center align-items-center" @click="saveImg">保存图片</view>//重点来了let ctx = uni.create

2021-04-02 10:34:22 1834 2

原创 uniapp、vue展示pdf

首先需要插件npm install pdfh5在需要用到的页面文件引入<template> <view id="demo" style="width:100%;height:80vh;"></view></template><script>import Pdfh5 from "pdfh5";export default { data() { return { id: "", pdfh5: null,

2021-03-17 16:35:43 1212

原创 uniapp之H5微信支付开发

微信支付前端需要准备的东西以及流程准备：微信公众平台的appId流程：1.用微信给的一串链接去访问拿到code2.拿着code去请求后台拿到openId以及Unionid 3.拿到openId去获取签名以及生成签名的时间戳和随机串，prepay_id代码如下//获取codepay(){let local = encodeURIComponent(window.location.href); //获取当前页面地址作为回调地址let appid = 'xxxxxxxxxxxxx' //自己

2021-03-17 16:25:34 1262 1

原创封装属于自己的axios

封装自己的axios首先下载axiosnpm install axios在与main.js同级创建一个http.js的文件//导入axiosimport Axios from 'axios' ; //引入一个框架提示框，这里我用的是vantimport { Toast } from 'vant';// 配置请求地址const Path = 'http://localhost:3000'//1. 创建新的axios实例，const axios = Axios.create({ ba

2020-12-29 15:24:05 220

原创前端使用koa连接本地数据库

接上篇文章的思路进行优化，在项目中每次模拟数据的时候会写一大堆，改一大堆，那么从后台导一份数据过来直接写sql自己查询这样子就会剩很多时间我们这里用mysql，首先安装mysql环境，下载一个数据库管理工具，这个网上一大堆就不在这里多说了，下面直接演示过程创建一个mysql.js的文件var mysql = require('mysql'); // 建立链接function __connection() { var connection = mysql.createConnection({

2020-11-11 15:12:18 1510 2

原创前端模拟接口---开发实用

使用的是koa框架开始先安装依赖//安装框架及所需要的配置npm install koa koa-router koa-body --save-dev//安装配置跨域的插件npm install koa2-cors正式开始const Koa = require('koa');const router = require('koa-router')();const koaBody = require('koa-body')();const cors = require('koa2-cor

2020-09-24 17:20:28 599

原创 if和switch的判断次数太多了怎么办

替代if和switchlet index = 1;// index用来模拟判断条件的值function judge(index){ let obj = { 1:'', 2:'', 3:'', 4:'', } console.log(obj[index]); // 这里返回不固定，按照需求自定义 // 举例--比如在vue中，有多种订单详情，在同一列表调取， // 由一个值来区分，一旦数量多，代码繁杂，判断条件多到不行， // 有的人可能会说可以用switch，也可以，但是

2020-08-24 09:58:24 521

原创小程序最顶部自定义搜索框

原理是计算胶囊的位置从而定位，不多bb看代码app.js const that = this; // 获取系统信息 const systemInfo = wx.getSystemInfoSync(); console.log(systemInfo,'系统信息'); // 胶囊按钮位置信息 const menuButtonInfo = wx.getMenuButtonBoundingClientRect(); console.log(systemInfo)

2020-05-16 17:07:45 3745 5

weixin_44570900的博客