推荐一个前端的汉字转拼音组件 hotoo/pinyin， 支持在 Node 和 Web 浏览器环境运行。github网址：https://github.com/hotoo/pinyin特性根据词组智能匹配最正确的拼音。支持多音字。简单的繁体支持。支持多种不同拼音风格。使用步骤安装依赖npm install pinyin
新建一个pinyin.jsvar p
......
355
0
0
2022-03-29
介绍Tippyjs轻量的纯 JavaScript 动态提示工具插件库。它提供了大量的不同悬停效果和超过 20 个可定制的选项。Tippy.js 是超级轻量的，具有相当不错的浏览器兼容性：Github//文档：https://atomiks.github.io/tippyjs/
//Github： https://github.com/atomiks/tip
......
386
0
0
2022-03-28
简单调用就能满足网址扫码预览和分享、登录扫码认证等二维码功能。QRCanvas 能用来做什么动态生成带二维码的海报是业务型产品中很常见的需求，之前分享过如何通过 html2canvas 将html+css写出来的布局生成海报，而今天分享的 QRCanvas 则是专门满足如何在前端生成动态二维码的需求。QRCanvas 功能特性API 非常简单，简单到只需要一
......
320
0
0
2022-03-28
简单配置就能实现手机、PC 网页中滑动、焦点轮播图、tab 切换和触摸导航等大部分功能。js 滑动特效插件Swiper 是一款纯 javascript 打造的滑动特效插件，主要用对移动端 web 开发中的内容触摸滑动需求，同时兼容 PC 网页。该插件团队维护多年，非常稳定，是移动端网站滑动需求的重要选择。移动端应用例子插件特性应用广泛，轮播图类插件排名第一纯
......
383
0
0
2022-03-28
介绍jExcel是一个轻量级的原生javascript插件，用于创建与Excel或任何其他电子表格软件兼容的基于Web的交互式表格和电子表格。可以从JS数组，JSON，CSV或XSLX文件创建在线电子表格表。可以从excel复制并直接粘贴到jExcel电子表格，反之亦然。集成任何第三方javascript插件非常容易，可以创建自己的自定义列，自定义编辑器，并
......
481
0
0
2022-03-28
在现代Web系统大流行时代，一款功能强大而切支持协作的Web的富文本编辑器是系统的最关键的组成部分。一款可真正在生产环境中使用的即插即用编辑器，可以能够解决我们实时协作问题：通过浏览器编辑结构化文档，并在屏幕上显示彼此的更改，从而使相隔数千里的用户能够进行协作编辑。本文我们就来介绍一些这样的Web编辑器。TinyMCETinyMCE是一款轻量级所见即所得开源
......
443
0
0
2022-03-27
介绍自定义表单设计器，这是一个现代化应用中一个加分的模块，目前很多大型的系统都会存在很多表单，针对不同的客户，可能表单都会不一样，而且不够灵活，可能针对不同的场景都得去定制化的开发很多不一样的表单，因此现在很多大型应用程序都提供了自定义表单的功能，今天就为大家介绍一些在github上发现的比较符合需求的基本实现，需要自己配合后台，但是最难的部分，也就是前端设
......
688
0
0
2022-03-27
介绍一下js当中常用的两种加密方法MD5加密（不可解密）RSA加密（可解密）一、MD5加密MD5不能解密，只能把数据进行相同的MD5处理之后跟之前的加密串进行对比常用使用场景：注册帐号时，输入的密码通过MD5加密传输1、npm安装npm install blueimp-md5 -S
2、使用// 加密value字符串，结果"2063c1608d6e0baf
......
325
0
0
2022-03-27
前端js获取UUID的三种方式function getUUID() {
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
var r = Math.random()*16|0, v = c == 'x' ? r : (r&am
......
633
0
0
2022-03-27
不太推荐上面提供的方法，因为如果有新的方法 a 标签加入，就是无法触发定义的事件。所以应该尝试通过事件委托的方式进行处理。document.body.addEventListener('click', function (event) {
// 兼容处理var target = event.target || event.srcElement;
......
349
0
0
2022-03-27
本文将分成以下 7 个小节：技术选型统一规范测试部署监控性能优化重构部分小节提供了非常详细的实战教程，让大家动手实践。另外我还写了一个前端工程化 demo 放在 github 上。这个 demo 包含了 js、css、git 验证，其中 js、css 验证需要安装 VSCode，具体教程在下文中会有提及。技术选型对于前端来说，技术选型挺简单的。就是做选择题，
......
332
0
0
2022-03-27
js-cookie是一个简单且轻量级对cookie操作api的封装为什么要使用js-cookie因为自己用js原生的方式去操作cookie代码比较繁琐，例如cookie的获取、设置、删除，原生js操作// 设置cookie
function setCookie(name,value){
if(!name||!value) return;
......
308
0
0
2022-03-27
如何知道iframe下载完成定时器轮询监听readyState的状态，如果是 complete 或者 interactive 说明文件加载完成。let iframe = document.createElement('iframe');
iframe.src = path;
iframe.style.display = 'none';
document
......
359
0
0
2022-03-27
正则表达式是很多程序员，甚至是一些有了多年经验的开发者薄弱的一项技能。大家都很多时候都会觉得正则表达式难记、难学、难用，但不可否认的是正则表达式是一项很重要的技能，所有我将学习和使用正则表达式时的关键点整理如下，供大家参考。什么是正则表达式？正则表达式（Regular Expression 或 Regex），是用于定义某种特定搜索模式的字符组合。正则表达式可
......
348
0
0
2022-03-27
前言：相信不少同学在实际工作中做项目的时候会遇到点击形成二维码，跳转新的页面展示二维码的项目需求。解决问题的思路实际有很多种，今天笔者介绍一个简单实现的思路，供大家参考，实际实现这个小功能其实是特别简单的。一 demo效果二 思考如何让实现如何实现这个需求呢首先我们需要生成二维码，而且要打开一个新的页面展示，那么我们需要img标签来展示图片的载体，那么生成图
......
373
0
0
2022-03-27