web前端框架有哪些

web前端框架有哪些呢，一起来看看吧。

Web前端的框架有很多，不同层面所用到的也不同。其中，一些主流框架如下所示：

Vue.js，Bootstrap，Layui，Angular，React，Jquery，Ant Design，Extjs，Weex，Ionic，MUI，uniapp……

拓展：

什么是前端框架

前端框架一般指用于简化网页设计的框架，使用广泛的前端开发套件。这些框架封装了一些功能，比如html文档操作，漂亮的各种控件（按钮，表单等等），使用前端框架可以帮助快速的网站。

以上就是关于web前端框架有哪些的介绍了，希望能够对大家有所帮助。

web前端框架有哪些怎么加入指定日期

前端人值得收藏的几个常用日期处理方法

目录

01. 常用的日期格式化及获取

02. 根据指定日期，计算从所在周的周一，到未来的第35天

03. 计算指定日期是全年的第几周，以及未来连续4周

04. 计算两个日期之间差多少天

05. 计算指定日期是周几

正文

01. 常用日期格式化及获取

/** * @desc 日期格式化 * @param {*} fmt 时间格式 例如""YYYY-mm-dd HH:MM"" * @param {*} date 时间 例如：new Date() * @return 返回日期 */function formatDate(fmt,date) { let res; const obj = { "Y ": date.getFullYear().toString(), // 年 "m ": (date.getMonth() 1).toString(), // 月 "d ": date.getDate().toString(), // 日 "H ": date.getHours().toString(), // 时 "M ": date.getMinutes().toString(), // 分 "S ": date.getSeconds().toString() // 秒 // 有其他格式化字符需求可以继续添加，必须转化成字符串 }; for (let k in obj) { res = new RegExp("(" k ")").exec(fmt); if (res) { fmt = fmt.replace(res[1], (res[1].length == 1) ? (obj[k]) : (obj[k].padStart(res[1].length, "0"))) }; }; return fmt;}// 显示当前时间不含时分秒let curDate = new Date()console.log(formatDate("YYYY-mm-dd",curDate))//当显示当前时间含时分秒let date0 = new Date()console.log(formatDate("YYYY-mm-dd HH:MM:SS",date0))//今天的0时0分0秒let date1 = new Date(new Date().toLocaleDateString());console.log(formatDate("YYYY-mm-dd HH:MM",date1))//一个月前let date2 = new Date(new Date().setMonth(new Date().getMonth()-1));console.log(formatDate("YYYY-mm-dd HH:MM",date2))//一个月后let date3 = new Date(new Date().setMonth(new Date().getMonth() 1));console.log(formatDate("YYYY-mm-dd HH:MM",date3))//一个月前的0时0分0秒let date4 = new Date(new Date(new Date().toLocaleDateString()).setMonth(new Date().getMonth()-1));console.log(formatDate("YYYY-mm-dd HH:MM",date4))//前一天的日期let date5 = new Date(new Date().setDate(new Date().getDate()-1));console.log(formatDate("YYYY-mm-dd HH:MM",date5))//明天的日期let date6 = new Date(new Date().setDate(new Date().getDate() 1));console.log(formatDate("YYYY-mm-dd HH:MM",date6))//今天的23时59分59秒let date7 = new Date(new Date(new Date().toLocaleDateString()).getTime() 24*60*60*1000-1);console.log(formatDate("YYYY-mm-dd HH:MM",date7))//昨天的23时59分59秒let date8 = new Date(new Date(new Date(new Date().setDate(new Date().getDate()-1)).toLocaleDateString()).getTime() 24*60*60*1000-1);console.log(formatDate("YYYY-mm-dd HH:MM",date8))// 加一年let date9 = new Date(new Date().setFullYear(new Date().getFullYear() 1))console.log(formatDate("YYYY-mm-dd HH:MM",date9))// 减一年let date10 = new Date(new Date().setFullYear(new Date().getFullYear()-1))console.log(formatDate("YYYY-mm-dd HH:MM",date10))

02. 根据指定日期，计算从所在周的周一到未来的35天

/** * @desc 计算日期所在周的周一，以及连续多少天 * @param {any} day 输入日期 例如"2021-3-25" * @param {any} num 连续多少天 例如:35 * @returns 返回日期数组 例如：["2021-3-22", "2021-3-23"...] */function getManyDays(day,num) { // 格式化输入日期 let fmtInputDay = new Date(day) // 计算天的毫秒数 let millisecond = 1000 * 60 * 60 * 24 // 如果是周末强制赋值未7 let inputDay = fmtInputDay.getDay() || 7; let start = new Date(fmtInputDay.getTime() - millisecond * (inputDay-1)) let dateArry = [] for(let i=0;i

03. 计算指定日期是全年的第几周，及未来连续4周

/** * @desc 根据输入日期，计算日期在全年的第几周，及未来连续多少周 * @param {any} day 指定日期 例如："2021-3-25" * @param {any} num 连续多少周 * @returns 周数组，例如：["13", "14", "15", "16", "17"] */function getWeek(day,num) { let w1 = new Date(day); let w2 = new Date(day); let weekArray = [] w2.setMonth(0); //设置月份为0(一月) w2.setDate(1); //设置为第一天 let balance = w1 - w2; let days = Math.ceil(balance / (24 * 60 * 60 * 1000)); let temp = Math.ceil(days / 7); for (let i = 0; i < num; i ) { temp = 1 weekArray.push(`${temp}`) } return weekArray;}getWeek("2021-3-25",5) //["13", "14", "15", "16", "17"]

04. 计算两个日期之间差多少天

/** * @desc 计算两个日期之间差多少天 * @param {any} startDate 开始日期 例如："2020-3-21" * @param {any} endDate 结束日期 例如："2021-3-25" * @returns 返回差额 例如：369 */function getDateDifference(startDate, endDate) { let date1 = startDate.split("-"); let date2 = endDate.split("-") let star = new Date(date1[0],date1[1]-1,date1[2]) let end = new Date(date2[0],date2[1]-1,date2[2]) return parseInt(Math.abs(star-end)/1000/60/60/24)}getDateDifference("2020-3-21","2021-3-25") //369

05. 计算指定日期是周几

/** * @desc 根据指定日期计算是周几 * @param {any} date 指定日期 例如："2021-3-25" * @returns 返回周几 例如："四" */function computeWeek(date) { let weekArry = ["日", "一", "二", "三", "四", "五", "六"] let week = new Date(date).getDay(); return weekArry[week]}computeWeek("2021-3-25") //"四"写在最后

如果喜欢，可以点下关注，定期与大家一起探讨分享前端知识，最后希望与每一个努力的人同行，一起进步，一起加油，谢谢大家！