- 博客(96)
- 收藏
- 关注
RSS订阅原创 【前端 Uniapp】使用Vant打造Uniapp项目（避坑版）
Uniapp 是基于 Vue.js 的开发框架，通过一套代码可以同时发布到多个平台的应用框架。而 Vant 是针对移动端 Vue.js 的组件库。通过这样的组合，我们可以快速构建出一个跨平台的移动应用。Vant 已经支持多种小程序和 H5 平台，也对 Uniapp 实现了完美的支持。我们可以使用 Vant 提供的丰富的组件和功能，来快速开发一个漂亮、易用的移动应用。
2024-01-30 02:28:08
2311
原创 【前端】GSAP动画插件-ScrollTrigger
动画领域有一个比较知名的CSS库：Animate.css，它提供了60多种动画，满足一般网页的需求，比如淡入淡出、闪现等等一系列日常动画，不过虽然它能满足日常需求但是一些复杂的场景就需要靠JS手动去操作，比如界面滚动到某个元素才开始播放动画，比如拖拽、比如滚动界面时，动态调整元素。想实现当页面滚动到该元素时，元素才开始播放动画的效果。其实也不难，只需要监听页面滚动，当要滚动到该元素时，动态添加已经设置好动画的CSS类名，或者直接使用JS动态添加动画。
2024-01-30 01:47:29
1478
原创 【工具】7 个不可思议的 CSS 阴影生成工具，让你的应用更具吸引力！
记录、分享IT相关知识和见闻！想要了解更多软件相关知识的朋友！记得右上角添加【关注】，支持一下！网页设计中，CSS阴影(shadow)是一个非常重要的元素！可以为网页增添深度和层次感。然而，手动编写CSS阴影可能会非常繁琐和耗时。为了解决这个问题，许多CSS阴影生成工具应运而生。本文将介绍 7个 CSS阴影生成工具，这些工具可以帮助你快速轻松地生成各种各样的阴影效果，让你的应用更具吸引力！
2024-01-29 17:27:36
529
原创 【网络】http状态码大全(100 - 599状态码 全面讲解)
HTTP状态码（HTTP Status Code）是用以表示网页服务器HTTP响应状态的3位数字代码。它由 RFC2616 规范定义的 ，并得到RFC 2518、RFC 2817、RFC 2295、RFC 2774、RFC 4918等规范扩展。
2024-01-29 17:16:25
1078
原创 【微信小程序】wx-charts 图表插件
wx-charts微信小程序主流的图表工具基于 Canvas，体积小wx-charts插件无法在组件内使用。
2024-01-29 16:50:47
1170
原创 【微信小程序】下载后端返回的文件流
responseType: “arraybuffer”, 请求后端的二进制文件流 必须要加这段声明 ，否则会导致下载的文件打不开或者打开空白。
2024-01-29 16:23:08
370
原创 【微信小程序】实现打开并下载服务器上面的pdf文件到手机
要下载pdf文件，必须先获取到pdf文件的url地址。如果你的pdf文件是在自己的服务器上面，那么可以直接使用该pdf文件的url，如果是在其它服务器上面，则需要联系对应服务器的管理员获取该文件的url。获取到pdf文件的url后，你可以将其嵌入到一个 web-view 组件中，如下：</这样就可以在微信小程序中显示该pdf文件了。
2024-01-29 16:14:41
1965
原创 【微信小程序】生命周期
我们都知道生命周期是一组名称固定且会自动被调用执行的函数在开发小程序时也有专门的的生命周期函数，分为应用级别、页面级别和组件级别3种类型我们先学习应用级别和页面级别的生命周期。
2024-01-29 14:33:04
889
原创 【微信小程序】版本更新了，怎么通知用户
点击编译模式设置下拉列表，然后点击“添加编译模式”，在自定义编译条件弹窗界面，点击下次编译时模拟更新，然后点击定，重新编译就可以了。注: 需要注意的是，这种方式模拟更新一次之后就失效了，后边再测试仍需要对这种编译模式进行重新设置才可以。除），则会弹出提示，提醒用户更新新的版本。当小程序发布新的版本后，用户如果之前访问过该小程序，通过已打开的小程序进入（未手动删。新的版本已经下载好，调用 applyUpdate 应用新版本并重启小程序。小程序有新版本，则静默下载新版本，做好更新准备。
2024-01-27 01:58:22
445
原创 【微信小程序】怎样创建formdata对象，并通过 wx.request 发送file文件
业务需求：微信小程序开发需要选择本地照片file连同一些表单数据，通过接口发送给服务器问题：因涉及到域名安全问题以及并不是单独上传图片，不能使用 wx.uploadFile。微信本身没有FormData对象，无法使用 new FormData后端接口需要接收一个file, 所以只能想办法，通过wx.request 发送 multipart/form-data 请求。
2024-01-27 01:56:04
857
2
原创 【微信小程序】浮动按钮拖动功能
在开发过程中无意间想到了这个功能。一番查询之后找到这个功能相关的代码片段。拷贝过来之后各种报错，经过自己的整改以可以使用。image路径换成自己的图片路径。wxss：css页面样式。中间的微信按钮可以拖动。
2024-01-27 01:30:57
494
原创 【微信小程序】实现图片拖动、放大、缩小、旋转、滤镜和切图功能
2）方法WraptouchStart+WraptouchMove：获取图片移动坐标和触发时坐标的差值，加上图片本来的坐标来实现移动效果，注意要把移动坐标赋值给触发时坐标（items[index].lx = e.touches[0].clientX），不然会导致移动有问题；1）方法uploadImg+setDropItem：获取上传图片的信息，跟设置的最大宽高进行判断（maxWidth, maxHeight），然后根据判断的结果进行缩放，避免大图溢出，且设置图片的地址、坐标、定位和是否选中等信息；
2024-01-27 01:28:51
902
2
原创 【微信小程序】常用的几种轮播图
wxml:wxss:js:轮播效果二wxml:wxss:js:轮播效果三wxml:wxss:轮播效果四wxml:wxss:
2024-01-27 01:24:48
571
原创 【html+css+js】实现图片轮播效果
简单实现<html> <head> <style type="text/css"> *{background-color:green;} #lunbo{ width:600px; height:600px;position:relative;left:100px;top:50px;} //定义轮播图片所显示的位置 ul{width:100%; height:100%; position:relative;left:0px;top:0px}//为ul标
2024-01-27 01:20:09
747
原创 【数据库】oracle常见语句
返回d1和d2之间的数目，若d1和d2的日期都相同，或者都是该月的最后一天，–返回结尾n2位小数的n1的值，n2默认设置为9，当n2为默认设置时，–返回选择列表项目中的数值总和，列表项目可以使一个列或多个列的表达式。–返回选择列表项目中的标准偏差，列表项目可以使一个列或多个列的表达式。–若n为负数，则返回-1，若n为正数，则返回1，若n=0，则返回0.–返回选择列表项目中的最大数，列表项目可以使一个列或多个列的表达式。–返回选择列表项目中的最小数，列表项目可以使一个列或多个列的表达式。
2024-01-26 22:13:53
902
原创 【HTML+CSS+JS】实现简单的魔方
案例介绍：设计一个不停旋转的4阶魔方，魔方每一个面的方格能够依次飞出原位置，稳定在一个大的范围，紧接着旋转 恢复原位。魔方之下有一个圆形的发光区域。
2024-01-26 15:26:18
1000
原创 【微信小程序】15分钟倒计时（附带天数和时钟的实现方法在文章中）
这是制作的订单支付前倒计时，如果客户在规定时间内没能 支付，则系统自动删除，这样就以便有些商品冗余，当然了，这里只有分钟和秒钟，天数和时钟我写在了最底下，最后代码的显示第七行，可以看一下，然后带入到相应的地方。如果你想要用获取的时间，把我上面的时间改成在onload（）里获取的时间就好了，this.data.你的时间属性。首先，是开始的时间，注意，千万不要是现在时间，不然一直是15分钟，无法改变的。因为后面是用时间戳计算的，如果是用时间计算，比较麻烦，建议用时间戳。
2024-01-26 15:17:32
798
原创 【微信小程序】wxs脚本
为了降低 wxs （ WeiXin Script ）的学习成本， wxs 语言在设计时借大量鉴了 JavaScript 的语。wxs 代码可以编写在 wxml 文件中的 标签内，就像 Javascript 代码可以编写在 html 文件中的 标。wxs 代码还可以编写在以 .wxs 为后缀名的文件内，就像 Javascript 代码可以编写在以 .js 为后。隔离性指的是 wxs 的运行环境和其他 JavaScript 代码是隔离的。但是，在 wxs 中定义的函数不能作为组件的事件回调函数。
2024-01-26 15:13:14
543
原创 【微信小程序】实现图片处理
这是一款实用的工具型小程序共有滤镜、效果图和动态滤镜三个功能用户可以选择想要处理的图片，设置模糊、怀旧、复古、美白以及其他效果同时程序还增设了效果图功能用户可以自行调整饱和度、亮度和对比度此外程序还有动态效果图的功能。
2024-01-26 14:44:52
481
原创 【微信小程序】使用外部字体
将所有内容复制到app.wxss中,接下来我们就可以在小程序中任意使用我们导入的外部字体了，另外此中方法也适用于阿里巴巴iconfont字体的导入哦，有兴趣的朋友不妨去试试。在修改的过程中又留下了一些什么坑，当然本文并不旨在谈论这些坑和其解决方案，因为太多了，本文的重点是如何在小程序中使用外部字体。微信小程序其实说白了就是一个浏览器，一个基于webkit内核的浏览器，我们浏览特定的小程序其实就是在浏览特定的网页。答案当然是可以的，我们需要借助一个第三方网站。其实对于一般的需求，系统预置的字体已经够用了。
2024-01-26 14:30:57
410
原创 【微信小程序】canvas绘实现贴纸效果
在做微信小程序时，碰到一个需求，要求用户上传一张照片进行裁剪，选择贴纸后生成一张图片，这里来分享一下我实现的方法。
2024-01-26 14:20:16
734
原创 【微信小程序】图片违法违规内容鉴别（云函数）
本篇博客旨在记录了自己在小程序编程过程中碰到的一部分问题，如有错误的地方欢迎指正。微信小程序通过云调用校验一张图片是否含有违法违规内容。
2024-01-26 13:49:50
550
原创 小程序生成海报需求
需求描述：在小程序根据已有的dom样式，生成一张图片作为海报图分享出去。方法1、使用官方的canvas api 把想要的dom样式通过画矩形画text一步步画出来。方法2、 简单so easy。使用插件。
2024-01-26 11:42:13
780
原创 实用工具合集（持续更新...）
度盘资源搜索的网站，能够搜索电影、电视剧、小说、音乐等资源（注意：评论区很多小伙伴说小白盘有毒，我用谷歌浏览器搜索过几次并无大碍，请慎用！
2024-01-25 22:10:01
829
原创 微信小程序 - scroll-view组件之上拉加载下拉刷新（解决上拉加载不触发）
/ 自己定义刷新事件 var self = this;// 自己定义刷新事件 self . setData({triggered : true , // 将triggered属性设置为true，表示下拉刷新已经被触发 }) wx . showToast({title : "刷新成功" }) setTimeout(function() {triggered : false , // 将triggered属性设置为false，表示下拉刷新已完成 }) console . log('下拉刷新已完成')
2023-08-02 11:52:42
5172
原创 微信小程序 - 解析富文本插件版们
完成，存在不稳定因素，如对稳定性有很高的要求，请自行搭建解析服务，或在自家服务器上直接完成解析。如果为了追求极致的体验，建议将markdown、html转换为towxml数据的过程放在服务器上，在小程序中直接请求数据即可。方法进行数据绑定，注意路径，参数分别为绑定的数据名、已解析的富文本数据、当前页面对象和容器与屏幕边缘的单边的距离。富文本的解析默认是由QwqOffice完成，存在不稳定因素，你可以自行搭建解析服务或将解析组件引入到你的项目中。，添加使用组件的声明，注意路径。最后一步在页面上渲染使用就行。
2023-08-02 11:21:55
1644
原创 超前端相关的学习网站和一些靠谱的小工具
是一个在线可自定义设计SVG图标素材的网站，帮助前端设计师找到想要的图标素材，这些图标素材都是常用图标，可以点击官方提供的素材进行二次设计，同时也可以把设计好的图标导出。
2023-07-31 10:58:39
186
原创 Trello的功能、优缺点、国内使用体验，及4大类似的项目工具
1、Trello是什么软件，有哪些功能；2、Trello的价格及国内用户的使用体验；3、盘点国内同类型的项目管理软件；4、对比国内工具Worktile、Teambition等工具如何。
2023-07-31 10:13:29
901
原创 微信小程序 - 腾讯地图SDK
微信小程序_腾讯地图SDK(在官方基础上增加路径规划功能) 以下为使用方法。js文件中有大量注释。官方文档传送门做一下简单的使用摘要 #简介#腾讯位置服务为微信小程序提供了基础的标点能力、线和圆的绘制接口等地图组件和位置展示、地图选点等地图API位置服务能力支持，使得开发者可以自由地实现自己的微信小程序产品。
2023-07-13 18:00:57
2787
1
原创 你不知道的前端框架和UI组件库 - 大合集【收藏必备】
Vue.js 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。不兼容IE8，最低只能支持到 IE9官网：https://cn.vuejs.org/ReactJS 的确是一个伟大的东西，就其核心而言，就是一个可以和 html 混合编写的 jsx 格式，以及一个良好有序（加载时和更新时）、并和 html 渲染实时捆绑的状态机制。学习和使用 ReactJS，你并不需要对你现有的代码架构做太大的调整，只要引入 react.js 和 react-dom.js 两个文
2023-07-13 16:36:44
11798
4
原创 6个美化代码片段转换截图图片在线工具推荐
不可以自定义设置样式，只有固定的几个格式，而且贴进来的代码不支持编辑，所以我们必须复制好代码贴进来才可以用，不是太友好。有提供多个样式直接选择喜欢的，然后可以设置透明背景图片或黑白模式，对于间隔代码可以设置边框字符数，可以自动识别常规的代码。这款在线代码片段转换图片格式的工具界面还是比较清爽极简，有多个固定样式可选，包括有支持的语言会不同的高亮代码模式，以及设置粗体、泄题和下划线格式。这款工具和上面的Codeimg有些相似，可以选择不同的设备样式，以及设置代码的CSS样式调整边距、颜色、字体、背景等。
2023-07-11 10:33:04
752
原创 微信小程序WebView嵌入别人网页的解决办法
在做微信小程序开始时，大家都能遇到，WebView组件使用的URL必须要在小程序的后台设置业务域名，并且在对应域名服务器根目录下要放置对应的验证文件，否则发布后是无法正常打开的。在开发测试时，我在小程序中嵌入了一个别人的网页。自己又不能在别人的服务器上放置验证文件，导致了发布后小程序的WebView中的内容无法正常显示。写在前面，小程序必须是热认证的企业小程序，个人小程序不支持WebView组建。这样配置后，通过了微信的认证，小程序端正常显示。因为这里有服务器和域名，因此使用了以下的方法。
2023-07-08 16:39:26
2094
1
原创 总结一下JavaScript 中的 for 循环
Array在 Javascript 中是一个对象，Array的索引是属性名。此处输出的索引值，即 “0″、 “1″、 “2″不是 Number 类型的，而是 String 类型的，因为其就是作为属性输出，而不是索引。forfor-inforEachfor-of接下来讲讲这四种循环的写法和适用场景。
2023-07-08 16:31:31
245
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人