js格式化

在案例是用中经常是用到文本组件展示一些信息，而有时这些信息有需要一些格式化的处理，比如展示手机号的时候我们可能希望如demo中这样只展示开头和尾号，而将中间四位隐藏起来，今天就说一下怎么对字符串进行这类格式化的处理。 1.数据绑定 首先demo中是建立了一个一维数组存放了几个手机号，然后以此一位数组为数据来源进行循环创建，for容器下的文本组件进行了数据绑定，并且在当前数据1后面加入了一些函数方法。这里使用的都是JavaScript的函数方法和语法。（要使用JS方法需要用数据绑定的模式） 2.正则表达式 正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。正则表达式本身功能是十分强大的，但是要想特别熟练使用也需要很多练习。有一句话是说，当你要用正则表达式解决一个问题的时候，那你现在就拥有两个问题了。这里只简单介绍一下demo中的代码含义，对此感兴趣朋友可以自己去详细学习一下正则表达式。 当前数据1是一个字符串对象，这里是用了replace()方法，可以理解为括号中“，”后面双引号中的内容来替代两个“/”之间的内容，g表示执行全局匹配，即查找所有匹配而非在找到第一个匹配后停止。“/”之间的内容可以分为三部分，^(\d{3})，\d{4}，(\d{4})$。“^

Django内置过滤器总览 可以查询下表来总览Django的内置过滤器： 过滤器 说明 add 加法 addslashes 添加斜杠 capfirst 首字母大写 center 文本居中 cut 切除字符 date 日期格式化 default 设置默认值 default_if_none 为None设置默认值 dictsort 字典排序 dictsortreversed 字典反向排序 divisibleby 整除判断 escape 转义 escapejs 转义js代码 filesizeformat 文件尺寸人性化显示 first 第一个元素 floatformat 浮点数格式化 force_escape 强制立刻转义 get_digit 获取数字 iriencode 转换IRI join 字符列表链接 last 最后一个 length 长度 length_is 长度等于 linebreaks 行转换 linebreaksbr 行转换 linenumbers 行号 ljust 左对齐 lower 小写 make_list 分割成字符列表 phone2numeric 电话号码 pluralize 复数形式 pprint 调试 random 随机获取 rjust 右对齐 safe 安全确认 safeseq 列表安全确认 slice 切片 slugify 转换成ASCII

//格式化日期 function setDate(date){ y=date.getFullYear(); m=date.getMonth()+1; d=date.getDate(); m=m<10?"0"+m:m; d=d<10?"0"+d:d; return y+"-"+m+"-"+d; } /** * 获取当前月的第一天 */ function getCurrentMonthFirst(){ var date=new Date(); date.setDate(1); return date; } /** * 获取当前月的最后一天 */ function getCurrentMonthLast(){ var date=new Date(); var currentMonth=date.getMonth(); var nextMonth=++currentMonth; var nextMonthFirstDay=new Date(date.getFullYear(),nextMonth,1); var oneDay=1000*60*60*24; return new Date(nextMonthFirstDay-oneDay); } 来源： https://www.cnblogs.com/hongliang-0510/p/hongliang_0510.html

// 日期处理函数 Date.prototype.Format = function(fmt) { //author: meizz var o = { "M+" : this.getMonth() + 1, //月份 "d+" : this.getDate(), //日 "h+" : this.getHours(), //小时 "m+" : this.getMinutes(), //分 "s+" : this.getSeconds(), //秒 "q+" : Math.floor((this.getMonth() + 3) / 3), //季度 "S" : this.getMilliseconds() //毫秒 }; if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length)); for (var k in o) if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); return fmt;

date.js export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); } let o = { 'M+': date.getMonth() + 1, 'd+': date.getDate(), 'h+': date.getHours(), 'm+': date.getMinutes(), 's+': date.getSeconds() }; for (let k in o) { if (new RegExp(`(${k})`).test(fmt)) { let str = o[k] + ''; fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str)); } } return fmt; }; function padLeftZero(str) { return ('00' + str).substr(str.length); } 组件内使用： <template> <div> <span>{{date | formatDate}}</span>

/** * 返回示例：0 天 4 小时 7 分钟 57 秒 * @param second 毫秒数 * @returns {String} 时间html */ function secondToDayHTML(second){ var time = parseInt(second/1000); var day = parseInt(time/(60*60*24)); var day_eles = time%(60*60*24); var hour = parseInt(day_eles/(60*60)); var hour_else = day_eles%(60*60); var minute = parseInt(hour_else/(60)); var secoud = hour_else%(60); return(day+" 天 "+hour+" 小时 "+minute+" 分钟 "+secoud+" 秒 "); } /** * 返回示例：0 小时 0 分钟 4 秒 * @param second 毫秒数 * @returns {String} 时间html */ function secondToHourHTML(second){ var time = parseInt(second/1000); var hour = parseInt(time/(60*60)); var

插件： vue vetur vue-beautiful Prettier ESLint Trailing Trailing Spaces 默认格式化：vuter 设置： { "vetur.validation.template" : false , // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation" : false , // 重新设定tabsize "editor.tabSize" : 2 , // #每次保存的时候自动格式化 "editor.formatOnSave" : true , // #去掉代码结尾的分号 "prettier.semi" : false , // #使用带引号替代双引号 "prettier.singleQuote" : true , // #让函数(名)和后面的括号之间加个空格 "javascript.format.insertSpaceBeforeFunctionParenthesis" : true , // #这个按用户自身习惯选择 "vetur.format.defaultFormatter.html" : "js-beautify-html" , // #让vue中的js按编辑器自带的ts格式进行格式化 "vetur.format.defaultFormatter.js" :

自动格式化代码工具：Prettier Prettier 的优点 它可以在编辑器中使用，也可以在命令行中使用，配置非常简单。 它既能在保存代码的时候进行格式化当前文件，也能一键格式化所有的文件； 它支持 HTML/JS/JSX/TS/JSON/CSS/SCSS/LESS/VUE 等主流文件格式； 开启本地服务：一般在本地使用 webpack-dev-server 启动项目。然而一旦进入后续迭代，由于存在接口跨域和登陆信息限制问题，无法在本地打开页面进行开发。以往大都使用 whistle 或者 fildder 采取配置线上代理文件看调试效果 阅读掘金博客: https://juejin.im/post/5e156cb45188253aa666afa2?utm_source=gold_browser_extension 来源： https://www.cnblogs.com/nayek/p/12170697.html

$(this).html($(this).html().substr(0, 9)); 得到的是，2014-4-4 Date.prototype.format =function(format) { var o = { "M+" : this.getMonth()+1, //month "d+" : this.getDate(), //day "h+" : this.getHours(), //hour "m+" : this.getMinutes(), //minute "s+" : this.getSeconds(), //second "q+" : Math.floor((this.getMonth()+3)/3), //quarter "S" : this.getMilliseconds() //millisecond } if(/(y+)/.test(format)) format=format.replace(RegExp.$1, (this.getFullYear()+"").substr(4- RegExp.$1.length)); for(var k in o)if(new RegExp("("+ k +")").test(format)) format = format.replace(RegExp.$1, RegExp.$1.length==1? o[k] :

参数格式： date ：2016-03-02 days：-3（2）当为负数的时候日期往前推，为正数，日期往后推 function addDate(date, days) { var d = new Date(date); d.setDate(d.getDate() + days); var m = d.getMonth() + 1; var da = d.getDate(); if (m<10) { m = '0' + m; } if (da<10) { da = '0' + da; } return d.getFullYear() + '-' + m + '-' +da; } //方法调用 $(function myfunction() { var td = "2016-03-02" var hg = addDate(td, -3); var now = new Date(); var nowStr = now.format("yyyy-MM-dd"); } //日期格式yyyy-MM-dd hh:mm:ss 可以自己定义不要时分秒 Date.prototype.format = function (format) { var o = { "M+": this.getMonth() + 1, //month "d+": this.getDate(), //day "h+":