- 博客(46)
- 收藏
- 关注
RSS订阅原创 对typescript重新思考
引言最近有在看一些关于typescript的东西，以前的理解就仅仅只是认为它比JavaScript多了一个类型检测，后来发现了一篇非常好的文章，让我重新对typescript进行了思考，但是由于本人没有写过typescript，所以准备从实践入手，深入理解关于面向接口编程的原理，故这是一篇长期更新的博客哈哈哈哈。具体的概念示例代码等，官方文档里面都写得十分详细。我就只是阐述一下自己的理解。接...
2019-05-28 20:52:46
276
原创 puppeteer初探
引言最近可爱的导师发布了一篇文章，是关于puppeter，当时第一次看到这个一脸懵逼，这是个啥？不过经过我不懈努力查阅资料等等，终于弄清楚了一些，感觉十分强大，在这里记录下来，便于以后查看lapuppeteer作用生成页面的截图和PDF。抓取SPA并生成预先呈现的内容（即“SSR”）。从网站抓取你需要的内容。自动表单提交，UI测试，键盘输入等创建一个最新的自动化测试环境。使用最新...
2019-05-21 10:48:28
278
原创 k8s和docker学习
引言最近开周会的时候接触到了k8s的东西，可是作为一个小白，决定还是将这方面的知识补全补全，对以后也会有些帮助~预备知识软件开发最麻烦的事情就是配置环境，经常会被弄得吐血。软件能够运行起来用户必须要保证两件事：操作系统的设置、各种库和组件的安装，只有都正确了，软件才能够正确地运行。通常的解决方案是以下几种：虚拟机虚拟机是带环境安装的一种解决方案，它可以在一种操作系用里面运行另一种操作...
2019-05-05 11:17:47
6665
原创 一个属于自己的react脚手架嘻嘻
引言希望学一学前端工程化的知识吧~所用到的包首先由于npm一般都是用命令行操作得，所以我们需要commander.js来辅助我们一下~~开始啦~初始化如何搭建一个npm包呢？去npm官网上面注册一个账号在本机上npm adduser按提示进行下去在GitHub上面创建一个仓库克隆到本地并npm init正式开始啦首先我们需要以下依赖commander 命令行工具...
2019-02-28 22:40:23
178
原创 说一说JWT鉴权
引言最近几天被频繁问到了关于jwt得内容，决定写一篇作文加深一下印象。正文jwt介绍JWT是JSON Web Token的缩写。分为三段(整个为base64编码)：头部：包括加密方式负载：包括用户的不敏感信息签名：用secret将前两部分加密(利用第一个里面的加密方式)，主要用来验证是不是本人签发的实践过程实践过程中有两个token，一个refresh Token、一个ac...
2019-02-20 00:27:18
1149
原创 react遇到的问题
引言在用react写小东西，发现自己真的是非常不熟练嘻嘻。记录一下函数均需要绑定this，利用bind或者箭头函数自定义首字母必须大写setState是异步的jsx语法的其他小细节，比如内联样式的定义格式等等。表达式里面不能声明变量，可以在render函数里面的return前面声明。最后果然还是非常不熟练，手很生涩！！...
2019-02-16 03:07:53
182
原创 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
1320
原创 函数式编程
引言今天好冷！！！函数式编程好处：语义更加清晰可复用性更高可维护性更好作用于局限，副作用少用处：链式优化：回掉函数和Promise模式高阶函数：接收或者返回一个函数的函数称为高阶函数结语函数式编程并不是必须的，也不应该是一个强制的规定或要求，与面向对象或者其他的思想一样，它也是其中的一种方式。参考资料我眼中的 JavaScript 函数式编程...
2018-12-29 15:35:13
158
1
原创 服务端渲染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
1431
原创 好好理解一下作用域和闭包和预编译
引言在写业务代码的同时，我觉得还是很需要把基础知识全部理清楚的，闭包和作用域呢我一直觉得我懂了，那么试试看能不能说清楚？当然我也会参考一下别人说法，所以会在参考资料里面写上啦嘻嘻~~作用域和作用域链作用域是一个语言无关的概念，当然作用域分为词法作用域和动态作用域作用域：通常来说，一段程序代码中所用的名字并不总是有效/可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。词法作用域...
2018-12-28 23:47:59
516
原创 闭包小记（可能未完哈哈哈）
半夜想出来的，感觉有点闭包的意思，发现自己好久没看书了，该打！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
95
转载 export 和 module.export 的区别
本文转自：https://www.jianshu.com/p/e452203d56c4在浏览器端 js 里面，为了解决各模块变量冲突等问题，往往借助于 js 的闭包把左右模块相关的代码都包装在一个匿名函数里。而 Nodejs 编写模块相当的自由，开发者只需要关注 require,exports,module 等几个变量就足够，而为了保持模块的可读性，很推荐把不同功能的代码块都写成独立模块，减少各...
2018-12-27 20:48:16
1016
原创 es6的js代码里面引入webpack
引言本来做MVVM做得好好的，突然遇到了webpack的问题，只能嘤嘤嘤，踩了一个多小时的坑之后，决定写下来，既让自己不要忘记了也让大家少采坑webpack不是内部或外部命令，也不是可运行的程序或批处理文件。这个的话我觉得参考这篇文章就很好，我就不赘述了。npm install -g webpack报错enoent ENOENT:我出现这个的原因是因为之前安装过低版本的webpack，这...
2018-12-27 18:43:22
368
原创 磨人的小妖精----原型链
引言其实很早我就接触了原型链，可是一直是似懂非懂，实习或者是做项目经常性写一些业务代码也没有用上，但是原型链这个东西是JavaScript的精髓，我一定要弄懂，嘤嘤嘤话不多说开始吧首先需要看一张相当经典的图！这张图看起来有点乱，但其实条例时十分清晰的。对象、函数以及原型之间的关系对象：在JavaScript中，人和事是存在的东西都是对象（包括函数也是一个对象），我们平时new出来的对...
2018-12-26 15:11:41
219
原创 DOM事件的整理总结
引言今天上课的时候有点困了，于是打开手机看看前端的零散小文章，突然看到了“事件委托”这个名词，嘤嘤嘤？于是我决定把找dom事件稍微梳理一下，可能不是很全面，因为有些实在是不怎么常用，我也记不太住，以后需要用的时候就去查一查，然后再补充进来吧嘿嘿嘿！！主要内容首先我梳理一下我今天整理的主要内容，主要为事件冒泡、事件捕获还有事件委托。正式开始啦什么是事件流？流的概念现今的JavaScri...
2018-12-24 19:09:38
428
原创 GitHub仓库实现CICD快乐的总结嘤嘤嘤
引言今天超级开心，和肥宅学长一起约了一波学习，教了我很多东西啦，由于高年级研讨需要演示一下五子棋的项目，所以我需要找个可以在线演示的地方，于是我放到了github.io上面，但是由于某路径问题，实在是很难受决定将打包好的东西放好另外一个仓库中单独演示，这时候就会发现一个很严重的问题，我每次更新都需要再同步更新一下另一个仓库中只放打包好的代码，嘤嘤嘤太难受了吧，于是我准备开始使用CICD首先我们...
2018-12-21 00:43:05
2486
原创 有关JavaScript的this自己做个小实验
引言网上关于this的文章那么多，大家肯定都看得差不多了，但是哪些this的文章大多都比较初级，没我遇到问题都去看，然后看完觉得牛逼、我懂了，结果每次再遇到问题，我就不懂了，又得去搜，嘤嘤嘤难受，于是秉着实践出真知的原则，我开始做自己的小实验。这个文章可能会根据我遇到的问题持续更新，也有可能我没遇到问题（maybe 懒），就没有做小实验。开始小实验首先关于箭头函数题目描述：箭头函数的thi...
2018-12-18 20:45:30
160
原创 总结一下操作符的一些操作
三目运算符可以将有些判断if-else的代码显得没有那么臃肿，更加简洁。当然我们不能将所有的判断都改写成三目运算符，因为三目运算符的代码过于冗长的话，也会让代码的可读性降低，这时候我们可以采用switch-case语句。逻辑与操作符&&如果只有简单的一个判断的话，我们可以采用逻辑与操作来实现判断条件&&结果注意：这个判断条件如果如果为false的话，就会返...
2018-12-16 22:31:26
90
原创 对promise的理解
前言promise是一个构造函数，自己身上有resolve、reject、all、race等方法，在其原型链上有then、catch方法， resolve是将Promise的状态置为fullfiled，reject是将Promise的状态置为rejected，then里面的函数就跟我们平时的回调函数一个意思，拿到resolve的参数，能够在异步任务执行完成之后被执行。举个例子：functio...
2018-11-27 17:23:39
224
原创 css与网络性能
css与网络性能css是页面渲染的关键因素之一，（当页面存在外链csss时），浏览器会等待全部css下载及解析完成后再渲染页面。关键路径上的任何延迟都会影响首屏时间，因而我们需要尽快将css传到用户的首屏设备。否则在页面渲染之前，用户只能看到一个空白的屏幕。· · #### css渲染的主要问题浏览器直到渲染树构建完成之后才能渲染页面。渲染树：DOM+CSSOMDOM是HTML标签和...
2018-11-26 18:59:33
174
原创 generator函数的理解
generator函数的理解generator函数是ES6提供的一种异步编程的解决方案一、异步编程1、所谓“异步”，就是先执行第一段，转而执行其他的任务，等做好了准备再回来执行后面的。2、编程方式主要有1.回调函数2.事件监听3、发布/订阅者4、Promise对象3、所谓回调函数，就是把第二段单独写在一个函数里面，等到重新执行这个任务的时候，就直接调用这个函数即可。回调函数...
2018-10-17 20:25:27
271
原创 关于对redux和react-redux的理解
Redux三大原则单一数据源：整个应用的 state 被储存在一棵 object tree 中，并且这个 object tree 只存在于唯一一个 store 中State 是只读的：惟一改变 state 的方法就是触发 action，action 是一个用于描述已发生事件的普通对象。使用纯函数来执行修改：为了描述 action 如何改变 state tree ，你需要编写 reducers...
2018-09-26 22:14:00
289
原创 关于nodejs的异步I/O模型!JavaScript事件机制
知识前提：了解之前，需要掌握一下知识js引擎执行机制参考JS的执行环境是单线程的，（这个线程就是浏览器的JS引擎），一次只能执行做一件事情；浏览器内核实现了多个线程异步执行,这些线程在内核的控制下相互配合从而保持同步浏览器的线程：浏览器的工作原理：js引擎是事件驱动的，它一直在等待着任务任务队列中的任务到来，又由于js是单线程的，所以很对任务会出现排队的情况参考这里...
2018-09-23 17:36:02
1633
原创 v-model实现组件之间的数据双向传输
在组件上使用v-model来自官网上的解释：自定义事件可以用于创建支持v-model的自定义输入组件。但是首先我们得记住之前的v-model的解释，也就是<input v-model="searchText">等价于<custominput v-bind:value="searchText"v-on:input="searchText=$event...
2018-09-20 00:09:54
913
原创 学习react写一点点小随笔
https://medium.com/javascript-inside/learn-the-concepts-part-1-418952d968cb了解了react最基本的原理，知道了render()和store等函数地最基础地理论理解一下virtual domhttps://www.jianshu.com/p/bef1c1ee5a0ejs命名空间：个人理解感觉和作用域差不了太多...
2018-09-20 00:08:07
132
原创 js继承原型链学习注意事项！--仅供自己学习
原型链注意问题:1、如果使用new进行继承的话需要function里面加this2、还有一种很普通的继承方式Object.create()666，对象也是普通的var a={}写法3、for(var a in k){a[k]}，属性名用框框，最好不要用点点！（这个我也没有弄清楚）！...
2018-09-11 23:39:24
107
原创 关于发送http请求参数的编码问题
前言就因为请求的编码问题花费了我特别多的时间，不停地Google也只能找到一些很侧面的东西，没办法解决到具体的问题，mentor不告诉我解决方法，说是要锻炼我的自主解决问题能力！解决问题第一步：搜索具体http请求编码是如何进行的，具体过程列出来请求的params一般采用URI编码 "只有字母和数字[0-9a-zA-Z]、一些特殊符号"$-_.+!*'(),"[不包括双引号]、以及某些保留字...
2018-07-14 11:09:18
1628
转载 送给前端的干货 ，绝对经典的学习资料大全，js框架，css
作者：路人甲链接：https://zhuanlan.zhihu.com/p/22229868来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。昨天写的文章，一大早发出去点开预览的时候发现格式都错乱了。又急着去上班就把文章给删除了。本来是周一更的习惯也就打破，放到周二去更新了。今天周二，度过了烦人的周一，又开始一个新的工作日。这篇文章起初是想做：有哪些适合新手练手的前端项...
2018-05-25 11:25:34
1489
1
转载 js函数内返回一个内部函数详解
原文来自：https://blog.csdn.net/u011113654/article/details/51672308今天在网上，看到一篇关于js函数难点的文章，js函数的一些难点。在那上面提了一下，关于js函数返回另一个函数的问题，并附上了一道面试题：[javascript] view plain copyvar add = function(x){ var sum = 1; ...
2018-05-24 13:19:27
10287
1
原创 关于$符号总结一下
vue的实例属性和方法除了数据属性，Vue 实例还暴露了一些有用的实例属性与方法。它们都有前缀 $，以便与用户定义的属性区分开来。例如： var data = { a: 1 }var vm = new Vue({ el: '#example', data: data})vm.$data === data // => truevm.$el === doc...
2018-05-23 12:35:28
24791
2
转载 使用CSS3的@media来编写响应式的页面
转自：https://www.cnblogs.com/baiyii/p/6973437.html首先要知道，我们为什么要写自适应的页面（响应式页面）【直接看干货】众所周知，电脑、平板、手机的屏幕是差距很大的，假如在电脑上写好了一个页面，在电脑上看起来不错，但是如果放到手机上的话，那可能就会乱的一塌糊涂，这时候怎么解决呢？以前，可以再专门为手机定制一个页面，当用户访问的时候，判断设备是手机还是电脑，...
2018-05-18 00:28:37
367
转载 this 指向详细解析（箭头函数）
本文地址：http://www.cnblogs.com/dongcanliang/p/7054176.html前言this 指向问题是入坑前端必须了解知识点，现在迎来了ES6时代，因为箭头函数的出现，所以感觉有必要对 this 问题梳理一下，遂有此文在非箭头函数下， this 指向调用其所在函数的对象，而且是离谁近就是指向谁（此对于常规对象，原型链， getter & setter等都适用...
2018-05-17 15:36:13
1404
转载 什么是闭包？什么是内存销毁？（通俗易懂的解释）
转自：JS-原生/一个例子讲清楚什么是闭包，什么是内存销毁//前言闭包，这个概念对于每位JSer而言都不陌生，它几乎伴随着每个前端入门者的初学阶段，重要到几乎每家公司面试都会问。关于闭包究竟是什么，闭包干嘛用的，网上各种回答也是五花八门，动不动就扯到隐匿变量/内存泄漏这些概念，让没有C基础的初学者越看越晕，我不能说那些是错的，不过显然对新手不太友好。曾几何时我也是被那些个故作高深的概念绕得七荤八素...
2018-05-17 15:18:14
944
原创 vue中子父、父子之间传参+双向传参
转自：https://blog.csdn.net/m0_37068028/article/details/72898119vue1.0中 vm.$dispatch 和 vm.$broadcast 被弃用，改用$emit,$onvm.$on( event, callback )监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。vm.$emit(...
2018-05-14 16:31:54
4300
原创 vue引入百度地图map
一、申请百度地图密匙二、在index.html中引入<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=KCzp8claYra8uYAvahElV9oKUT6j7Gx1" ></script>三、在webpack.base.conf.js配置文件中配置BMap；// 在...
2018-05-13 19:58:26
7786
1
原创 v-router钩子函数理解
导航钩子导航钩子：用来拦截的导航，让它完成跳转或取消，有多种方式可以在路由发生时执行钩子：全局的、单个路由独享的、或者组件级的。// 全局钩子const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // ... // to: Route: 即将要进入的目标 路由对象 // fr...
2018-05-13 19:36:57
1467
原创 关于axios用法（仅说自己常用的）
axios是一个基于promise的HTTP库，可以用在浏览器和node.js中传递请求的方法基本方法axios.post('/user', { firstName: 'Fred', lastName: 'Flintstone' }) .then(function (response) { console.log(response); }) .catch(f...
2018-05-13 16:40:10
2218
原创 vue基础
没实践之前总是只知道一点皮毛，似懂非懂，实践之后自己对vue有了更加深刻的认识。内部指令：基本1、v-if/v-else 和v-show：v-if用来判断是否加载html的DOM：用法v-if=“XXX”（XXX在data中）v-show用来调整css中的display属性，DOM是已经加载出来了的，只是css控制没有显示出来。区别：v-if：判断是否加载，可以减轻服务器的压力，在需要的时候加载...
2018-05-12 15:26:43
163
原创 对于css中z-index的深入理解
一开始学习的时候真的觉得css的z-index十分简单，直到今天我有一丝丝想要用它的时候处处碰壁，才发现原来并不是自己想的那样。首先我们需要知道z-index只对定位元素有作用（static除外）。遵循的准则为：z-index并列时：1、后来居上准则（没有设置z-index的值）。2、谁大谁上准则（设置z-index的值之后）.z-index嵌套时：1、祖先优先的原则（当z-index时数值不能是...
2018-05-11 00:08:24
377
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人