前端技术
文章平均质量分 58
web前端技术相关...
阿里巴啦
vue3/vue2/aigc/nuxt/uni-app/node/electron/react/微信相关/小程序-前端开发工程师,不定时更新博客,分享前端相关的知识.
展开
-
ECMAScript 与 JavaScript 的深入对比与关系探讨
ECMAScript 和 JavaScript 的关系经常让人困惑,特别是随着两者的不断发展,很多开发者常常把两者混淆。本文深入分析它们的区别与联系,讨论其演进过程和未来趋势。原创 2024-09-09 10:23:12 · 1706 阅读 · 0 评论 -
探究Fingerprintjs:了解浏览器指纹技术的原理和应用
Fingerprintjs是一种浏览器指纹技术,它可以通过收集用户浏览器的一些特征信息,如浏览器类型、操作系统、屏幕分辨率等,来生成一个唯一的浏览器标识。这种技术被广泛应用于网络安全、广告营销、反欺诈等领域。原创 2023-02-08 14:14:53 · 4971 阅读 · 1 评论 -
关于企业微信的第三方应用开发
企业微信第三方应用,企微授权,注入权限,客户端api等调用,企微vue开发原创 2022-06-24 17:19:11 · 5404 阅读 · 2 评论 -
vue3中自动化注册全局组件vite版
引言:当我们开发一个很大的项目的时候,往往需要封装很多全局组件来复用,这时如果我们一个个的在main.js通过去完成全局注册就非常麻烦,所以我们得自动注册全局组件直接使用。本文主讲vue3+vite的项目vite不像webpack可以使用require.context方法进行处理,这里就不细说了。ok,我们来看看vite中的引入方式。import.meta.glob 为过动态导入import.meta.globEager 为直接引入先看下目录结构:我们在components目录下创建一个原创 2021-08-13 11:39:21 · 4281 阅读 · 1 评论 -
js的19种数组操作方法实例
JavaScript中数组的操作 数组是可以直接进行增删查改,非常实用。定义两个数组便于使用:let array = [2, 1, 2, 5, 6, 7, 8, 9, 9, 10];let users = [{ id: 1, name: "ted" },{ id: 1, name: "bob" },{ id: 3, name: "sara" },{ id: 4, name: "test" },{ id: 4, name: "test" },{ id: 5, name: "abc" }];原创 2021-05-06 15:13:08 · 872 阅读 · 1 评论 -
js复杂条件判断的优雅写法new Map
在我们日常项目中经常需要做一些逻辑条件判断,由于旧的习惯,用if/else或switch来实现多个条件判断;简单的判断确实可以使用,但这样会有个问题,随着逻辑复杂度的增加,变得越来越臃肿,那么我们不妨使用一下es6中的,Map语法。Map是一组键值对的结构,具有极快的查找速度.如:if/else 或者 switch, 下方代码确实可以实现,就是看起来有点呆。const fn = (status)=>{ if(status == 1){ //do sth }else if(sta原创 2021-04-16 16:24:15 · 1252 阅读 · 2 评论 -
js多层嵌套对象数组-根据最里层id找出它所属的每层父级id集合
根据已有子级id,找到它的所有对应的父级们的集合。比如我们现在有 levelIdList:[“166”],我们要找到这个166它的父级,然后再找爷级,以此类推。数据效果图:我们也得到的下方的数据。我们先看下初始数据data树的结构:(因为层级有点深,截图来看) bindFindKeys(data, val) { let arr = [], newArr = []; for (let i = 0; i<原创 2021-04-03 12:02:10 · 5623 阅读 · 1 评论 -
vue-draggable拖拽拖动组件的实际应用案例
vue-draggable拖拽组件库在项目中总会遇见一些需要排序的数据 , 那我们可以通过vuedraggable 进行拖动排序 。draggable为基于sortable.js的vue组件,用以实现拖拽功能。特性支持触摸设备支持拖拽和选择文本支持智能滚动,支持不同列表之间的拖拽。安装:npm i -S vuedraggable引入:import draggable from "vuedraggable"部分代码:实际应用:(已应用到某大型活动中…)...原创 2021-02-23 15:42:34 · 1152 阅读 · 1 评论 -
vue封装wangEditor富文本编辑器的使用案例
wangEditor是基于javascript和css开发的 Web富文本编辑器, 轻量、简洁、易用、开源免费。在我们实际项目上还是比较频繁应用到的,下面出个案例供大家参考学习…wangEditor文档:https://www.wangeditor.com/富文本编辑器截图:源码移步到微信公众号,谢谢。...原创 2021-02-05 14:57:35 · 502 阅读 · 1 评论 -
解决移动端,wap站,m站适配方案整理
概念:所谓移动端的适配,就是不同手机(屏幕尺寸/分辨率)上作等比例的缩放,给予用户更好的体验效果;首先,经过这些年的工作经验,出现的一些关于移动端适配的技术方案:框架式:Bootstrap,mui、amaze UI 等等…(代码量多,维护难,自定义开发麻烦,可用于后台管理/pc/简单式的网站)比分比%或者flex,这个是根据手机大小进行百分比/flex缩放; (不够灵活,像素大小都是px...原创 2020-04-08 00:03:22 · 2012 阅读 · 1 评论 -
微信小程序上传多张图片-视频,预览图片
考虑到日常项目会用到,就整理了一下这案例,可以上传指定数量的图片或视频;wxml:<view class='the-tit'>上传图片:</view><view class='share-pics'> <view class='slug-cons'> <view class='pics'> <view ...原创 2019-06-11 15:06:05 · 6094 阅读 · 1 评论 -
js复制图片文字图文分享到微信/QQ,插件clipboard.js的应用案例
js复制图片-文字,可用于商品复制文案进行分享的功能~1.此案例应用到clipboard.js,具体使用可查阅文档;2.复制的图片需注意,本地图片路径不行,得有链接的图片-还没被控制禁止复制的链接图片[可自行测试一下图片];3.这个框架功能还是比较强大的,复制文本和图片,复制成功后的html的标签会被去除掉,即得到只有文字和图片等等,这样我们就可以用于分享到qq/微信了,某宝相关平台就用到此...原创 2019-04-26 13:43:48 · 3147 阅读 · 2 评论 -
js实现页面的多个日期时间倒计时效果(多个拼团)
js的日期倒计时在日常项目中还是比较常用的,活动、拼团功能最为常见;先分析最要是处理好日期函数,然后一个页面上有多个倒计时情况下的方法;来,先看下 拼多多 的拼团倒计时的效果:那么,先上个代码吧:<html><head> <meta charset="UTF-8"> <title>js拼团日期倒计时</title&g...原创 2019-03-28 16:09:52 · 3877 阅读 · 1 评论 -
微信小程序用canvas生成分享图片,微信朋友圈海报
小程序的canvas画布绘图与h5的canvas有类似的功能,小程序的应用场景大多数是用于制作分享图,模块上是有文字、图片等等变量时,因为只有图片才能保存到相册,所以得先把模块合成为一张图片,此时canvas就能显示它的强大功能了。具体可查阅官方小程序[canvas组件的api]应用;本案例还增加了切换卡片的功能,可忽略,不过这里配合了canvas的操作,也可以参考一下;先看效果图:(个人...原创 2019-03-13 17:31:42 · 3293 阅读 · 1 评论 -
js/vue实现input file多张图片上传及预览,限制图片数量,对应每个图片文件名,删除图片
js input file 多图片上传,一次性上传多张图片(前端预览功能);运用js实现上传图片前的预览(支持多张图片),网上很多案例都是没有处理每个上传的图片文件名,这里我就增加了图片文件名的方法,希望亲们可以在项目中用到…其他input file多文件方法类似,用到FileReader读取文件的方式…先来个效果图:html结构&amp;lt;div class=&quot;upload-pic&quot;&amp;g...原创 2019-03-09 14:08:45 · 9499 阅读 · 16 评论