11 2023 档案
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 上家公司有个需求是批量导出学生的二维码，我一想这简单啊，不就是先批量获取学生数据，然后根据QRcode生成二维码，然后在用html2canvas导出成图片嘛。 由于公司工具库有现成的生成压缩包方法，我只需要获得对应的图片blob就可
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 函数创建与定义的过程 函数定义阶段 在堆内存中开辟一段空间 把函数体内的代码一模一样的存储在这段空间内 把空间赋值给栈内存的变量中 函数调用阶段 按照变量名内的存储地址找到堆内存中对应的存储空间 在调用栈中开辟一个新的函数执行空间 在执行
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 仿贝壳地图画圈找房功能实现（高德地图） 前言 在最近租房时，看到贝壳找房上线了一个地图画圈找房的功能，感觉很是新奇。接触地图开发也有很长一段时间了，以前大部分都是基于web pc端开发，所以一般遇到这种圈选，绘制多边形圆形都是直接基于官方
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、前言 最近 推特上 一位懂设计和写代码的大神一个两个浏览器之间 星球粒子交互的动画火了， 让人看了大呼脑洞大开， 浏览器竟然还能这么玩！！！ 准备自己也搞搞玩一下 二、实现 原作者的粒子动画非常炫酷， 但是不是我们本文重点， 我们通过
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 JSONP是一种很远古用来解决跨域问题的技术，当然现在实际工作当中很少用到该技术了，但是很多同学在找工作面试过程中还是经常被问到，本文将带您深入了解JSONP的工作原理、使用场景及安全注意事项，让您轻松掌握JSONP。 JSONP是什么？
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近喜欢研究起了手表，对劳力士这款“百事圈”实在是心水的不行啊！ 心痒难耐无奈钱包不支持，作为一个前端程序员，买不起的东西该怎么办？ 当然是自己做一个啊！ 说干就干，熬夜自己做了个“百事圈”出来！源码在最后！ 先看成品 还是有那么六七成相
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、你看得懂权威的解释吗？ 1. CSS 规范中对 BFC 的描述 CSS 规范(英文) | 中文翻译 浮动，绝对定位的元素，非块盒的块容器（例如inline-blocks，table-cells和table-captions），以及’o
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 引言 居中是我们在前端布局中经常会遇到的问题，其中包括水平居中和垂直居中。居中的方法很多，比如说水平居中可以使用text-align: center或者margin: 0 auto等等来实现，垂直居中则需要使用一些其它的特殊的技巧。比如说
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 Vue的5种处理Vue异常的方法 相信大家对Vue都不陌生。在使用Vue的时候也会遇到报错，也会使用浏览器的F12 来查看报错信息。但是你知道Vue是如何进行异常抛出的吗？vue 是如何处理异常的呢？接下来和大家介绍介绍，Vue是如何处理
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 效果 金币从初始位置散开后逐个飞向指定位置，这是游戏中很常用的一个动画，效果如下： 思路 这个效果中，分成两个阶段： 一定数量的金币从一个起点散开 这些金币逐一飞向终点 计算金币的初始散开位置 生成圆周上的等分点 金币散开的位置看似随机，
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 日常开发中，我们经常遇到过tooltip这种需求。文字溢出、产品文案、描述说明等等，每次都需要写一大串代码，那么有没有一种简单的方式呢，这回我们用指令来试试。 功能特性 支持tooltip样式自定义 支持tooltip内容自定义 动
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在我们写项目代码时，应该更加专注于业务逻辑的实现，而把定式代码交给js库或工程化自动处理，而我想说的是，请求逻辑其实也是可以继续简化的。 你可能会说，用axios或fetch api就够了啊，哪有什么请求逻辑，那可能是你还没有意识到这个问
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、故事的开始 最近产品又开始整活了，本来是毫无压力的一周，可以小摸一下鱼的，但是突然有一天跟我说要做一个在网页端截屏的功能。 作为一个工作多年的前端，早已学会了尽可能避开麻烦的需求，只做增删改查就行！ 我立马开始了我的反驳，我的理由是市
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 Vue2 将在 2023 年年底停止维护了，但是 Vue2 的代码却不会在 2023 年消失，还会越来越多；难以想象几十万行或者几百万行的 Vue2 代码迁移到 Vue3，这是不可能办到的； 老一点的前端程序员肯定经历过把大型项目从
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前端“三清” 在前端开发中，我们经常听到关于“三清”的说法，即 window、document、Object。这三者分别代表了 BOM（浏览器对象模型）、DOM（文档对象模型）以及 JS 的顶层对象。在这个体系中，我们通过 JavaScr
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 众所周知，vue路由模式常见的有 history 和 hash 模式，但其实还有一种方式-abstract模式（了解一哈~） 别急，本文我们将重点逐步了解： 路由 + 几种路由模式 + 使用场景 + 思考 + freestyle 路由概念
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 记录一下在公司遇到的一些功能，以及相关实现 以上的内容我花了一周时间去实现的，自己也觉得时间很长，但主要因为很少使用ECharts，导致使用的过程中大部分的时间都在查文档。 对于上面的这些功能点，其实算是写了两遍吧，这周一开了个Code
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在写页面的时候，发现表单里面有一个省市区的 options 组件要写，因为表单很多地方都会用到这个地址选择，我便以为很简单嘛。 虽然很简单的一个功能，但是网络上能搜索到的教程大多都是需要配合 elementUI 等各种 UI 库的，但是我
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 代码片段 闲来无事写了个有意思的东西，鼠标放在小方块上会放大并挤压周围方块，背景颜色会动态改变。这里没有用一行 js 代码，纯样式（Sass）实现。 <template> <div class="container"> <div clas
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 平常有接触到媒体播放的朋友应该会发现一个问题，我们在其他视频网站时，他们的视频在进入页面的时候能自动播放，但是在我们实际开发中却不能，明明我们都设置了autoplay 属性，浏览器为什么区别对待呢？ 其实，这是浏览器对用户体验的一个优化，
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 在学习Grid布局之时，我发现其是CSS中的一种强大的布局方案，它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局，在刷某书和某宝首页时，我们发现其展示方式就是一种瀑布流，是一种流行的网站页面布局，视觉表现为参差不
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 业务背景 由于当前项目中需要实现身份证拍照识别的功能，如果是小程序可以使用微信提供的 ocr-navigator 插件实现,但是在企业微信的H5中没有提供该插件，所以需要手动实现该功能。 需求分析及资料查阅 众所周知，前端H5中浏览器打开
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 效果演示 横版 竖版 思路分析 可以看到文字是一段一段的并且独占一行，使用段落标签p表示一行 一段文字内，字是一个一个显示的，所以这里每一个字都用一个span标签装起来 每一个字都是从透明到不透明的过渡效果，使用css3的过渡属性tran
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 介绍 有朋友反馈说最近分享的内容不太好理解，那么今天来分享个早前开发的图层制作过程，基于GIS数据代码生成流动的车行线，上手很简单。下面我将在实现思路、具体开发、数据来源这几方面逐步讲解，希望读者能从中获取对数据可视化开发的兴趣。文中使用
阅读全文