JavaScript
关注
分享
扫一扫
蒲公英
前端小白晋级中……
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js读取excel中日期格式转换问题
如何读取Excel的数据我之前的文章有写，现在讲js读取excel中日期格式转换问题问题：excel自有的时间戳在读取excel时,会将2018/10/16这种数据自动装换成48264.12584511.拿到的整数值是日期距离1900年1月1日的天数，这时需要写一个函数转换：参考其他博主链接的函数： formatDate(numb, format) { const time = new Date((numb - 1) * 24 * 3600000 + 1) time.原创 2021-11-13 13:55:38 · 1717 阅读 · 0 评论 -
获取两个时间段内的所有日期列表
结果如下：js代码： getDiffDate(start, end) { const startTime = this.getDate(start); const endTime = this.getDate(end); const dateArr = []; while ((endTime.getTime() - startTime.getTime()) > 0) { const year = startTime.getFullYear();原创 2021-04-06 14:05:11 · 947 阅读 · 0 评论 -
触发事件改变属性[class.select]-也可视为排他事件
我是在看官网时发现的这个巧用，地址：https://angular.cn/tutorial/toh-pt2描述：当发生点击时，改变当前项样式之前的想法：在js里写样式。先写点击事件，然后获得要改变样式的节点，通过切换class或设置style改样式，整个过程都在js。要不就是使用组件（太麻烦了，不写示例了）新学的方式：在标签里自定义可变属性，点击事件里用个标签来决定选中的样式代码样式：html文件注意：这里的解释只是个人理解，大佬请跳过这个<div class="box" >原创 2021-02-25 11:14:27 · 531 阅读 · 0 评论 -
数组倒叙
1、reverse()reverse()：返回一个元素顺序被反转的 Array 对象。格式：array.reverse()array 就是要翻转的数组对象，这个array不局限里面的内容类型该方法会改变原来的数组，而不会创建新的数组。例如： list: any = [1, 2, 3, 4, 5, 6]; objList: any = [ { name: 'name1', id: 1 }, { name: 'name2',原创 2021-02-24 10:19:28 · 4800 阅读 · 0 评论 -
导出到excel,angular
效果：代码html：<button title="导出" nz-button nzType="default" style="float: right" (click)="click()"> <i nz-icon nzType="export" nzTheme="outline"></i></button><div class="table" #excel> <table> …… <原创 2020-10-16 19:53:15 · 387 阅读 · 0 评论 -
快速删除node-module
快速删除node-module1、全局安装npm包–rimrafnpm install rimraf -g2、进入所需删除的node_modules文件夹的位置，再输入指令ctrl + 鼠标右击，rimraf node_modules然后很快就能删除了原作者：https://blog.youkuaiyun.com/qq_38209578/article/details/84983868...原创 2020-10-14 10:52:25 · 1668 阅读 · 0 评论 -
[ngClass]、[ngStyle]
前提最近写angular2项目，有这么个需求后台返回status为0、1、2，分别代表正常、有隐患、未巡查。我要根据status，来在前台显示不同的样式与结果，大概这样思路1、整理数据，形成数组，以便于在前台渲染2、用动态class，以便于添加不同的背景3、转换，根据0、1、2，显示 正常、有隐患、未巡查 的结果实现// item是循环数组的每一项<p >巡查结果： <span [class]='class(item.checkedStatusId)'>原创 2020-09-24 14:35:24 · 823 阅读 · 0 评论 -
根据当前时间获得这周开始、结束日期及这月开始、结束日期
最近写angular2项目，时间显示时，有这个要求在ngOnInit()钩子函数里调用方法async ngOnInit() { const today = new Date(); const str = '7123456'.charAt(new Date().getDay()); // 这周开始时间 xxxx-xx-xx const date1 = this.getDay(- Number(str) + 1); // 这周结束时间 const date2 =原创 2020-09-24 13:55:13 · 307 阅读 · 0 评论 -
angular2项目里使用排他思想
普通的js排他思想示例：<body> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button>按钮5</button></body><script> var btns = d原创 2020-08-31 16:52:36 · 291 阅读 · 0 评论 -
button、Select之类的加float或者position后点击失效
解决办法：设置z-index层级解决原创 2020-08-04 15:17:30 · 640 阅读 · 0 评论 -
把出生日期转换年龄
以前我竟然不知道前台的数据绑定里可以调用函数，啊！！！妄为一个前端工作者我在写angular2项目，表格里要显示年龄，结果样式：接口返回的结果：我之前一直尝试用过滤器或者管道，一直报错，这里就不说了，上正确代码：html:// data.birthTime就是接口返回出生日期<td>{{ getAge(data.birthTime)}}</td>ts： getAge(age) { // 尽量使用const或let， 舍弃var吧 const tim原创 2020-07-31 11:08:06 · 1154 阅读 · 0 评论 -
Cannot read property ‘getAttribute‘ of null
我在使用echarts时，按官网的例子写的，却出现了这个错误：具体代码是这样的：// html<div id="main" style="width: 600px;height:400px;"></div>//js ngOnInit() : void{ this.getEcharts(); }async getEcharts() { // 基于准备好的dom，初始化echarts实例 const dom: any = await doc原创 2020-07-03 15:19:23 · 4312 阅读 · 0 评论 -
忘了的Number（）的巧用
我是使用的angular9做的项目，遇到的这个问题，记录一下调接口时，后台返回给我的月份是：01、02、03、……、11、12，但我想要的是：0、1、2、……、11、12。我本来是想做个判断，把0去掉。当我使用Number(res.data)后，结果就是已经去掉0了。惊喜，嘿嘿嘿……其实这些知识都是以前学过的，只是忘了而已。我们还是要经常回顾下以前的知识才行，让瞬时记忆变为短期记忆。...原创 2020-06-06 19:26:43 · 180 阅读 · 0 评论 -
输出对象的值——踩坑
问题数据是这样的item:[ {"A" : "a"} {"B" : "b"}, {"C" : "c";} ]console.log(item.A)结果为： undefinded就像下面的:寻找错误原因：我先对item做类型判断：typeOf(item)结果是：string怪不得不输出解决办法json.parse(item);// JSON.parse() 方法用于将一个 JSON 字符串转换为对象。延申：JSON.stringify()// 用于将 Java原创 2020-06-06 19:16:05 · 248 阅读 · 0 评论 -
angular2里引入flexible.js（rem的布局）
今天想实现页面的自适应，本来用的是栅格，但效果不理想，就想起了rem布局。以前使用rem布局，都是在原生html里，还没在框架里使用过，百度没百度出来，就自己琢磨，不知道方法规范不规范，反正成功了，操作如下：1、下载flexible.js2、引入到angular项目里3、根据自己的需要修改细节3.1、在flexible.js里修改每份的像素，3.2、引入cssrem插件，在设置里设...原创 2020-04-26 21:35:52 · 1142 阅读 · 0 评论 -
angular2里的get、post、jsonp、axios请求
angular get请求具体步骤：1、在app.module.ts里引入HttpClientModule，并注入import { HttpClientModule } from '@angular/common/http'; imports: [ …… HttpClientModule ]2、在用到的地方（组件）里引入HttpClient，并在构造函数里声明 import...原创 2020-04-01 10:12:54 · 1177 阅读 · 0 评论 -
重构数组（合并数组）
var arr=[{min:'',max:''},{min:'',max:''},{min:'',max:''}] var arr1=['a','b','c'] var arr2=['e','f','g'] for(var i=0;i<arr1.length;i++){ arr[i].min=arr1[i] } fo...原创 2020-03-26 17:52:49 · 952 阅读 · 0 评论