前端
关注
分享
扫一扫
文章平均质量分 70
自酌一杯酒
欢迎大家访问我的个人博客：https://www.clluo.com
展开
-
Node实现文件（图片、音/视频等）上传
node文件上传完整代码。使用 multer 中间件 来储存上传的文件，支持自定义保存到哪个文件目录下原创 2022-12-02 15:17:08 · 2304 阅读 · 7 评论 -
vue.js数据渲染完成后，获取页面高度问题
获取整个页面的高度用的$(document).height();遇到的问题在没有数据的时候页面的高度是690px;调用数据请求后，在ajax的success里面打印高度还是690px （我认为是数据加载完了，但是页面没有渲染好，所以高度获取的还是之前的高度）;我就在vue这几个(created，mounted，updated)生命周期都打印了下，都还是690px;解决问题需要用到$......原创 2019-02-11 15:13:51 · 13771 阅读 · 1 评论 -
JS实现JSON数组合并和去重
数组合并用的是concat方法，它可以用于字符串之间的连接和数组之间的连接；JSON数组去重利用对象的属性名不可重的特性来做判断，然后得到新的数组，就是去重后的数组；原创 2019-02-20 12:00:32 · 9294 阅读 · 0 评论 -
小程序转盘抽奖组件（使用简单）
项目地址点我查看完整代码效果图使用方式引入组件 .json{ "usingComponents": { "turnplate-lottery": "/components/turnplate-lottery/index" }}使用组件 .wxml<turnplate-lottery id="turnplate" list="{{prizeList}}"></turnplate-lottery><button catchtap="onSta原创 2021-11-12 14:28:34 · 2041 阅读 · 0 评论 -
图解转盘抽奖布局样式，以小程序为例
目前抽奖最常见的两种：九宫格抽奖 和 转盘抽奖，但转盘抽奖的大多是采用的是将做好的图放在页面上，如果需要变动奖池里面的奖品或数量，就会让设计师重新出一张图片。分享我自己在自定义转盘抽奖的样式布局思路，只是样式布局，没有功能实现；布局思路整个转盘抽奖布局分为两部分：底部转盘背景图 和 奖品内容布局一. 底部转盘背景图1：用canvas画个转盘出来（我采用的这种，自定义更高），再转为临时路径或base64数据，放到底部背景图上；2：用默认的转盘背景图，放到底部背景图上；二. 奖品内容布局首先需要原创 2021-03-19 15:17:09 · 2636 阅读 · 6 评论 -
小程序中实现视图懒加载
欢迎访问我的 个人博客前言小程序中对初始时渲染太多wxml节点数做懒加载是很有必要的！这是一个真实案例在写小程序时，有个页面由于要展示很多内容，光弹窗都6个，还有大量的列表，所以wxml节点数很多，超过了小程序建议的1000个节点以下。示例项目已放到 github 和 码云 上，文章最后附有地址。问题这个内容很多的页面是分包的第一个页面，再此之前开发工具上能正常的运行，因此没有去管它。但是在上周六（2020年1月16日）后，开发工具上就出问题了！！！进入这个分包页面，视图半天才渲染，但事件是会立原创 2021-01-21 10:01:05 · 811 阅读 · 0 评论 -
mongoose连接多个数据库简单例子
欢迎访问我的 个人博客执行代码前截图server.jsconst mongoose = require("mongoose");// 通过 createConnection 连接多个数据库var conn1 = mongoose.createConnection("mongodb://127.0.0.1:27017/wx");var conn2 = mongoose.createConnection("mongodb://127.0.0.1:27017/test");var Schema原创 2020-11-15 22:16:56 · 1277 阅读 · 0 评论 -
web前端开发时推荐用rem做单位
欢迎访问我的 个人博客我之前做页面写css样式的时候一直用的 px 做单位，因为直接看着PC端的设计图标注多少像素就写多少像素。 直到做了一个内容宽度是1440px 大小的PC端设计图后，我感觉用 rem 做单位才是最好的选择（个人认为），不管开发的是PC端还是移动端，还是响应式页面。下面我说下我对 rem 的看法，和我怎样使用 rem ，为什么推荐使用 rem一、rem 单位rem 是一个相对单位，相对根元素 <html>标签 字体大小的单位，一般浏览器默认的是 1rem = 16p原创 2020-06-09 19:18:35 · 1527 阅读 · 0 评论 -
Linux平台安装MongoDB详细图解
Linux上安装MongoDB4.x 图解详情原创 2020-06-09 12:39:16 · 401 阅读 · 0 评论 -
vue router页面跳转与传值取值
记录在学习vue的时候遇到的一些问题一、页面跳转与传值1、使用<router-link>标签的形式<router-link to="/home/recommend">推荐</router-link><router-link :to="{name: 'list',params:{pagename: '新闻列表'}}">新闻列表</r...原创 2019-12-24 14:22:59 · 1298 阅读 · 0 评论 -
微信小程序页面之间三种传值方式
第一种：url传值A页面部分js代码Page({ toDetailPage: function(e){ var zhi = &quot;biubiubiu~~&quot;; wx.navigateTo({ url: '/pages/detail/detail?zhi =' + zhi , }) }})B页面部分js代码Page({ /** * onLoad生命...原创 2018-10-31 21:19:17 · 8856 阅读 · 3 评论 -
原生js + canvas 实现刻度尺效果
手势事件touchstart 手指按下 、touchmove 手指移动 、 touchend 手指抬起效果图：完整代码：ruler.jsvar ruler = { /** * 初始化刻度尺插件 * @el 容器 String * @height 刻度尺高度 Number * @maxScale 最大刻度 Number * ...原创 2019-12-10 17:43:38 · 6570 阅读 · 5 评论 -
js项目中常用的一些工具函数
记录一下在项目中常用的工具函数，随时更新var utils = { /** * 获取路径参数方法 返回参数值 * @name 参数名字 * */ getQueryString: function (name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&am...原创 2019-11-18 16:28:48 · 378 阅读 · 0 评论 -
vue.js + axios.js图片压缩处理并上传到服务器demo
图片压缩原理将图片重新画入一个canvas中。可设置最大宽度，再按图片宽高比例定义canvas画布的宽高。完整代码demo<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>上传图片</title> <...原创 2019-11-07 16:05:14 · 646 阅读 · 0 评论