2020年12月_a_靖

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 uniapp实现瀑布流懒加载实现和无限上拉加载更多

效果图：说明：函数说明：传入一个数组，循环获取图片高度，会根据把原数组拆分成两个数组，放在两列，计算单列累计高度，对比高度值的大小，实现瀑布流的布局，由于获取图片高度需要一定的时间，所以使用async await 阻塞for 循环的进程，每获取到一个图片的高度就赋值渲染到页面上，实现加载出一个图片就先渲染上去，达成图片懒加载的效果 ...

2020-12-31 11:02:09 5417

本代码是使用 uni-app 实现的。可以在小程序或者H5，各端兼容使用效果图：源码：<template> <view class="page"> <canvas style="width: 300px; height: 300px;" canvas-id="myCanvas"></canvas> <image mode="widthFix" class="bgImg" :src="bgImg"></image&g

2020-12-28 18:06:29 4640

原创 Error: Cannot find module ‘express‘

解决方案：把node_module整个文件夹删掉,然后npm clean cache,看下package.json里有没有express的依赖项,有的话直接npm install,没有的话 npm install express --save

2020-12-28 14:04:42 1111 1

原创正则，把字符串/替换成-

把字符串/替换成-：'2017/22/33'.replace(/\//g, '-')如果后面不加g，就是只替换第一个字符。把所有的3替换成0：'2017/12/13'.replace(/3/g, '0')

2020-12-27 21:49:47 3609 1

原创小程序实现瀑布流，获取图片高度分成两组数据的函数封装代码

把一个数组根据数组内部的图片的高度，拆分成两个数组，组成瀑布流数据的方法。使用方式：async created() { var arr = this.$mock.sssdata.data.lists; //arr 是一个数组，里面包含若干对象，对象里面有图片 var myArr = await this.getArrImgHeight(arr,'faceimg') //调用我封装的方法，图片属性是faceimg console.log('myArr',myArr)},

2020-12-23 19:29:46 2285

原创随机位置显示图片不重叠前端实现详细讲解附效果图，代码可直接使用

先看看效果图所要实现的功能看看代码js代码讲解：下面看看完整代码吧所要实现的功能在页面上随机的位置显示随机大小的图片，并且每个图片不能重叠，完整实现代码。看看代码注：该代码是在微信小程序写的demo，因为没有使用框架的API，所以该代码的逻辑在h5或者小程序，任何地方都适用。js代码讲解：list（初始化的数组）和 arr（在初始化的基础上加上了随机定位的数据和随机的宽高）是界面要遍历的数组，决定图片渲染数量，这个值也可以改成从后端获取。最终的数据格式max 是图片最大值，min

2020-12-18 15:53:54 6592 1

转载炫彩流光按钮 html+css

话不多，先上效果：简介：用基础css做一个有一点炫酷的流光按钮，不止按钮，只要是盒子就行。具体步骤：1.先定义一个盒子当做按钮，如我就用a标签：<body> <a href="#" class="guang">button</a></body>2.先给a标签写基础的样式，比如长宽等等…： .guang{ position: relative; display: inline-blo

2020-12-16 18:03:11 850

转载宏任务和微任务到底是什么？如何执行的？

先来一道常见的面试题：console.log('start')setTimeout(() => { console.log('setTimeout')}, 0)new Promise((resolve) => { console.log('promise') resolve()}) .then(() => { console.log('then1') }) .then(() => { console.log('then2.

2020-12-07 12:16:09 3922 3

转载 promise 和 async await区别

什么是Async/Await?　　async/await是写异步代码的新方式，以前的方法有回调函数和Promise。　　async/await是基于Promise实现的，它不能用于普通的回调函数。　　async/await与Promise一样，是非阻塞的。　　async/await使得异步代码看起来像同步代码，这正是它的魔力所在。Async/Await语法　假设函数getJSON返回值是 Promise，并且 Promise resolves 有一些JSON 对象。我们只想调用它并且记..

2020-12-07 11:49:18 2187

H5指定盒子截图，H5页面生成卡片完整代码附效果图，H5指定盒子生成图片

基于html2canvas和renderjs 指定盒子截图

2024-03-15

nvm安装程序，直接安装可用

NVM（Node Version Manager）是一个流行的开源工具，用于管理和切换Node.js的不同版本。常用指令： nvm install <version>：安装指定版本的Node.js。例如，nvm install 18.16.1会安装Node.js的18.16.1版本。 nvm use <version>：切换到指定版本的Node.js。例如，nvm use 18.16.1将切换到Node.js的18.16.1版本。 nvm current：显示当前正在使用的Node.js版本。 nvm ls 或 nvm list：列出已安装的所有Node.js版本。 nvm alias <name> <version>：为指定的版本创建一个别名。例如，nvm alias default 18.16.1将为Node.js的18.16.1版本创建一个名为“default”的别名。 nvm unalias <name>：删除指定的版本别名。例如，nvm unalias default将删除名为“default”的别名。 nvm list available：查看可在线安装的Node.js版本

2024-03-15

uniapp移动端H5在线预览PDF等文件实现源码及注解

uniapp移动端H5在线预览PDF等文件实现源码及注解：https://a-jing.blog.csdn.net/article/details/120744302

2021-10-13

大转盘完整源码可直接使用，兼容小程序，H5

源码可以直接打开运行在项目路面，支持根据接口动态配置奖品图片，奖品名称，奖品数量和转盘背景图，转盘风格等。附详细说明，如果下载后有不懂的可以留言咨询，用最少的开发，做最完善的功能！！效果图地址：https://a-jing.blog.csdn.net/article/details/111871878

2020-12-30

微信小程序，H5翻书动画效果

微信小程序，H5翻书动画效果，可调整翻书的速度，使用博文说明：https://a-jing.blog.csdn.net/article/details/109598527

2020-11-10

公众号统计用户分享信息.zip

微信公众号自定义分享完整PHP源码，实现微信JSSDK的分享功能，支持安卓和IOS自定义。代码使用说明博客地址：https://a-jing.blog.csdn.net/article/details/105319560

2020-04-17

PHP接收音频文件并存入数据库完整源码,网页聊天功能实现

PHP接收音频文件并存入数据库完整源码,前端聊天功能实现博客地址：https://a-jing.blog.csdn.net/article/details/104983032

2020-03-20

wxe2f5f272708258f2.zip

微信小程序集成腾讯IM，相关博客地址:https://a-jing.blog.csdn.net/article/details/104660244,微信联系：13977284413

2020-03-08

my_vconsole.min.js

vconsole 调试查看LOG VUE在手机上调试手机查看h5的日志使用教程（完整代码）：https://a-jing.blog.csdn.net/article/details/100879287

2019-10-09

商品列表选择尺寸和颜色高亮

微信小程序的页面，需求：商品列表选择属性，给中的属性显示高亮，并且把选择的数据记录下来传递到下一个页面。博客地址：https://blog.csdn.net/qq_35713752/article/details/89360969

2019-04-17

计算起点地址和终点地址的最短驾车距离和驾车时间

从一个excel的xlsx表格中获取起点的地址和终点的地址，要批量计算两个地址之间的距离和驾车时间，按照百度地图的最短距离计算。最后把得出的行驶距离和驾车时间填充至xlsx表格中的相应地址，博客地址 https://blog.csdn.net/qq_35713752/article/details/88777365

2019-03-25