今天分享的内容如上图 tofixed方法，解决Number.prototype.toFixed() 方法的 四舍六入 五看奇偶的问题。 getDecimalLength(number) 获得数字小数部分的长度 formatNumber方法，将数字转为货币数字格式（不带货币符号） formatMoney方法，将数字转为货币格式（带货币符号） 想获得源码的朋友： 可以在网上搜索 accounting.js，在GitHub里拿到插件代码; accounting.js是一个用于数字，货币
上篇文章《19年你应该尝试的50款前端工具（上）》，小编介绍了构建、框架和库的相关工具，本篇文章小编再给大家推荐HTML、CSS、Javascript等相关的十几款工具，希望大家喜欢。
但有人冥冥之中就被上天选中，一路畅通无阻，只管专心打工，其他的事情老天爷替你摆平。
您好，我是一名后端开发工程师，由于工作需要，现在系统的从0开始学习前端js框架之angular，每天把学习的一些心得分享出来，如果有什么说的不对的地方，请多多指正，多多包涵我这个前端菜鸟，欢迎大家的点评与赐教。谢谢！
我们日常开发中，时常会碰到数值格式化操作的场景，今天就为大家分享一款相对比较全面的数值格式化的JS库：Numeral.js
最近做的react项目需要支持国际化，网上查了一下，发现一款很好的插件“react-intl-universal”，由阿里巴巴团队开发，这款插件是原先的国际化插件“react-intl”的升级版，“react-intl”因为一些“致命”缺陷现已被其取代，npm官网有罗列原因，有兴趣的可以去了解一下。下面具体介绍一下这款插件的使用方法。
货币是复杂的，JavaScript不足以正确完整的去表示货币，就像我们用js操作css，xx="14px"这显然是丑陋的，但是目前早已有CSS.px(14)，正规了许多，更能避免我们去犯一些错误，今天给大家分享的是Dinero.js。Dinero.js 是一个 JavaScript 库，可让您表达货币价值，还可以执行mutations、转换、比较、格式化，并总体上使您的应用程序中的货币操作更容易、更安全。
ng内置了九种过滤器，使用方法都非常简单，看文档即懂。不过为了以后不去翻它的文档，还是做一个详细的记录。
过滤器（filter）正如其名，作用就是接收一个输入，通过某个规则进行处理，然后返回处理后的结果。 主要用在数据的格式化上，例如获取一个数组中的子集，对数组中的元素进行排序等。 ng内置了一些过滤器，它们是：currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制个数)、lowercase(小写)、uppercase(大写)、number(数字)、orderBy(排序)。总共九种。 除此之外还可以自定义过滤器，这个就强大了，可以满足任何要求的
前端规范主要是为了让代码能有更好的可读性以及优雅性。不要为了规范而去规范，使用某些花里胡哨的写法，本质上是为了代码的维护性更强一些，所以才会制定规范来约束。主要针对vue2.0~ 其实我觉得vue2.0的options的写法是比较清晰的，在vue3.0去除了这些写法就需要一定的规范去让各个模块划分清晰一些，往react靠了，未来的趋势可能就是函数化编程，所以对于把控可维护性这块也需要去跟进，也可以配合ts以及eslint和各种插件去配合使用。
Cleave.js是一个帮助表单实现各种复杂实时格式化显示的工具库，可以说Cleave.js让表单的输入变得更加的高逼格，能实现很多复杂的表单格式化显示，简而言之就是针对<input/>标签按照诸如千分位、电话号码等风格的特定显示！
在Angular中，过滤器的功能主要是格式化数据表达式，且可以自定义过滤器。作用域(scope)主要服务于页面模板，在控制器和页面中起桥梁作用，保存模板中的数据对象，为模板中的元素提供方法和属性。
在这篇文章中，我想分享一下我最近试用Vue 3 Beta版本的经验，特别是有关您计划将现有Vue 2应用程序迁移到升级版本Vue 3时可能要注意的一些注意事项！
在以前，我一直都是利用正则表达式进行手动插入千分位，比如，写了个这样的方法（注释比较详细）：
很多前端小伙伴在日常使用prettier的时候都或多或少有一点疑惑，prettier在每一个IDE中究竟是怎样工作起来的，为什么配置有时候生效，有时又毫无效果。为了让我们的前端小伙伴更加熟悉这块，本文将对prettier在主流IDE中的使用过程一探究竟。
在 Node.js 项目中，代码的可读性和格式化一直是一个重要的问题。代码的可读性对于维护和开发项目至关重要。Prettier 是一款流行的代码格式化工具，它可以自动化地进行代码格式化，以帮助开发者提高代码的可读性和维护性。本文将介绍如何在 Node.js 项目中使用 Prettier 进行代码格式化，并探讨 Prettier 的一些优缺点以及使用 Prettier 的最佳实践。
利用 Vue CLI 创建项目时要将 ESlint 选上，下载完依赖后，用 VSCode 打开项目。
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/pyycsd/article/details/80969722
作者：Danny Markov，译者：IT程序狮 译文：https://zhuanlan.zhihu.com/p/31321429 原文：https://tutorialzine.com/2017/1
前言 最近加入到新项目组负责前端技术预研和选型，其中涉及到一个熟悉又陌生的需求——国际化＆本地化。熟悉的是之前的项目也玩过，陌生的是之前的实现仅仅停留在"有"的阶段而已。趁着这个机会好好学习整理一下
今天介绍的是一款代码格式化工具，特别适合团队协作开发的时候使用。想必你应该正在使用，它叫 prettier。在 Github 上已达 31.4k star，如果你还不知道它的话就太可惜了。
安装Vetur，ESlint， Prettier - Code formatter插件
官方自己介绍说，prettier是一款强势武断的代码格式化工具，它几乎移除了编辑器本身所有的对代码的操作格式，然后重新显示。就是为了让所有用这套规则的人有完全相同的代码。在团队协作开发的时候更是体现出它的优势。与eslint，tslint等各种格式化工具不同的是，prettier只关心代码格式化，而不关心语法问题。
近日，电子邮件服务商 VFEmail 报告它遭到毁灭性攻击，数据和备份全部被人在几小时内重新格式化。 VFEmail 创始人 Rick Romero 在 Twitter 上称，@VFEmail 实际上已经完了，不太可能恢复。攻击发生在周一，VFEmail 的整个基础设施，包括邮件主机、虚拟机主机、SQL 服务器集群，全部被破坏，攻击者格式化了能找到的所有服务器。。VFEmail 创办至今有近 20 年历史。
Parcel是一款极速零配置WEB应用打包工具，快速、几乎零配置是它最大的特点，开箱即用。相比webpack，Parcel对于新手来说未尝不是一个很好的选择。
来源 | https://www.jianshu.com/p/182b69e54fe8
讲代码规范的文章很多，但是很可惜没有一篇文章能讲好讲全，其他文章没完成的工作，就让这篇文章来完成吧。
在Vue.js项目中，使用的是eslint检查。 而在我写完代码后，cnpm run dev运行命令。。。然后悲剧了，一大堆报错！╮(╯▽╰)╭ 安装插件：Vetur：这是vscode上一个vue.js代码提示，语法高亮等功能的流行插件。不过因为它代码格式化使用的是prettier，所以使用vscode右键自带的“格式化文件 Alt+shift+F”，会存在一些问题： 比如强制双引号（double quotes）、行尾自动加上分号（semicolon）等。 重点是：这些在eslint中报错！！！无语O__O
VSCode在开发Vue项目的时候，尽管我们安装了格式化插件，但是最终运行时还是会有一堆的警告，就是因为格式化代码的方式和eslint的规范不一样导致的。
无论是开发新手还是经验丰富的老手，我们都喜欢开源软件包。对于开发者来说，如果没有这些开源软件包，很难想象我们的生活会变得多么疲惫不堪，而且靠咖啡度日也会成为家常便饭。所幸的是，随着 Vue.js 社区的不断壮大，每天都会出现一些很好的软件包。
之前用VScode开发Flutter，设置自动保存格式化。现在开发Vue使用Eslint进行规则验证，为了不必要的麻烦，想要设置自动保存修复不规则问题。
bounded 超过word Wrap Column设置的字符数、达到视口最小宽度，则换行
以前公司的vue项目只是我一个人在写，代码风格统一，但是后来随着团队增加，统一的代码风格就越来越重要。我的主力工具是sublime，ws辅助，vscode基本很少使用（就下载安装放在冷宫），但是听说用来写vue项目还不错，就开启了一番折腾。当然工具么，没有谁好谁坏了~~ 不盲目站队，适合自己的就是最好的。
vscode之所以被称为宇宙第一神器，其中丰富的插件功不可没，安装起来超级简单，给我们开发带来了极大的便捷。 注意，**新手学习期间，不建议安装形形色色的插件，用到啥就安装啥。**因为有些插件会到vue学习的时候引起冲突，所以这里我就介绍几个常用的插件。
PhoneInfoga 是一个用于扫描国际电话号码的信息收集框架，它允许用户首先收集基本信息 (如国家、地区、运营商和线路类型)，然后使用各种技术来尝试找到 VoIP 提供商或识别所有者。该工具与一系列必须配置的扫描器配合使用，以便发挥其效力。PhoneInfoga 并不自动化所有操作，而只是帮助调查电话号码。
本文介绍了Day.js的使用方法，Day.js 是一个轻量级的JavaScript库，用于解析、验证、操作和格式化日期和时间。Day.js 的使用方法类似于Moment.js，但 Day.js 的大小只有 2KB，比 Moment.js 更小。
Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要。这里有 30 个最受欢迎的 VSCode 插件，它们将使你成为更高效的搬砖摸鱼大师。这些插件主要适用于前端开发人员，但也有一些通用插件也可以适用于任何开发环境。以下是我将介绍的 VSCode 插件：
Vue.js 是一款流行的前端框架，它提供了许多强大的特性来简化前端开发工作。其中之一是计算属性（Computed Properties）。计算属性允许开发人员根据数据的变化生成派生数据，同时在视图中保持响应式。本文将深入探讨Vue.js的计算属性，解释其原理、用法和最佳实践。
本文从代码规范，代码检查，代码格式化，以及编辑器自动化实现的方向，介绍代码规范统一在我们团队的实践应用。
在日常工作中，我们会接触形形色色的工程。如果工程使用的技术架构不同，可能会有对应不同的代码规范。而每个人的编码习惯是不一样的，也是难以短时间内改变的，这也是我们常常在开发一个新工程的时候，会遇到各种规范报错的原因。
就从我的题目说起，本篇文章告诉你针对定制代码规范和检查这个小需求如何做出亮点？看完本文后回顾上面提到的 4 点，感觉下。
作者：杨成功 原文：https://segmentfault.com/a/1190000040948561
http://blog.csdn.net/youyudehexie/article/details/8542135
原文链接：https://blog.theodo.com/2019/08/empower-your-dev-environment-with-eslint-prettier-and-editorconfig-with-no-conflicts/
前提：已经安装 node.js。安装插件 HTML-CSS-JS Prettify，修改node路径，即可通过单击右键 HTML-CSS-JS Prettify 中的 Prettify Code 使用代码格式化功能 1. 打开命令面板 ---- 2. 搜索插件 HTML-CSS-JS Prettify ---- 3. node路径错误 的解决 ---- （1）单击右键，点击 Pretty Code （2）出现以下提示就是需要配置node.js的路径 （3）复制默认插件配置文件，到用户
前端的编译工具都是从源码到源码的转换，所以都是 parse、transform、generate 这三步：
安装vscode插件 Vetur、ESLint、Prettier - Code formatter .vscode/settings.json文件
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
