- 博客(27)
- 收藏
- 关注
RSS订阅原创 void (0) ??? undefined ???
title: void (0) ??? undefined ???tag:- js- magic今天看React的源码，发现了一个很有意思的写法，在ReactChildren.js中看见了这么一行代码var child = void 0,这个是出现在React编译之后的cjs/react.development.js中。在我的认知里，void是用来表示一个函数没有返回值的。尽然还有这种...
2019-09-27 22:05:59
393
原创 React源码解析----createElement + Component + PureComponent
title: React源码解析----createElement + Component + PureComponenttags:- 源码- React上一篇介绍了React的Api，今天介绍createElement和React的Component相关操作。看了很多其他人的博客，对于React16的fiber架构还是无法了解，尽管我知道他很牛逼。发现了解React的源码还是需要从渲...
2019-09-27 22:05:02
428
1
原创 React@15.6.2源码解析---从 ReactDOM.render 到页面渲染（2）instantiateReactComponent
title: React@15.6.2源码解析—从 ReactDOM.render 到页面渲染（2）instantiateReactComponenttags:- js- reactinstantiateReactComponent 方法是React中的一个很重要的方法，主要作用是根据给定的node(ReactElement类型)对象，实例化出一个将被挂载的实例。实例化出的实例大体有三...
2019-09-27 22:04:27
320
原创 React@15.6.2源码解析---从 ReactDOM.render 到页面渲染（1）ReactMount
title: React@15.6.2源码解析—从 ReactDOM.render 到页面渲染（1）ReactMounttags:- js- react之前介绍了React16.8版本的React公用API，本着学习最新版的React的想法，但是败在了Fiber的阵下，还有回过头来写搞明白React15的源码，毕竟从15到16是一次重大的更新。本文中React源码版本为 15.6.2 ...
2019-09-27 22:03:56
352
原创 node.js Express框架中使用websoecket 包含 ts 和 非 ts 环境
title: node.js Express框架中使用websoecket 包含 ts 和 非 ts 环境tags:- node.js- expresswebsocket是啥我就简单的说一下，这个大家知道的应该挺多的。那么首先它是一个协议，类似于我们的HTTP协议，但是不同的是HTTP协议是客户端向服务器端请求，然后服务器端响应并且只能响应一次，但是无法做到服务器端主动向浏览器端推送数...
2019-09-27 22:03:24
223
原创 Nginx 反向代理 + 缓存 + 静态资源服务器 + 负载均衡
nginx经常挂在嘴边的就是反向代理，不过他还可以干很多事，我所了解的只是反向代理、静态文件缓存、静态资源服务器，对于负载均衡只是略有涉及。Nginx (“engine x”) 是一个高性能的 HTTP 和 反向代理 服务器 ，也是一个 IMAP/POP3/SMTP 代理 服务器 。 Nginx 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的，第一个公...
2019-08-23 21:36:34
1493
原创 node.js Express框架中使用websoecket 包含 ts 和 非 ts 环境
websocket是啥我就简单的说一下，这个大家知道的应该挺多的。那么首先它是一个协议，类似于我们的HTTP协议，但是不同的是HTTP协议是客户端向服务器端请求，然后服务器端响应并且只能响应一次，但是无法做到服务器端主动向浏览器端推送数据。那么websocket主要就是解决服务器端无法向客户端主动推送数据的。当我们需要保持一种长链接时，我们就需要用到websocket使用场景如下：浏览器发起请...
2019-08-19 21:33:22
489
原创 Axios二次封装
axios是一个基于Promise的http库，可以用在浏览器和node.js中。同时也是对原生浏览器请求XMLHttpRequest的封装，支持Promise的APi请求，避免了回掉地狱问题，可以对请求进行拦截，在发出请求前对请求参数进行修改，接受服务器响应时，也可以根据返回的code进行统一的处理，且客户端支持防御XSRF。可以开箱即用，但是在实际项目时，需要对axios进行二次封装实...
2019-08-19 20:47:09
347
原创 正则表达式学习
正则表达式博大精深，作为一名开发人员不能不会正则，效率好使用方便，写起来还干净利落简直就是神器。使用场景也很多，webpack中的loader配置，devServer中的historyFallBack中的路由匹配，表单验证等等使用正则及其方便。创建一个正则创建一个正则有两种方式和我们创建正常的变量一样。字面量 var test = /a+/ 使用两个/包裹创建RegExp对象， va...
2019-08-19 20:46:03
135
原创 解决行内元素之间的间隙
今天写demo，用行内元素的时候，发现了一个小问题，行内元素之间尽然会有一个小空隙，但是我没有加左右的margin真的是神奇。突然明白为什么每次面试问我行内元素和块级元素的区别时，面试官脸上的失望是从哪里来的。上代码： .main{ margin: 100px; } span{ background: blue; col...
2019-08-13 14:14:38
255
原创 css 实现三角形、梯形、平行四边形、爱心等形状
css 是一门很高深的学问，是前端页面是否好看的支柱。之前一直小看了css的力量，最近看其他博主的书才明白自己的css是多么的菜，以为会点布局就是css了有点贻笑大方了。这篇博客利用css 实现各种形状的编写。完整代码：https://github.com/shenweizheng110/study/blob/master/demo/cssShape.htmlcss 要想实现三角形、梯...
2019-08-13 13:34:04
634
原创 BFC的触发条件、布局规则、使用场景
BFC的触发条件、布局规则、使用场景BFC指的是块级格式化上下文，简单的来说，BFC就是创建一个盒子，盒子内部的元素布局不影响盒子外部的元素。html根元素就是一个BFCBFC 的触发条件html根元素 <html>float 不为 none绝对定位元素 也就是 position 为 absolute 和 fixed行内快元素 display 为 inline-bl...
2019-07-31 09:37:59
851
原创 原型链 与 继承的理解
原型链 与 继承的理解原型链是前端面试几乎必问的东西，原型链实现了js中的继承。在看完阮一峰老师的博客后，理解了原型链的作用。new 的由来关于new的由来大家可以借阅阮一峰老师的博客Javascript继承机制的设计思想构造函数在es5之前还没有类的时候，js都是 new 一个构造函数来生成一个构造函数的对象，这边的构造函数相当于java中的class，在es6之后，为了方便js也...
2019-07-26 20:48:24
392
原创 js 微任务 宏任务的执行顺序解释
js 微任务 宏任务的执行顺序解释js 是单线程执行的，js中的任务按顺序一个一个的执行，但是一个任务耗时太长，那么后面的任务就需要等待，为了解决这种情况，将任务分为了同步任务和异步任务，而异步任务又可以分为微任务和宏任务。首先第一段示例代码console.log('script start');setTimeout(function() { console.log('setT...
2019-07-26 09:23:51
8970
5
原创 对 js 中 this 指向的理解
对 js 中的this 的理解this 指针一直都是一个很玄学的东西，它是函数运行时，函数内部自动生成的对象，只能在函数体内部使用。一下示例都是测试过的，对于答案请放心。如有疑问欢迎评论纯粹的函数调用这是函数通常的用法，属于全局性的调用，所以this指向全局。最简单的示例var x = 1;function test() { console.log(this.x);}...
2019-07-25 22:13:27
205
原创 js 变量提升和作用域的i理解
js 变量提升和作用域的理解js 中的变量提升大体可以分为两种，一种是使用 var 声明的变量，另一种是函数的变量提升，而函数的创建可以分为函数声明和函数表达式两种，这两种具有不同的变量提升，以下为本人根据自己的理解参考其他博主的博客得出的看法，如有错误欢迎指正。使用var声明的变量我们首先先看一段代码，function scopeTest(){ console.log(te...
2019-07-25 15:13:20
225
原创 js快排尾递归优化
尾递归是个什么东西这边就不介绍了。总之递归我是一直没有搞明白。但是我知道尾递归是为了解决递归造成的栈溢出和大量重复的计算。常规版本function quickSort(arr, left, right) { // 递归跳出条件 if (left >= right) return; let i = left, j = right, ...
2019-03-25 21:13:21
416
原创 19年校招前端面经（阿里-小米-字节跳动）
加个小前提，本人投的是web前端，如果分方向的话，是React方向。俗话说，金三银四，在这充满了刺激的三月，我也拿着我的一页纸的简历投了好几家公司，下面记录着我参加了面试的几家公司以及近期整理出的题目。很尴尬，没有拿到任何一家的offer，经过这几次的面试也发现自己的基础确实很差，打算歇息一阵子好好补一补自己的基础，准备开始秋招或者明年的春招，毕竟我还是很向往大公司的待遇的。不过我也发现了一点，...
2019-03-25 20:55:44
1209
1
原创 关于springboot post方法参数为两个实体类的解决办法
title: 关于springboot post方法参数为两个实体类的解决办法cover: /img/1.jpg前端调用后端api某个post方法的时候，如果发现方法的参数为两个实体类的时候，我们像往常一样传参，后台会发生接收不到参数的问题。1.分装成dto如果两个参数都是实体类的话，可以采用将两个实体类封装成一个实体类的方法。比如说有两个实体类，Techer和Course 这是两个po...
2019-03-01 10:12:19
22786
2
原创 Git基本操作
title: Git基本操作cover: /img/8.jpg1.查看分支git branch 查看本地分支git branch -a 查看所有分支前面带有 * 号的表示当前分支。git branch xxx 添加本地分支git branch -d xxx 删除分支git pull 拉取代码git pull origin xxx 拉取远程分支git push xx...
2019-03-01 10:11:38
109
原创 webpack配置及踩过的那些坑
title: webpack配置及踩过的那些坑cover: img/8.jpg最近学习了一波webpack打包部署，作为一名前端，不会一个打包的工具可真的是丢人啊。不过，用webpack又要接触到了配置文件，这个当初当我放弃写后端的东西，不过以后还是要全面发展的。好了，话不多说，这篇文章用的是webpack4.x版本的，下面将细数当初才过的坑。1.基础准备创建一个文件夹webpackDe...
2019-03-01 10:11:17
858
原创 react应用中mobx未检测到数组的更新
title: react应用中mobx未检测到数组的更新cover: /img/5.jpg在mobx中定义一个可观察的数组class Store{ @observable testArray = [];}在组件里面引用这个storetestArray.map(item=>( <span>{item}</span>))这个打印这个t...
2019-03-01 10:10:54
3247
原创 window.open被拦截解决
title: window.open被拦截解决cover: /img/4.jpg项目开发中遇到window.open写在回调里被浏览器拦截.解决办法是在请求时新开一个tab页，然后再请求的回调里修改这个tab页的地址.let newWindow = window.open('about:blank'); // 新开一个tab页返回一个window对象axios.post(url})...
2019-03-01 10:10:30
778
原创 常用样式汇总
title: 常用样式汇总cover: /img/6.jpg1.小手样式cursor: pointer2.垂直居中使用flex布局<div class="outer"> <div class="inner"></div></div>.outer { width: 300px; height: 300px;...
2019-03-01 10:09:54
289
原创 腾讯云服务器配置JDK，tomcat解决外网无法访问问题
title: 腾讯云服务器配置JDK，tomcat解决外网无法访问问题cover: /img/7.jpg前几天试了一下腾讯云的学生服务器，在配置tomcat的时候，配置了好久，一直都是无法访问主页，翻看了N多的博客，关了防火墙，配置了安全组，依旧无法访问，接下来改了tomcat的配置终于成功，记录一下。我用的是腾讯云的学生服务器，操作系统是CentOS7.2 64位 JDK版本是1.8.0...
2019-03-01 10:08:42
1475
原创 hexo博客配置
title: hexo博客配置cover: /img/2.jpgcategories: HEXO博客1.网站图标更换themes\hexo-theme-Annie\layout_partial\head.ejs<link href="<%- config.root %>img/favicon.ico" rel="Shortcut Icon" type="image/i...
2019-03-01 10:07:47
382
原创 第一次使用hexo搭建博客的记录
title: 第一次使用hexo搭建博客的记录categories: [hexo]cover: /img/3.jpg基于github的博客，搭建过程可谓可歌可泣，翻遍了配置文件，总的来说是成功了百分之八十。基本的形状已经搭建好了，评论的功能还未加入，等待后续添加。刚开始使用的是Jekyll的主题，个人觉得还是hexo的主题好看一点，主要是一开始使用Jekyll的主题直接崩掉了，汗。。。。...
2019-03-01 10:04:10
229
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人