- 博客(156)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 async函数
async函数返回一个promise对象；async函数内部的return语句返回的值，会成为then方法回调函数的参数。async function f() { return 'hello'}f().then(v => { console.log(v)})async函数返回的promise对象，必须等到内部所有的await命令后面的promise对象执行完，才会发生状态改变，除非遇到return语句，或者抛出错误。也就是说，只有async函数内部的所有异步操作执行
2020-10-11 22:29:26
130
原创 windows系统安装node后设置node_global和node_cache
在全局安装angular的时候，总是安装不成功，全局安装的node，也能查看到其版本，安装angular命令能够正确执行，只是查看其版本总报不是内部或外部命令。经过排查，发现安装的node目录中并没有node_global和node_cache文件夹。采用下述方式，讲问题解决了。使用npm安装模块分为本地安装和全局安装。本地安装：npm install express 会安装到当前项目全局安装：npm install express -g 会安装到指定的目录(node_global)...
2020-10-09 15:09:56
4104
1
原创 【leetcode14题】最长公共前缀
编写一个函数来查找字符串数组中的最长公共前缀。如果不存在公共前缀，返回空字符串""。示例1:输入: ["flower","flow","flight"]输出: "fl"示例2:输入: ["dog","racecar","car"]输出: ""解释: 输入不存在公共前缀。说明:所有输入只包含小写字母a-z。/** * @param {string[]} strs * @return {string} */var longestCommonPrefix...
2020-05-31 14:59:55
187
原创 Angular项目中实现图表，Echarts中自定义legend/tooltip/series-label
近期实现图表，很多字段需要自定义，显示请求回来的数据，下述文章给了我很大启示，介绍也比较全面：https://www.jianshu.com/p/4f459d16e8b4下面是我自己的代码，会发现主要是通过formatter函数来实现，关于formatter函数的介绍我还没有找到，等找到后再来分享：效果图如下：首先是中间蓝色框里的内容自定义，主要自定义series-label，这里自定义的数值30，是从服务端请求回来的一个总值，最初实现的时候，总是拿不到该值，通过formatter函数传
2020-05-29 18:05:16
723
转载 HTML attribute 与 DOM property 的对比
要想理解 Angular 绑定如何工作，重点是搞清 HTML attribute 和 DOM property 之间的区别。attribute 是由 HTML 定义的。property 是由 DOM (Document Object Model) 定义的。 少量 HTML attribute 和 property 之间有着 1:1 的映射，如id。 有些 HTML attribute 没有对应的 property，如colspan。 有些 DOM property 没有对应的
2020-05-24 20:22:03
220
原创 Angular使用Echarts动态数据不刷新
在Angular项目中使用Echarts来实现图表的过程中，从服务端请求回来数据，赋值之后，页面图表却不刷新，数据没问题，原因是
2020-05-22 16:33:05
1336
原创 电力负荷预测数据集-第九届全国大学生电工数学建模竞赛
链接: https://pan.baidu.com/s/1ReylAWSIeUEKqUAjdvQ9Wg提取码: rr89近期在做电力负荷预测的项目，看论文中好多人用该数据集，折腾了一番，终于找到了，希望对小伙伴有帮助...
2020-04-21 11:21:15
9251
13
原创 angular发送post请求，下载文件
downloadFile(data, type) { this.downloadInfo.tid = data.id; if (data.savedReports.length !== 0) { data.savedReports.map(item => { this.downloadInfo.rid = item.id; }); ...
2020-03-18 10:27:42
932
原创 手写方法装饰器（MethodDecorator）
手写一个方法装饰器：export class AppComponent implements OnInit { ngOnInit() { new Person().pay(100); }}function methodName(target: any, key: string, descriptor: PropertyDescriptor) { const origi...
2020-03-06 19:43:54
552
原创 angular使用highlight高亮显示代码
具体使用过程参考官方文档：https://github.com/mattlewis92/angular-highlight-js使用过程中遇到的问题及解决方式1.安装angular-highlight-js之后，引入了highlight.js，报错，需要再安装highlight.js；2.在最初实践的时候，我在app.module.ts里面引入了相关依赖，当我需要将app.module...
2020-03-05 11:26:42
1941
原创 使用vscode通过sftp插件上传代码到服务器出现断连情况
1.ctrl+shift+p，打开sftp：config修改sftp.json文件2.ctrl+shift+p，打开SFTP:download project，输入账号密码即可。可实现在服务器上自动上传修改的代码这是整个上传代码的过程。但是我在上传的过程中，出现断连，就是上传到某个文件的时候，会不停的loading，但是上传不了。这个时候VPN会断连一下，以为是VPN的原因，...
2020-02-27 12:29:32
1343
原创 使用gitLab clone代码报错：error: RPC failed; curl 56 OpenSSL SSL_read: Connection was reset
在clone代码的时候，报错如下：并且在报错的时候，VPN自动断线，之后自动连接。原本以为是VPN不稳定的缘故。重启之后，还是不行。经过搜索，发现有人给出了解决方案，我也是在此基础上解决了该问题。解决方式连接：http://www.manongjc.com/detail/14-ccijrthtnqtadxx.html错误原因由于Http协议错误，当 pull 或者 clon...
2020-02-24 11:33:35
5202
1
原创 Angular实现路由跳转并传参
<a[routerLink]="['/tabChange']"[queryParams]="{code:buttonCode}">点击获取代码</a>在跳转后页面的代码中：import{ActivatedRoute}from'@angular/router';constructor(publicroute:ActivatedRoute){...
2020-01-16 09:48:43
427
原创 Angular项目中遇到的小问题集锦
1.添加form表单的时候，报错Can't bind to 'formGroup' since it isn't a known property of 'form'.解决方式连接：https://blog.csdn.net/cnwyt/article/details/848589452.angular-cli修改端口号，ng serve --host localhost --port ...
2020-01-14 11:54:11
714
原创 Angular项目中添加全局样式ng-zorro
自己在创建angular项目的时候，使用ng-zorro UI组件库，遇到安装之后，不生效的问题，是没有正确引入，其实官方文档也提到了。官网地址：https://ng.ant.design/docs/getting-started/zh1. 安装脚手架工具#使用@angular/cli前，务必确认Node.js已经升级到 v12.1 或以上，强烈建议升级至最新版本的@ang...
2020-01-05 20:36:50
3518
原创 Angular8封装基础url（适用于其他框架项目）
创建全局变量的ts文件，我在app目录下创建了global.ts文件，代码如下：// 无内网的环境export const basePath = 'https://www.easy-mock.com/mock/**********';在使用的文件中引入，并拿到全局定义的全局变量，代码如下：import * as globals from '../global';baseU...
2020-01-05 10:43:40
549
原创 Angular--Pipe管道理解及用法及自定义管道
1.什么是Pipe?就是管道，简单来说，管道的作用就是传输。并且不同的管道具有不同的作用。(其实就是处理数据)2.pipe用法{{ 输入数据 | 管道 : 管道参数}} (其中‘|’是管道操作符)3.Angular自带的pipe函数管道 功能 DatePipe 日期管道，格式化日期 JsonPipe 将输入数据对象经过JSO...
2019-12-31 10:03:59
1731
2
原创 Angular8--表单
官网地址：https://angular.cn/guide/forms-overview目录一、表单简介建立表单模型在响应式表单中建立在模板驱动表单中建立表单中的数据流响应式表单中的数据流模板驱动表单中的数据流表单验证实践一、表单简介1.Angular提供了两种不同的方法来通过表单处理用户输入：响应式表单和模板驱动表单。两者都从视图中捕获用户输入事件...
2019-12-30 14:22:10
835
转载 RxJs快速入门（转载）
异步与“回调地狱”我们都知道 JavaScript 是个多范式语言，它既支持过程式编程，又支持函数式编程，两者分别适用于不同的场合。在同步环境下，两者各有优缺点，甚至有时候过程式会更简明一些，但在异步环境下（最典型的场景是一个 Ajax 请求完成后紧接着执行另一个 Ajax 请求），由于无法控制执行和完成的顺序，所以就无法使用传统的过程式写法，函数式就会展现出其优势。问题在于，传统的函数式...
2019-12-25 10:14:48
186
原创 Angular--Zorro中InputNumber数字输入框禁止输入非法字符（英文，标点等）
组件来源地址：https://ng.ant.design/components/input-number/zh我在项目中遇到的问题：使用nz-input-number组件，若用户输入非法字符，input框立马变为红色，表示警告。我第一反应就是一旦监听到用户输入了非法字符（除数字之外的），立马给予警告，同时input框就是这样实现的校验，但是在实际操作的过程中就会发现，我们无法实时监听用户的输入...
2019-12-24 13:10:43
4151
原创 Angular8--父子组件之间的传值
目录一、通过输入型绑定把数据从父组件传到子组件。二、父组件监听子组件的事件三、通过 setter 截听输入属性值的变化四、通过ngOnChanges()来截听输入属性值的变化五、父组件调用@ViewChild()https://angular.cn/guide/component-interaction官方文档https://blog.csdn.net/u0129678...
2019-12-20 14:57:00
2206
转载 ES6-Object.keys()方法
在实际开发中，我们有时需要知道对象的所有属性;ES5 引入了Object.keys方法，成员是参数对象自身的（不含继承的）所有可遍历（ enumerable ）属性的键名。传入对象，返回属性名var data={a:1,b:2,c:9,d:4,e:5}; console.log(Object.keys(data));//["a", "b", "c", "d", "e"] ...
2019-12-20 11:40:17
895
转载 ES6-Object.assign()方法详解
基本用法Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。const target = { a: 1 };const source1 = { b: 2 };const source2 = { c: 3 };Object.assign(target, source1, source2);target /...
2019-12-20 10:29:50
163
原创 小白的晋级之路--Git
一、删除远程分支现在在feature1分支上，想删除远程的feature1分支 1 先切换到别的分支: git checkout develop 2 删除本地分支： git branch -d feature1 3如果删除不了可以强制删除，git branch -D feature1 4 有必要的情况下，删除远程分支：git push origin --delete...
2019-12-18 18:16:50
213
原创 小白晋级之路--TypeScript
一、ts语法中出现的问号/* TypeScript 当 product没有值的时候，不访问其 price属性， 当 product有值的时候再去访问其 price属性*/product?.price 二、...运算符（1）展开运算符let a = [1,2,3];let b = [0, ...a, 4]; // [0,1,2,3,4] let obj = {...
2019-12-18 16:59:09
432
1
原创 小白的晋级之路--Angular
目录一、@ViewChild二、获取路由参数三、loadChildren四、Angular请求另一服务的API（请求代理）五、angular路由六、Angular之constructor和ngOnInit差异及适用场景七、表单中的数据流1、响应式表单中的数据流2、模板驱动表单中的数据流现在接触的技术栈是Angular，从零开始，点滴积累，努力提升。一、@...
2019-12-18 15:10:52
359
原创 从gitlab拉取代码、提交代码、提MR流程
以前在小公司实习，只需要简单提交代码，没有涉及代码分支，请求合并分支等，现在入职到大公司，代码规范要求较高，且多人协作开发，这一必须的技能要会，手忙脚乱之余，终于搞懂了整个流程。第一个疑问：我从gitlab上面拉代码的时候要不要切分支？git clone代码之前，可以直接拉取master分支上的代码，master分支的代码要求时刻处于部署的状态，是完整的。代码拉下来之后，本地代码也...
2019-12-18 10:09:10
20872
转载 如何生成SSH key
如何生成SSH keySSH key提供了一种与GitHub通信的方式，通过这种方式，能够在不输入密码的情况下，将GitHub作为自己的remote端服务器，进行版本控制步骤检查SSH keys是否存在 生成新的ssh key 将ssh key添加到GitHub中 gevin-essay-how-to-generate-SSH-key.png 1. 检查SS...
2019-12-18 09:23:25
292
转载 vue性能优化
目录一、Vue 代码层面的优化1.1、v-if 和 v-show 区分使用场景1.2、computed 和 watch 区分使用场景1.3、v-for 遍历必须为 item 添加 key，且避免同时使用 v-if1.4、长列表性能优化1.5、事件的销毁1.6、图片资源懒加载1.7、路由懒加载1.8、第三方插件的按需引入1.9、优化无限列表性能1....
2019-11-21 21:24:51
435
转载 vue - minix混入
vue中混入是是实现类继承的重要方式。混入的规则实例minix.jsexport default { data () { return { name: 'minix', minixName: 'minixObj', flag: false, obj: { ...
2019-10-29 21:03:10
409
转载 vue自定义指令
在Vue中自定义指令：insertedbind指令的简写形式inserted:inserted主要涉及和行为相关的指令， 来看这个界面：现在我们想自定义一个指令v-focus，使得每次进入页面时，我们的光标都停在search的输入栏。为了实现这个功能，可以定义全局指令，代码如下：Vue.directive('focus',{ inserted:functi...
2019-10-29 20:22:06
243
转载 关于html页面之间传值的几种方式
问题因最近尝试实现客户端与服务端分离，服务端只提供接口，客户端用html+js实现，分成两个独立的项目部署，因项目是个人项目，客户端展示不考虑使用像Angular、Vue、Native这种前端框架实现，于是全部使用静态页面实现，请求数据用ajax，在开发的过程中，就遇到了页面之间传值的问题。解决方法post提交表单跳转的方式肯定不行了，因服务端并不处理这些请求参数，连到达客户端的机会都...
2019-10-29 20:16:03
1006
转载 单页面应用路由实现原理：以 React-Router 为例
前言2 年前我刚接触 react-router，觉得这玩意儿很神奇，只定义几个 Route 和 Link，就可以控制整个 React 应用的路由。不过那时候只想着怎么用它，也写过 2 篇与之相关的文章#17#73（现在看来，那时候的文章写得实在是太差了）今天，我们来认真研究一番，希望能解决以下 3 个问题。单页面应用路由的实现原理是什么？ react-router 是如何跟 rea...
2019-10-28 21:10:41
460
转载 data-v-6542a5cf中的hash值是如何生成的(算法/过程)
目录Scoped CSS#混用本地和全局样式#子组件的根元素#深度作用选择器#动态生成的内容#还有一些要留意Scoped CSS当<style>标签有scoped属性时，它的 CSS 只作用于当前组件中的元素。这类似于 Shadow DOM 中的样式封装。它有一些注意事项，但不需要任何 polyfill。它通过使用 PostCSS 来实现以...
2019-10-28 19:38:30
1215
转载 position(五种属性，以及每个属性的特点)
1. position: relative;相对定位1> 不影响元素本身特性（无论区块元素还是内联元素会保留其原本特性）2> 不会使元素脱离文档流（元素原本位置会被保留，即改变位置也不会占用新位置）3> 没有定位偏移量时对元素无影响（相对于自身原本位置进行偏移）4>提升层级（用z-index样式的值可以改变一个定位元素的层级关系，从而改变元素的覆盖关系，值越...
2019-10-28 15:34:54
20089
2
原创 NodeJS相关知识点积累
目录1、为什么用Nodejs,它有哪些缺点？2、什么是错误优先的回调函数？3、如何避免回调地狱？4、什么是Promise?5、用什么工具保证一致的代码风格？为什么要这样？6、什么是stub？举例说明7、什么是测试金字塔？举例说明8、如何用Node监听80端口9、什么是事件循环10、运算错误与程序员错误的区别11、使用NPM有哪些好处？12、什么是st...
2019-10-26 20:39:54
1441
转载 webpack相关点积累
目录谈谈你对webpack的看法webpack的基本功能和工作原理？webpack构建过程webpack打包原理什么是webpack，与gulp,grunt有什么区别什么是entry,output?什么是loader，plugins?什么是bundle,chunk,module?如何自动生成webpack配置？webpack如何配置单页面和多页面的应用...
2019-10-26 20:31:26
405
转载 三十分钟掌握Webpack性能优化
目录一、优化构建速度1.1 缩小文件的搜索范围1.2 使用DllPlugin减少基础模块编译次数1.3 使用HappyPack开启多进程Loader转换1.4 使用ParallelUglifyPlugin开启多进程压缩JS文件二、优化开发体验2.1 使用自动刷新2.2 开启模块热替换HMR三、优化输出质量-压缩文件体积3.1 区分环境--减小生产环境代码体积...
2019-10-26 20:24:56
407
转载 react 和 小程序 对比
目录生命周期数据绑定列表渲染显示与隐藏元素事件处理数据双向绑定给事件绑定传参父子组件通信要从以下几个方面对比下react和微信小程序生命周期react 小程序 onLoad: 页面加载时触发。一个页面只会调用一次，可以在onload的参数options中获取打开当前页面路径中的参数。 onReady: 页面初次渲染完成时触发。一个页面只会调用一...
2019-10-26 19:21:28
784
ISO 3166-17种语言国家全翻译，经过律师合规审核
2021-07-15
Highcharts提供的Geojson世界地图数据集的国家名称中文翻译
2021-07-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人