3 CoCoManYY

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 10w+

对typescript重新思考

引言最近有在看一些关于typescript的东西,以前的理解就仅仅只是认为它比JavaScript多了一个类型检测,后来发现了一篇非常好的文章,让我重新对typescript进行了思考,但是由于本人没有写过typescript,所以准备从实践入手,深入理解关于面向接口编程的原理,故这是一篇长期更新的博客哈哈哈哈。具体的概念示例代码等,官方文档里面都写得十分详细。我就只是阐述一下自己的理解。接...

2019-05-28 20:52:46

puppeteer初探

引言最近可爱的导师发布了一篇文章,是关于puppeter,当时第一次看到这个一脸懵逼,这是个啥?不过经过我不懈努力查阅资料等等,终于弄清楚了一些,感觉十分强大,在这里记录下来,便于以后查看lapuppeteer作用生成页面的截图和PDF。抓取SPA并生成预先呈现的内容(即“SSR”)。从网站抓取你需要的内容。自动表单提交,UI测试,键盘输入等创建一个最新的自动化测试环境。使用最新...

2019-05-21 10:48:28

k8s和docker学习

引言最近开周会的时候接触到了k8s的东西,可是作为一个小白,决定还是将这方面的知识补全补全,对以后也会有些帮助~预备知识软件开发最麻烦的事情就是配置环境,经常会被弄得吐血。软件能够运行起来用户必须要保证两件事:操作系统的设置、各种库和组件的安装,只有都正确了,软件才能够正确地运行。通常的解决方案是以下几种:虚拟机虚拟机是带环境安装的一种解决方案,它可以在一种操作系用里面运行另一种操作...

2019-05-05 11:17:47

一个属于自己的react脚手架嘻嘻

引言希望学一学前端工程化的知识吧~所用到的包首先由于npm一般都是用命令行操作得,所以我们需要commander.js来辅助我们一下~~开始啦~初始化如何搭建一个npm包呢?去npm官网上面注册一个账号在本机上npm adduser按提示进行下去在GitHub上面创建一个仓库克隆到本地并npm init正式开始啦首先我们需要以下依赖commander 命令行工具...

2019-02-28 22:40:23

说一说JWT鉴权

引言最近几天被频繁问到了关于jwt得内容,决定写一篇作文加深一下印象。正文jwt介绍JWT是JSON Web Token的缩写。分为三段(整个为base64编码):头部:包括加密方式负载:包括用户的不敏感信息签名:用secret将前两部分加密(利用第一个里面的加密方式),主要用来验证是不是本人签发的实践过程实践过程中有两个token,一个refresh Token、一个ac...

2019-02-20 00:27:18

react遇到的问题

引言在用react写小东西,发现自己真的是非常不熟练嘻嘻。记录一下函数均需要绑定this,利用bind或者箭头函数自定义首字母必须大写setState是异步的jsx语法的其他小细节,比如内联样式的定义格式等等。表达式里面不能声明变量,可以在render函数里面的return前面声明。最后果然还是非常不熟练,手很生涩!!...

2019-02-16 03:07:53

vuex的坑

引言呜呜呜坑死我了Object.assign在项目中,我compute引用$store里面的数据,但是发现没有办法实时更新??,当时觉得就很奇怪,疯狂谷歌也找不到答案,后来将Object.assign换成了“=”,发现可以了emmm原因是这样的:Object.assign reads the value of the property from the source object, i...

2019-01-07 11:04:11

函数式编程

引言今天好冷!!!函数式编程好处:语义更加清晰可复用性更高可维护性更好作用于局限,副作用少用处:链式优化:回掉函数和Promise模式高阶函数:接收或者返回一个函数的函数称为高阶函数结语函数式编程并不是必须的,也不应该是一个强制的规定或要求,与面向对象或者其他的思想一样,它也是其中的一种方式。参考资料我眼中的 JavaScript 函数式编程...

2018-12-29 15:35:13

服务端渲染or预渲染

引言今天木有引言嘤嘤嘤浏览器渲染原理及流程浏览器内核分两个部分:渲染引擎、JS引擎解析html以构建dom树 -> 构建render树 -> 布局render树 -> 绘制render树DOM Tree:浏览器将HTML解析成树形的数据结构。CSS Rule Tree:浏览器将CSS解析成树形的数据结构。Render Tree: DOM和CSSOM合并后生成Re...

2018-12-29 11:56:34

好好理解一下作用域和闭包和预编译

引言在写业务代码的同时,我觉得还是很需要把基础知识全部理清楚的,闭包和作用域呢我一直觉得我懂了,那么试试看能不能说清楚?当然我也会参考一下别人说法,所以会在参考资料里面写上啦嘻嘻~~作用域和作用域链作用域是一个语言无关的概念,当然作用域分为词法作用域和动态作用域作用域:通常来说,一段程序代码中所用的名字并不总是有效/可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。词法作用域...

2018-12-28 23:47:59

闭包小记(可能未完哈哈哈)

半夜想出来的,感觉有点闭包的意思,发现自己好久没看书了,该打!var arr=[];function a(){ var b=3; function c(){ console.log(b); } arr.push(c);}a();console.log(arr);arr.forEach(fun=>{fun()})晚安大家~~...

2018-12-28 01:16:58

export 和 module.export 的区别

本文转自:https://www.jianshu.com/p/e452203d56c4在浏览器端 js 里面,为了解决各模块变量冲突等问题,往往借助于 js 的闭包把左右模块相关的代码都包装在一个匿名函数里。而 Nodejs 编写模块相当的自由,开发者只需要关注 require,exports,module 等几个变量就足够,而为了保持模块的可读性,很推荐把不同功能的代码块都写成独立模块,减少各...

2018-12-27 20:48:16

es6的js代码里面引入webpack

引言本来做MVVM做得好好的,突然遇到了webpack的问题,只能嘤嘤嘤,踩了一个多小时的坑之后,决定写下来,既让自己不要忘记了也让大家少采坑webpack不是内部或外部命令,也不是可运行的程序或批处理文件。这个的话我觉得参考这篇文章就很好,我就不赘述了。npm install -g webpack报错enoent ENOENT:我出现这个的原因是因为之前安装过低版本的webpack,这...

2018-12-27 18:43:22

磨人的小妖精----原型链

引言其实很早我就接触了原型链,可是一直是似懂非懂,实习或者是做项目经常性写一些业务代码也没有用上,但是原型链这个东西是JavaScript的精髓,我一定要弄懂,嘤嘤嘤话不多说开始吧首先需要看一张相当经典的图!这张图看起来有点乱,但其实条例时十分清晰的。对象、函数以及原型之间的关系对象:在JavaScript中,人和事是存在的东西都是对象(包括函数也是一个对象),我们平时new出来的对...

2018-12-26 15:11:41

DOM事件的整理总结

引言今天上课的时候有点困了,于是打开手机看看前端的零散小文章,突然看到了“事件委托”这个名词,嘤嘤嘤?于是我决定把找dom事件稍微梳理一下,可能不是很全面,因为有些实在是不怎么常用,我也记不太住,以后需要用的时候就去查一查,然后再补充进来吧嘿嘿嘿!!主要内容首先我梳理一下我今天整理的主要内容,主要为事件冒泡、事件捕获还有事件委托。正式开始啦什么是事件流?流的概念现今的JavaScri...

2018-12-24 19:09:38

GitHub仓库实现CICD快乐的总结嘤嘤嘤

引言今天超级开心,和肥宅学长一起约了一波学习,教了我很多东西啦,由于高年级研讨需要演示一下五子棋的项目,所以我需要找个可以在线演示的地方,于是我放到了github.io上面,但是由于某路径问题,实在是很难受决定将打包好的东西放好另外一个仓库中单独演示,这时候就会发现一个很严重的问题,我每次更新都需要再同步更新一下另一个仓库中只放打包好的代码,嘤嘤嘤太难受了吧,于是我准备开始使用CICD首先我们...

2018-12-21 00:43:05

有关JavaScript的this自己做个小实验

引言网上关于this的文章那么多,大家肯定都看得差不多了,但是哪些this的文章大多都比较初级,没我遇到问题都去看,然后看完觉得牛逼、我懂了,结果每次再遇到问题,我就不懂了,又得去搜,嘤嘤嘤难受,于是秉着实践出真知的原则,我开始做自己的小实验。这个文章可能会根据我遇到的问题持续更新,也有可能我没遇到问题(maybe 懒),就没有做小实验。开始小实验首先关于箭头函数题目描述:箭头函数的thi...

2018-12-18 20:45:30

总结一下操作符的一些操作

三目运算符可以将有些判断if-else的代码显得没有那么臃肿,更加简洁。当然我们不能将所有的判断都改写成三目运算符,因为三目运算符的代码过于冗长的话,也会让代码的可读性降低,这时候我们可以采用switch-case语句。逻辑与操作符&&如果只有简单的一个判断的话,我们可以采用逻辑与操作来实现判断条件&&结果注意:这个判断条件如果如果为false的话,就会返...

2018-12-16 22:31:26

学习学习HTTP

引言计网课只学习了物理层、数据链路层、网络层、运输层,作为一个有梦想的小前端,对我来说十分重要的物理层居然没有上,

2018-12-06 13:50:39

对promise的理解

前言promise是一个构造函数,自己身上有resolve、reject、all、race等方法,在其原型链上有then、catch方法, resolve是将Promise的状态置为fullfiled,reject是将Promise的状态置为rejected,then里面的函数就跟我们平时的回调函数一个意思,拿到resolve的参数,能够在异步任务执行完成之后被执行。举个例子:functio...

2018-11-27 17:23:39

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。