- 博客(28)
- 收藏
- 关注
RSS订阅原创 angular7 ngswitch语法
<span [ngSwitch]=""><p *ngSwitchCase="true"></p><p *ngSwitchCase="false"></p><p *ngSwitchDefault>默认展示</p></span>
2020-09-07 09:52:01
862
原创 js计算一串字符里每个字符出现的次数并输出
JavaScript 计算一串字符里 每个字符出现的次数 并打印输出 如2a3b... 2为a出现的次数 3为b出现的次数[...new Set()] 为es6语法 数组去重这里的str是将字符串分割成数组代码运行结果： 2a1b4d2s1f2w1e...
2020-08-31 10:59:52
871
原创 angular7 ng-zorro框架的列表实现前端分页
废话就不多写了html页面代码如下：<nz-table #basicTable [nzData]="listOfData.data"(nzPageIndexChange)="listOfData.pageIndexChange($event)" [nzScroll]="{ y: '240px' }"[nzFrontPagination]="false" [nzTotal]="listOfData.total" [(nzPageIndex)]="listOfData.pageIndex"
2020-08-26 18:19:17
1241
转载 关于Angular的变更检测（Change Detection）
如果你像我一样，想对Angular的变更检测机制有一个深入的理解，由于在网上并没有多少有用的信息，你只能去看源码。大多数文章都会提到每一个组件都会有一个属于自己的变更检测器（change detector），它负责检查和这个组件，但是他们几乎都仅限于在说怎么使用immutable数据和变更检测策略，这篇文章将会让你明白为什么使用immutable可以工作，并且脏检查机制是如何影响检查的过程的。还有，这篇文章将会引发你对性能优化方面的一些场景的思考。这篇文章包含2部分，第一部相当的有技术含量，它包含了一.
2020-08-25 11:18:53
2358
原创 ExpressionChangedAfterItHasBeenCheckedError报错解决方案
场景：angular7 项目中 同一页面多次引用相同的组件（组件传值 调用方法等完全一样）会出现ExpressionChangedAfterItHasBeenCheckedError报错我的页面（是一个tab切换，每个tab里都引用了同一时间组件，来回切换就会报错 我使用的是ng-if判断是否加载时间组件）渲染没问题 数据结构层的也已改变 但是控制台会报ExpressionChangedAfterItHasBeenCheckedError错网上查到的原因如下：当有很多个异步方式渲染时便会出现标题
2020-08-25 11:16:46
1181
转载 CommonJS、requirejs、ES6的对比
CommonJSCommonJS就是为JS的表现来制定规范，因为js没有模块的功能所以CommonJS应运而生，它希望js可以在任何地方运行，不只是浏览器中。CommonJS是nodejs也就是服务器端广泛使用的模块化机制。该规范的主要内容是，模块必须通过module.exports 导出对外的变量或接口，通过 require() 来导入其他模块的输出到当前模块作用域中。根据这个规范，每个文件就是一个模块，有自己的作用域，文件中的变量、函数、类等都是对其他文件不可见的。如果...
2020-08-19 15:58:28
1168
转载 js的原型和原型链
构造函数创建对象：function Person() {}var person = new Person();person.name = 'Kevin';console.log(person.name) // KevinPerson 就是一个构造函数，我们使用 new 创建了一个实例对象 personprototype每个函数都有一个 prototype 属性每一个JavaScript对象(null除外)在创建的时候就会与之关联另一个对象，这个对象就是我们所说的原型，每.
2020-08-19 11:22:24
90
转载 javascript中apply、call和bind的区别
在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处：1、都是用来改变函数的this对象的指向的。2、第一个参数都是this要指向的对象。3、都可以利用后续参数传参。那么他们的区别在哪里的，先看一个例子。 var xw = { name : "小王", gender : "男", ...
2020-08-19 10:52:58
99
转载 JS获取对象键值对中key值的方法
使用Object.keysObject.keys( ) 会返回一个数组，数组中是这个对象的key值列表所以只要Object.keys(a)[0]， 就可以得只包含一个键值对的key值下面是MDN中对Object.keys的描述Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用for...in循环遍历该对象时返回的顺序一致 （两者的主要区别是 一个 for-in 循环还会枚举其原型链上的属性）语法Obj...
2020-08-14 16:48:17
16410
原创 echarts 饼图legend超出隐藏省略号显示
legend: { data: ['1111','2222','5555'], right: '10', bottom:'5', formatter: function(name){ return name.length>10?name.substr(0,10)+"...":name; } }
2020-08-14 16:42:41
3221
原创 ng-zorro官网进不去或者打不开
ng-Zorro官网进不去或者打不开解决方法 登以下国内网址可以访问ng-zorro官网的内容https://www.bookstack.cn/read/ng-v8.2/b964f70c1d5ca96a.md^-^
2020-08-11 17:26:11
2512
原创 Echarts柱状图的每个柱体显示不同颜色
上一波代码示意图，黑色标注是主要设置柱体颜色的当柱子比颜色数组长度多时，会循环取色option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [{ data: [120, 200, 150, 80, 7...
2020-08-06 14:05:33
8330
1
原创 elementUI el-upload 上传图片怎么携带登录后的的cookie
el-upload 标签里设置:with-credentials='true' 即可携带<el-uploadclass="upload-demo"ref="upload"//绑定ref 清空时会用到:limit="1" //最多可上传1张:http-request="ImgUploadSectionFile" //上传方法:with-credentials="true" //携...
2020-08-06 13:56:09
2928
原创 （Angular7 ng-Zorro UI框架）Tooltip文字提示的样式设置
（Angular7 ng-Zorro UI框架）Tooltip文字提示的样式设置之前遇到这种问题 网上查找了很多相关信息 最后总结了一下我的代码 是将这个输入框和对应的文字提示 写成了一个组件科普：首先 我们要观察提示气泡 UI组件的内部结构 nzMouseLeaveDelay="20" （延迟提示消失时间） 使用这个属性 可以观测到nzPlacement="bottom" （提示文字框中间的箭头指向）nzOverlayClassName="" 添加自定义样式类在我这里有...
2020-07-31 10:05:50
4443
转载 input range做视频播放器进度条bug
使用input range做视频播放器进度条bug小记问题从头播放时，进度条随视频播放的进行而前进；但是一旦对进度条拖动，视频可以继续播，但是进度条不再继续前进。打印input range的value值，也确实是在不断增加的，但就是外观上进度条上的“进度小球”不再沿着进度条前进。因为项目代码逻辑复杂，就单拎出一个例子来做，找出了问题所在。下面是例子。···<body><script src="https://cdn.bootcss.com/jquery/3.2.1/
2020-07-22 17:11:03
489
原创 ionic环境安装
1、安装ionic命令行执行命令 cnpm install -g cordova ionic2、创建项目ionic start democ选择模板 blank、sidemenu、tabsionic项目就建好了3 项目运行ionic serve
2020-07-22 17:06:25
279
原创 深拷贝使用
在项目中 如果普通的赋值不满足于所使用的场景 这时候就可以考虑是否需要使用深拷贝 隔离两个变量内存地址 防止原有变量被污染我常用的深拷贝代码如下：JSON.parse(JSON.stringify(this.addRecode))希望可以帮到看到此篇文章的宝宝们^_^...
2020-07-21 11:52:48
385
1
原创 安卓 /苹果 手机 关于时间格式兼容
近期发现一个有意思的手机端时间兼容2020-07-1006:23 这种时间格式在 PC端和安卓系统上可以正常展示 但在iphone手机 展示invaild定位问题后发现iphone手机不支持 横杠 但支持斜杠安卓 横杠/斜杠 都支持改为斜杠后 可以解决这个问题例如：2020/07/10...
2020-07-21 11:37:20
485
原创 IE 火狐 谷歌 对时间格式的兼容性
在项目中 如果用到时间格式的话 就会发现不同浏览器对时间格式的正确展示是有差别的接下来 步入正题哈在IE中 时间格式如果用横杠来显示 “2020-07-10 10:20:00” 是可以正确识别的(如果用斜杠,IE也可以正确识别),但是如果是火狐,则只能识别斜杠模式 “2020/07/10 10:20:00”谷歌 可以正确识别new Date( startTime).getTime(）的格式 一般我不做特别处理一般我做时间格式处理 主要是针对 火狐浏览器的哈接下来 需要判断...
2020-07-21 11:20:31
682
转载 前端加密 crypto 的使用方法和说明
crypto模块提供了加密功能，包含对 OpenSSL 的哈希、HMAC、加密、解密、签名、以及验证功能的一整套封装。我们这里讲crypto AES算法加密一、使用步骤1.引入Crypto 1.1 使用Crypto，有两种形式。一种是是在script便签直接引入，例如：<script src="lib/CryptoJS v3.1.2/rollups/aes.js"></script> 1.2 还有一种通过npm安装CryptoJS，例如：np...
2020-07-20 15:59:31
1881
1
原创 JS实现UTC时间转为北京时间/时间戳转为时间
2020-06-30T16:00:00.000Z 格式 转换为 北京时间 年月日function utc_beijing(utc_datetime) {// 转为正常的时间格式 年-月-日 时:分:秒var T_pos = utc_datetime.indexOf("T");var Z_pos = utc_datetime.indexOf("Z");var year_month_day = utc_datetime.substr(0, T_pos);var hour_minute_s
2020-07-17 11:34:06
3883
原创 VUE数据已改变页面视图不刷新
vue中的对象，直接在对象上添加新属性，页面值不变，修改已有属性，页面会改变此时需要将新加的属性 添加到 vue的data中 方可生效解决方法：this.$set(‘data定义的对象’,'新加的属性',‘新加的属性值’) （这也是全局Vue.set方法的别名）注意 新加的属性一定要定义在data里 才生效 我这里采用了this指向...
2020-07-08 18:22:43
320
原创 element-ui表格 普通表格文字太多溢出设置
一普通表格 文字超出隐藏省略号显示 鼠标悬浮显示全部①设置style 设置这种的前提是对应的td或者th需要有具体的宽度 ，在对应的列引入一下样式即可生效例如：.text-hidden{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}②设置title=" 要展示的内容"二element-ui表格文字太多溢出设置现象：行中的数据太多导致表格变形解决方法 ：在列属性中加上一个：show-ove..
2020-07-07 17:35:47
7479
原创 解决 element的el-input 输入框/普通input输入框 浏览器自动填充账号密码问题
一 先说一下普通input输入框保存历史记录的解决方法在input输入框中加autocomplete="off"属性 可去除历史记录二element的el-input 输入框 填充历史记录 解决方法浏览器会默认将已保存的账号密码 填充到input type值为password的输入框内 在登陆页面 这是正常的但进入系统后 随便打开一个类型为password的输入框 页面就会自动填充对应的账号密码解决方法 ：在type为passworld的input中加auto-complete=...
2020-07-07 16:31:16
4213
1
原创 JSONP跨域及其原理
同源：协议，域名，端口相同跨域：不同源则跨域 1.不允许进行DOM操作 2.不允许进行Ajax请求解决跨域的方法：1.服务端CORS跨域（cross-origin resource sharing 跨域资源共享） 设置跨域请求 header("Access-Control-Allow-Origin:*"); --...
2018-11-29 20:37:29
180
原创 JavaScript闭包理解
什么是闭包普通函数中，函数内部可以直接读取全局变量，函数外部无法读取函数内部的局部变量。而闭包能够读取其他函数内部变量的函数，由于在 Javascript 语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成 “定义在一个函数内部的函数”。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。闭包的用途： 可以在函数外部读取函数内部成员 让函数内成...
2018-11-10 13:19:19
152
原创 用Javascript实现国际象棋棋盘的布局
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><
2018-10-26 18:15:44
3500
2
转载 微信小程序小游戏开发文档,小游戏快速上手教程
微信小游戏快速上手教程文件结构小游戏只有以下两个必要文件：game.js 小游戏主程序入口 game.json 配置文件运行环境小游戏的运行环境跟小程序类似，运行在 JavaScriptCore 中，因此没有 DOM、BOM API。 与小程序一样，小游戏每次发布需要经过审核。我们在小程序和小游戏中都移除了动态执行代码的能力，包括以下调用方式： eval 函数 setT...
2018-07-17 14:02:34
2417
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人