哈喽！大家好！我是程序视点的小二哥。前端开发中，总会遇到这样一个困境：动画还原。对于前端开发工程师，有的是这样做的。 照着设计动画模仿，猜测动画时长，手创建贝塞尔曲线…… 调整细节耗时耗力，效果还差强人意... 好不容易实现了，还原度却达不到要求 在被UI设计折磨一顿后，小二哥找到了解决这个困境的方案。它就是今天的主角：Lottie Lottie简介 Lottie是Airbnb开源的一个面向iOS、Android、ReactNative的动画库，能分析AE导出的动画（需要用bodymovin导出为json格式），并且能让原生App像使用静态素材一样使用这些动画，完美实现动画效果。 下面是...

大家好,欢迎来到程序视点!对于网页设计师和开发工程师而言，创建一款极具趣味性和实用性的CSS网页动画，能让网站美观不少! CSS动画，就是通过CSS代码搭建网页动画。允许设计师和开发人员，通过编辑网站的CSS代码来添加页面动画，轻松提高网站兼容性的同时，提升网页加载速度。今天就带来了十套精美的css动画，还有css源码呦，复制粘贴就能使用，让UI看了都自愧不如! 1.FlyingBirds FlyingBirds动画中的飞鸟设计，生动而自然。轻松营造出了一种生机勃勃、引人入胜的网页氛围。 2.FallingSnow飘雪动画设计，美观炫酷! 3.StoreLoadingAnimation 插...

IntelliJIDEA2023又出新版本啦 IntelliJIDEA2023又出新版本啦！上一个版本还没用熟练，2023.2.5版本就出来了。还好是小版本发布，使用上没有太多影响。 IntelliJIDEA是一款功能强大的集成开发环境，被广泛应用于Java开发中。为了充分发挥其优势，您需要激活码来解锁全部功能。本文将为您介绍如何获取和使用IntelliJIDEA激活码。 IDEA激活准备工作 先从IDEA官网下载IDEA2023.2版本的安装包，下载链接如下： https://www.jetbrains.com/idea/download/ 点击下载(下载IntelliJIDEAUlt...

前言 今天分享下IntelliJIDEA最新激活码，适用于idea2023、idea2022、idea2021及以下版本。一个能用的idea激活码，希望能帮到需要激活idea的朋友。目前这个是能用的，但是用的人多了之后也会失效，我会不定时更新的哈 申明：本文最新idea激活码收集于网络，请勿商用，仅供个人学习使用，如有侵权，请联系作者删除。若条件允许，希望大家购买正版！ 准备工作 先从IDEA官网下载IDEA2023.2版本的安装包，下载链接如下： https://www.jetbrains.com/idea/download/ 点击下载(下载IntelliJIDEAUltimate版)...

前言 今天分享下WebStorm最新激活码。一个能用的WebStorm激活码，希望能帮到需要激活WebStorm的朋友。目前这个是能用的，但是用的人多了之后也会失效，我会不定时更新的哈 申明：本文最新WebStorm激活码收集于网络，请勿商用，仅供个人学习使用，如有侵权，请联系作者删除。若条件允许，希望大家购买正版！ WebStorm激活码准备工作 先从IDEA官网下载WebStorm2023.2版本的安装包，下载链接如下： https://www.jetbrains.com/webstorm/download/ 点击下载，静心等待其下载完毕即可。 双击下载好的安装包进行安装即可。具体...

大家好，欢迎来到程序视点！今天要分享的是工厂模式的最后一种模式：抽象工厂模式。 ​ 前言 在上一篇文章：设计模式之工厂方法模式最后，我们通过示例展示了两个问题。归纳起来就是： 每次增加一个产品时，都需要增加一个具体类和一个对象实现工厂。 随着产品类的增多，使得系统中类的个数成倍增加，在一定程度上增加了系统的复杂度，同时也增加了系统具体类的依赖。 对于某些可以形成产品族（一组产品）的情况处理比较复杂 由于工厂方法模式中，一个具体工厂类只生产一类具体的对象，导致相关的产品系列之间在组装匹配的时候出现问题。 当我们考虑将一些相关的产品组成一个“产品族”，由同一个工厂来统一生产时，就形成了抽象...

分享一下PhpStorm2023.2最新激活注册码，破解教程如下，可免费永久激活，亲测有效，下面是详细文档哦 申明：本教程PhpStorm破解补丁、激活码均收集于网络，请勿商用，仅供个人学习使用，如有侵权，请联系作者删除。若条件允许，希望大家购买正版！ PS:本教程最新更新时间:2023年09月13日 注意 本教程适用于PhpStorm2023.2以下所有版本，请放心食用 本教程适用Windows/Mac/Linux系统，文中以Windows系统为例做讲解，其他系统按照教程顺序即可。 前言 PhpStorm目前已经更新到最新的2023.2版本了，群里的小伙伴私聊问我，为啥之前激活套路不稳定...

大家好，我是【程序视点】小二哥！ 今天要上的菜不是Animate.js，也不是Move.js，而是能提供108种加载动画的库：Whirl. 最省力的加载动画 话不多说，直接来看例子。 以上只是冰山一角。whirl的CSS加载动画集合中有108种选项供你挑选。选中喜欢的动画后，点击“GrabtheCSSonGithub!”。将跳转到Github页面，直接获取CSS样式，拷贝到自己的样式文件中使用即可。 @-webkit-keyframesspin{ to{ -webkit-transform:rotate(360deg); transform:rotate(360deg);}} @keyfra...

最近这些年，随着三大框架React、Vue、Angular版本逐渐稳定，前端技术栈的迭代似乎缓慢下来。 如果我们把目光拉伸到未来十年的视角，前端行业会出现哪些框架有可能会挑战React、Vue、Angular呢？ 崭露头角的Svelte应该是其中的选项之一。 简介 Svelte是一个构建web应用程序的工具。它被预测为未来十年可能取代React和Vue等其他框架的新兴技术。 有一个关键的区别：Svelte在构建/编译阶段将你的应用程序转换为理想的JavaScript应用，而不是在运行阶段解释应用程序的代码。这意味着你不需要为框架所消耗的性能付出成本，并且在应用程序首次加载时没有额外损失。 你...

我们日常开发中，时常会碰到数值格式化操作的场景，今天了不起就为大家分享一款相对比较全面的数值格式化的JS库：Numeral.js Numeral.js Numeral.js是一个用来对数值进行操作和格式化的JS库。可将数字格式化为货币、百分比、时间，甚至是序数词的缩写（比如1st，100th）。 安装 下载到本地引入 <scriptsrc="numeral.min.js"></script> 或使用CDN路径 <scriptsrc="//cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js...

在互联网上，目前还没有查询到一篇写得比较详细的WebStorm安装和激活教程。今天我将使用WebStorm最新2023年版本，从下载到安装以及创建项目带大家完整的走一遍。 分享的WebStorm2023.2最新激活注册码，可免费永久激活，亲测有效，下面是详细文档哦 申明：本教程WebStorm激活码收集于网络，请勿商用，仅供个人学习使用，如有侵权，请联系作者删除。若条件允许，希望大家购买正版！ PS:本教程最新更新时间:2023年09月21日 注意 本教程适用于WebStorm2023.2以下所有版本，请放心食用 本教程适用Windows/Mac/Linux系统，文中以Windows系统为例...

前言 一直以来，处理时间和日期的JavaScript库，选用的都是Moment.js。它的API清晰简单，使用方便灵巧，功能还特别齐全。我是Moment.js的重度使用者。凡是遇到时间和日期的操作，就把Moment.js引用上。 简介 Moment.js是一款常用于JavaScript日期时间处理的代码库，它能够解析、验证、操作以及格式化日期和时间。 在实际开发中，我们经常需要对日期时间进行转换、计算等操作，这时候就可以用到Moment.js，提高开发效率，减少工作量。 API Moment.js提供了丰富的API支持，如以下列出的几个方法： 解析与验证日期时间Moment.js可以解析多...

哈喽！欢迎来到程序视点。今天小二哥要分享的不是Animate.js，也不是Move.js，而是能提供108种加载动画的库：Whirl. 让加载动画变得丰富多彩！ 最省力的加载动画 话不多说，直接来看例子。 以上只是冰山一角。whirl的CSS加载动画集合中有108种选项供你挑选。选中喜欢的动画后，点击“GrabtheCSSonGithub!”。将跳转到Github页面，直接获取CSS样式，拷贝到自己的样式文件中使用即可。 @-webkit-keyframesspin{ to{ -webkit-transform:rotate(360deg); transform:rotate(360deg);...

大家好，我是程序视点的小二哥! 今天小二哥碰到一新来的实习生在使用alert调试H5页面，仿佛看到小二哥年少时羞涩的样子... 趁这个机会，就给大家分享一个针对手机网页的前端开发者调试面板工具：vConsole 简介 vConsole是框架无关的，可以在Vue、React或其他任何框架中使用。 现在vConsole是微信小程序的官方调试工具。 功能特性 查看日志(Logs)：console.log|info|error|... 查看网络请求(Network)：请求、响应的详情 查看节点结构(Element)：HTML节点树 管理存储(Storage)：添加、编辑、删除、复制Cook...

今天要分享的问题就是：如何在JS中检查一个变量的类型？ 先上结论：如果判断的是基本数据类型或JavaScript内置对象，使用toString；如果要判断的是自定义类型，请使用instanceof。 在ECMAScript规范中，共定义了7种数据类型，分为基本类型和引用类型两大类。 基本类型也称为简单类型，按值访问。引用类型也称为复杂类型，按址访问。JavaScript内置了一些引用类型，如图所示： JavaScript的变量是松散类型。虽然这使得提供类型信息的方式更加灵活了，但也容易误用。 下面来分析常见的四种JavaScript类型检查方法：typeof,instanceof,constr...

大家好，欢迎来到程序视点！ 今天小二哥要分享的不是Animate.js，也不是Move.js，而是能提供108种加载动画的库：Whirl. 最省力的加载动画 话不多说，直接来看例子。 以上只是冰山一角。whirl的CSS加载动画集合中有108种选项供你挑选。选中喜欢的动画后，点击“GrabtheCSSonGithub!”。 将跳转到Github页面，直接获取CSS样式，拷贝到自己的样式文件中使用即可。 @-webkit-keyframesspin{ to{ -webkit-transform:rotate(360deg); transform:rotate(360deg);}...

大家好,我是程序视点的小二哥! 今天分享一款来自国外的优秀的前端UI组件库：PrimeVue 目前最新版本，基于Vue3，很有特色，值得研究学习和上手使用。 PrimeVue介绍 PrimeVue是一套非常优秀的VueUI组件库，组件丰富，定制性很强，官网文档清晰，代码例子充足。 中文化也做得很不错，是一款可用性很强的Vue组件库。 PrimeVue的创建者是PrimeTekInformatics，它是一个著名的组件库供应商公司，在过去的几年中构建了不少流行的前端开源项目，例如PrimeFaces，PrimeNG和PrimeReact。 PrimeVue特性 组件丰富。内置70+Vue组件...

大家好，我是程序视点的小二哥!今天小二哥要分享的是一个纯前端实现读取和导出excel文件的工具库：ExcelJS ExcelJs简介 功能十分简单： 读取，操作并写入电子表格数据和样式到XLSX和JSON文件。一个Excel电子表格文件逆向工程项目。 在本文中，我们使用xlsx文件。xlsx是MicrosoftExcel使用的开放XML电子表格文件格式的文件扩展名。这也是工作中用得最多的一种文件之一。 安装 npminstallexceljs 或CDN <scriptsrc="https://cdn.jsdelivr.net/npm/exceljs@1.13.0/dist/exce...

大家好,欢迎来到程序视点! 今天跟大家简单聊聊Router的实现原理,以及我们如何去实现这样一个插件。 VueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。关于VueRouter的使用就不做过多介绍了,大家可以前往VueRouter官网去学习哦 vue-router插件的基本使用 import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) const router =&nbs...

大家好,我是程序视点的小二哥 因为项目上有一个在规定区域内自由拖拽的小需求，自己纯js写又有点小麻烦，就花了点时间寻找到这个小组件。 介绍 vue-drag-resize是一个用于拖拽，缩放的组件根据网上搜索到的使用教程，都是照着文档翻译了一遍，根本解决不了我想要的问题花了几天时间，于是记录下了这个组件的一些使用教程 简单使用 限制拖拽范围 修改组件的默认样式 拖拽的层级 拖拽的点击事件 安装使用 vue-drag-resize是一个专门用于vue项目的拖拽组件,定义元素可拖拽，或者可缩放，或者二者兼有;可限制拖拽的最大与最小值、拖拽的范围是否超出其父元素;并且支持触摸事件 🤖安装 n...