在编程之前，一定要有一个信条：代码是为了减少工作量而生的，重复枯燥的工作是不能容忍的。 需求 这是由上篇文章衍生出的需求，我已经将一个文件夹内所有的文件名转译为英文，但我在页面上还需要将这些图片引入加载。如果一个一个手写到程序里，未免有点劳心劳神。那么何不将这个文件夹按照存放路径变成一个相应的JSON在前端请求并渲染呢？ 说干就干。 文件夹的路径如下所示： 一级路径：test 二级路径：A,B,C...共十三个文件夹 三级路径：每个二级路径下有3-8个文件夹不等 四级路径：a.jpg,b.jpg,c.jpg等数量不…
假设你想做一个像微博短链接那样的短链接服务，短链接服务生成的URL都非常短例如: http://t.cn/E70Piib, 我们应该都能想到链接中的E70Piib对应的就是存储长链接地址的数据记录的ID，可是这个有大小写字母和数字构成的唯一ID是怎么生成的呢，刚学编程的时候我们用的方法都试拼接一个足够唯一的字符串（比如时间戳加用户ID等等）然后再用MD5或者SHA1散列算法算出一个散列值，用这种方法得到的唯一ID有可能比原始的链接的长度还要长，所以如何来优雅的生成足够短的字符串唯一ID呢？ 我们先来看一个数学问题，…
市面上目前已有各种各样的UI组件库，比如 Element 和 iView，他们的强大毋庸置疑。但是我们面临的情况是需求越来越复杂，当它们不能再满足我们需求的时候，这个时候就有必要开发一套属于自己团队的组件库了。 所以本文的目的就是让读者能通过此文，小能做一个简单的插件供人使用，大能架构和维护一个组件库不在话下。 以下一个简单的颜色选择器插件vColorPicker讲述从开发到上线到npm的流程。 vColorPicker 插件 DEMO 一、技术栈 如何通过新版脚手架创建项目，这里就不提了，自行看官方文档。 Vue…
前言 这些优化方案适用于 Vue CLI 2 和 Vue CLI 3 ,文章主要基于Vue CLI 2进行介绍，关于如何在Vue CLI 3中进行相关的webpack调整，我已经放在了 vue-cli3-optimization 这个仓库下，并配有详细的注释，且额外添加方便Sass使用的loader，使用Sass时无需再在每个需要引入变量和mixin的地方，每次都很麻烦的@import。下面将详细介绍这些优化方案的实践方式和效果： 和很多小伙伴一样，我在开发Vue项目时也是基于官方vue-cli@2的webpack…
什么是图标字体，就是把小的图标进行文字转换，让图标能像文字一样改变大小和变色，图标字体再现在的网页中应用的非常之多。 好东西就得分享，今天把我常用的图标字体分享给大家。 图标字体可以实现的效果 好了，这里就不一一举例了。 下面是1500+的一下部分 下载和使用字体可以点击下面链接 https://www.iacblog.com/wp-includes/fonts/index.html 更多图标请访问：阿里巴巴矢量图标库 如果觉得此文章对你帮助的话可以分享点赞哦。
浅析 React / Vue 跨端渲染原理与实现 当下的前端同学对 React 与 Vue 的组件化开发想必不会陌生，RN 与 Weex 的跨界也常为我们所津津乐道。UI 框架在实现这样的跨端渲染时需要做哪些工作，其技术方案能否借鉴乃至应用到我们自己的项目中呢？这就是本文所希望分享的主题。 概念简介 什么是跨端渲染呢？这里的「端」其实并不局限在传统的 PC 端和移动端，而是抽象的渲染层 (Renderer)。渲染层并不局限在浏览器 DOM 和移动端的原生 UI 控件，连静态文件乃至虚拟现实等环境，都可以是你的渲染层…
Git-master主题由乐趣公园进行开发，本人二次开发Git-master主题去内部广告，自定义广告不受影响。 github地址 下载链接 下载声明: 本站所有软件和资料均为软件作者提供或网友推荐发布而来，仅供学习和研究使用，不得用于任何商业用途。如本站不慎侵犯你的版权请联系我，我将及时处理，并撤下相关内容！ 文件信息： 文件名称：这里填写文件名 文件大小:这里填写文件大小 发布日期:这里填写的是文件的发布日期 [文件的主下载名称](这里填写的主下载链接) [更多地址] : 这里填写的…
注册 经过本人一番调试及测试，本网站的注册功能已经开通了，注册后可以订阅本站，本博客会定时推送精选文章到您的邮箱。 撰写者 另外，如果你有好的文章及经验可以分享，需要发表文章的，可以在注册后将用户名发送到 我的邮箱 ，我会将你设置为撰写者，这样你就可以发表文章了。 当然，你在本博客发表了文章不是白忙活的，如果你发表的文章质量上佳，阅读人数较多，我会给你支付一定稿费。 by：宁泽林 [email protected]
如果你是前端小白，欢迎加群交流学习！ 如果你是前端大佬，欢迎进群装B！！ 本群妹子女装大佬比比皆是，24小时讨论不间歇。 前端交流1群：891140795
随着移动设备的普及，日常生活中随处可见二维码，大有一码走天下之势。那么前端如何来生成二维码？ 通过QRCode.js我们可以快速生成二维码啦，一起来看看怎么使用吧。 https://github.com/davidshimjs/qrcodejs/ QRCode.js地址 1、引入插件 /*html*/ <div id="qrcode"></div> /*js*/ <script src="qrcode.js"></script>
