ITzhongzi的博客

不管前方的路有多远和多苦，只要走的方向是正确的，不管多么崎岖不平，都比站在原地更接近幸福！

12月 11月 08月 07月 06月 05月 04月 03月 02月 01月

转载 react状态提升父子组件交互

使用 react 经常会遇到几个组件需要共用状态数据的情况。这种情况下，我们最好将这部分共享的状态提升至他们最近的父组件当中进行管理。我们来看一下具体如何操作吧。这部分内容当中，我们会创建一个温度计算器来计算水是否会在给定的温度下烧开。开始呢，我们先创建一个名为 BoilingVerdict 的组件。它会接受 celsius 这个温度变量作为它的 prop 属性，最后根据温度判

2017-11-30 14:12:28 1105

转载 vue-cli webpack配置分析

相信vue使用者对vue-cli都不会陌生，甚至可以说，很熟悉了，但对其webpack的配置可能知之甚少吧。过完年回来后，我接手了公司的新项目。新项目是一个spa。很自然，我就想到了vue-cli脚手架了，当时研究一下它的webpack配置。于是，就有了其他的内容。今天这篇文章，是在原来的基础上，增加了一些新版本的内容，但实质上变化不大。说明此仓库为vue-cli

2017-11-23 10:03:53 513

原创 html取消鼠标右击事件

在某些场合我们需要取消鼠标右键点击事件，在 body元素上添加这段代码即可取消 body 标签上的鼠标右击事件document.body.oncontextmenu= function(){return false}

2017-11-09 09:45:07 2073

转载 web调试优化-chrome开发者工具不完全指南

1.前言chrome，对于web开发者而言，都是很熟悉的一个浏览器，无论是从事的是前端，后端或者是测试！简单、快捷和功能强大使它受到了许多开发者的青睐！在浏览器排行上，chrome最多人使用，而且占了浏览器份额的半壁江山。可见其欢迎程度。作为一个前端开发者，我也是注重chrome的使用技巧。今天给大家分享下，希望能帮到大家，如果大家还有些什么好用的技巧，欢迎在评论补充，让大家交流意见，一起进步

2017-11-07 21:18:01 1374

原创 node获取访问的当前的完成的url

node开放一个借口时，想要获取当前访问的完成的 url 在 request （请求的对象）的header对象中headers对象的格式如下： { host: '127.0.0.1:3000', connection: 'keep-alive', accept: 'application/json, text/javascript, */*; q=0.01

2017-11-06 22:39:08 7274

原创 node处理get、post 以及跨域问题处理的实例代码

1、处理get请求ar server = http.createServer(function(request,response) {//get 请求var urlParam = {username: url.parse(request.url,true).query.username,password: url.parse(requ

2017-11-04 15:02:15 392

转载 Git push与pull的默认行为

一直以来对git push与git pull命令的默认行为感觉混乱，今天抽空总结下。git push通常对于一个本地的新建分支，例如git checkout -b develop, 在develop分支commit了代码之后，如果直接执行git push命令，develop分支将不会被push到远程仓库（但此时git push操作有可能会推送一些代码到远程仓库，这取决于我们

2017-11-04 10:06:05 398

转载前端路两种实现原理

早期的路由都是后端实现的，直接根据 url 来 reload 页面，页面变得越来越复杂服务器端压力变大，随着 ajax 的出现，页面实现非 reload 就能刷新数据，也给前端路由的出现奠定了基础。我们可以通过记录 url 来记录 ajax 的变化，从而实现前端路由。本文主要讲两种主流方式实现前端路由。History API这里不细说每一个 API 的用法，大家可以看 MD

2017-11-02 15:41:14 760