
前端技术
分享前端技术文章
挚友阳光
学无止境!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端面试题大汇总
前端面试题大汇总html,css,js,vue,小程序,优化原创 2022-08-17 15:09:26 · 409 阅读 · 1 评论 -
js常用正则表达式
正则表达式是非常有用的,正则表达式在每个语言中都是可以使用的,他就跟JSON一样,是通用的。在日常开发中,了解一些常用的正则表达式,能大大提高你的工作效率,例如字符串的匹配表单项的格式校验...原创 2022-08-16 20:44:58 · 548 阅读 · 0 评论 -
JS开发常用方法封装
JS开发常用方法封装原创 2022-05-11 20:40:47 · 350 阅读 · 0 评论 -
js树结构数据实现模糊查询
js树结构数据模糊查询原创 2022-05-11 19:26:29 · 608 阅读 · 0 评论 -
使用jsencrypt.js实现对请求参数进行RSA加密解密
使用jsencrypt.js实现对请求参数进行RSA加密&解密原创 2022-05-09 19:53:56 · 5782 阅读 · 0 评论 -
使用webpack4构建一个基于vuejs的开发编译环境
使用webpack4构建一个基于vuejs的开发编译环境原创 2022-05-09 19:46:23 · 313 阅读 · 0 评论 -
js输入金额校验
JavaScript 验证输入金额原创 2022-05-09 17:58:30 · 2760 阅读 · 0 评论 -
小程序scroll-view自适应高度
页面存在局部滚动 在不动态获取节点计算高度 让他根据父级自适应原创 2022-05-09 11:06:33 · 665 阅读 · 0 评论 -
小程序自定义索引菜单
小程序自定义索引菜单原创 2022-04-23 15:34:23 · 1080 阅读 · 0 评论 -
小程序 直播间点赞 animate动画实现
小程序类似直播间点赞,animate 动画简单实现原创 2022-04-16 11:00:10 · 746 阅读 · 0 评论 -
微信小程序 实现防抖音上下滑动切换直播间
微信小程序 实现防抖音上下滑动切换直播间原创 2022-03-08 21:00:41 · 1332 阅读 · 0 评论 -
使用whistle进行手机抓包并调试
手机抓包调试应用测试。原创 2022-02-25 10:24:17 · 4477 阅读 · 0 评论 -
js获取上一月下一月计算
js获取日期上月下月计算原创 2022-02-14 20:03:21 · 259 阅读 · 0 评论 -
图片在线转psd
图片转为psd原创 2022-01-20 11:05:18 · 590 阅读 · 0 评论 -
js 金额处理矫正
js 金额验证矫正方法原创 2022-01-17 11:45:50 · 297 阅读 · 0 评论 -
微信小程序 自定键盘
微信小程序自定义键盘原创 2022-01-14 19:54:44 · 2003 阅读 · 0 评论 -
网站卡顿,推荐这些免费使用加速工具的网站
cdn网站加速原创 2022-01-03 10:24:14 · 2202 阅读 · 0 评论 -
个人网站的HTTPS配置
HTTPS配置原创 2022-01-03 10:15:44 · 1564 阅读 · 0 评论 -
微信小程序UI组件库合集
微信小程序UI组件库合集原创 2021-12-29 21:27:07 · 909 阅读 · 1 评论 -
webpack安装
webpack安装教程原创 2021-12-29 18:28:51 · 164 阅读 · 0 评论 -
小程序switchTab之间传参
小程序switchTab之间传参原创 2021-12-29 18:26:06 · 1702 阅读 · 0 评论 -
程序员外包平台
程序员接单平台,程序员接单,程序员外包平台,程序员外包原创 2021-12-29 10:40:40 · 1659 阅读 · 0 评论 -
一些免费Api分享(持续更新中...)
免费api使用,免费api分享原创 2021-12-17 17:48:27 · 14348 阅读 · 2 评论 -
css3实现10种loading效果
css3动画 css3加载动画 csss实现loding原创 2021-12-07 21:15:40 · 2609 阅读 · 0 评论 -
js数组对象拆分成多维数组自定义数量
// 切割数组对象 重组成多维数组 regroupArray(array, subGroupLength) { let index = 0; let newArray = []; while(index < array.length) { newArray.push(array.slice(index, index += subGroupLength)); } return newAr..原创 2021-11-30 16:12:54 · 732 阅读 · 0 评论 -
手把手教你使用Vuex,都能看懂的教程
手把手教你使用Vuex,都能看懂的教程 为什么要做这篇文集呢?市面上关于vuex的教程多如牛毛,甚至vuex被某些大神都封装出花儿来了;一方面是想从最简单最基础的地方带大家使用一下vuex,另一方面也是想让自己复习一下vuex,好,不多废话了,接下来我们简单对vuex介绍一下,这究竟是个啥?第一步,如果你想了解一个技术,就去他的官网去看,准没错,进入官网,映入眼帘的就是“vuex是什么”:如图所示,它是一个程序里面的状态管理模式,它是集中式存储所有...原创 2021-11-22 10:14:28 · 313 阅读 · 0 评论 -
混子前端24个解决工作问题的ES6代码片段
这篇文章基于实际使用场景总结了24个ES6代码片段,可用来解决项目中遇到的一系列问题1、如何隐藏所有指定元素?const hide = (...el) => [...el].forEach(e => (e.style.display = "none"));// Examplehide(document.querySelectorAll(“img”)); // 隐藏页面上所有<img />元素复制代码2、如何确认元素是否具有指定的类?const hasClass ..原创 2021-11-22 10:11:15 · 176 阅读 · 0 评论 -
能解决 90% 需求的js库
这里推荐比较常用的JS库,可以处理日常百分之90的需求,而且这些库都有较好的文档。create.js一套完整的H5游戏引擎,做2d的动画他就足够了,包括 声音加载库:sound.js,预加载库 :preload.js,canvas动画库:ease.js,补间动画库:tween.jsFullpage.js快速实现全屏滚动特,基于 jQueryChart.js基于 HTML5 的 JavaScript 图表库vue-typed-js基于 vue 的 JavaScript打字效果动画库Motio原创 2021-11-22 10:00:14 · 535 阅读 · 0 评论 -
微信小程序写一个音频跳动css3动画
微信小程序写一个音频跳动css3动画原创 2021-11-18 11:02:06 · 1041 阅读 · 2 评论 -
微信小程序时间戳转年月日时分秒
/** * function: 60秒内(刚刚),60秒至60分钟(**分钟前),1小时至24小时(**小时前),1天至15天(**天前),其他为正常日期显示 * @number 時間戳 */function formatMsgTime(number) { var dateTime = new Date(number); // 将传进来的字符串或者毫秒转为标准时间 var Y = dateTime.getFullYear(); // 年 var M = dateTime.getMon原创 2021-11-17 17:04:14 · 1904 阅读 · 1 评论 -
微信小程序视频图片上传到腾讯云COS对象储存
配置好腾讯云账号 下载对应SDK引入使用,这里提供实践代码。let COS = require('./utils/cos-wx-sdk-v5');//签名生成配置数,可自行生成,或者后台处理好给你// 初始化cos 后台配置参数// new Cos sdk 实例var cos = new COS({ getAuthorization (options, callback) { App.post('api/oss/authorization',JSON.stringify.原创 2021-11-13 09:39:13 · 2865 阅读 · 0 评论 -
微信小程序索引菜单
//dom <scroll-view class="content" scroll-y="true" style="height:340rpx" scroll-y bindscroll='onPageScrollIndex' enhanced="true" scroll-into-view="{{toViewClick}}"> <view class="contain"> <!-- 这里index-list=[]原创 2021-11-12 21:26:01 · 1282 阅读 · 2 评论 -
微信小程序使用Axios 请求拦截封装
这里使用的是axios-miniprogram-adapter axios适用库 怎么引入可自行百度// author Lin 2021/11/30import axios from 'axios'import mpAdapter from 'axios-miniprogram-adapter';import utils from '../utils/util';import aesUtil from '../utils/aes_utils';import utils_sha from '..原创 2021-11-06 14:57:57 · 6509 阅读 · 0 评论 -
uniapp-uniPush消息推荐(个推)
App.vue: onLaunch() 添加条件语句监听消息// #ifdef APP-PLUS const _self = this; const _handlePush = function(message) { console.log(message); //跳转到某个指定的页面 uni.navigateTo({ url: '/pages/seller/orderList' }); }; //点击通知消息时执行的.原创 2021-09-02 16:22:52 · 858 阅读 · 0 评论 -
vue3.0初步使用总结
1. 初始化项目2. setup方法setup是vue3.x中新的操作组件属性的方法,它是组件内部暴露出所有的属性和方法的统一API。setup的执行时机在:beforeCreate 之后 created之前,可以接受props数据ctx上下文对象(这些属性在 vue 2.x 中需要通过 this 才能访问到,在 vue 3.x 中无法访问到 组件的this)。3. reactivereactive用来创建响应式的数据对象,对数组和对象可以深度响应。4. refref() 函数同样可以来原创 2021-08-30 17:18:07 · 172 阅读 · 0 评论 -
uni.getLocation获取详细地址
uni.getLocation({ type: 'wgs84', success: function(res) { console.log('当前位置的经度:' + res.longitude); console.log('当前位置的纬度:' + res.latitude); var point = new plus.maps.Point(res.longitude, res.latitude); plus.maps.Map.reverseGeocod原创 2021-08-27 11:11:41 · 2331 阅读 · 1 评论 -
免费api分享
1:https://tenapi.cn/ Ten▪Api免费提供Api服务2:https://api.abcyun.co/ Hidove Api - 提供简洁、稳定、易用的Api接口3:https://api.isoyu.com/ 姬长信API For Docker4:https://api.imjad.cn/ AD’s API5:https://api.paugram.com 保罗 API6:https://api88.net/ 接口互联开放API接口7:Binaryify/NeteaseCl原创 2021-08-23 11:21:11 · 2062 阅读 · 0 评论 -
SourceTree的使用(连接远程仓库,克隆,拉取,提交,推送,新建/切换/合并分支,冲突解决)
前言: 俗话说的好工欲善其事必先利其器,Git分布式版本控制系统是我们日常开发中不可或缺的。目前市面上比较流行的Git可视化管理工具有SourceTree、Github Desktop、TortoiseGit,综合网上的一些文章分析和自己的日常开发实践心得个人比较推荐开发者使用SourceTree,因为SourceTree同时支持Windows和Mac,并且界面十分的精美简洁,大大的简化了开发者与代码库之间的Git操作方式。该篇文章主要是对日常开发中使用SourceTree可视化管理工具的一些常用操作进行原创 2021-08-18 10:53:08 · 2678 阅读 · 0 评论 -
js防抖节流
防抖:连续时间,只能执行一次//防抖函数(立即执行版)function debounce(func, wait) { let timer; return function() { if (timer) clearTimeout(timer); //反复触发?我给你清了定时器 let callNow = !timer; //取反,给第一次执行 timer = setTimeout(() => { timer = null原创 2021-08-13 11:43:07 · 100 阅读 · 0 评论 -
uniapp nvue 踩坑记录
不支持复杂css选择器,请使用class选择器可以使用scss文字应被text标签包裹字体样式不会被子元素继承默认布局为flex,且flex-direction默认为column纵向排列css无法使用百分比、vw / vh纵向全屏请使用flex: 1;横向全屏可以用width: 750rpx图片应使用image标签图片显示模式应给标签设置resize属性,值为 cover(纵向完整) / contain(横向完整) / stretch(缩放)不支持background-image,需要背.原创 2021-08-12 16:00:47 · 1446 阅读 · 0 评论