fang_ze_zhang的博客

原创 关于HTTP网络协议栈--数据链路层的理解

关于HTTP网络协议栈–数据链路层的理解HTTP权威指南 1.6 节中，无法理解 图1-9.HTTP网络协议栈 中的数据链路层。搜索关键词 “数据链路层”获得的一大堆东西，看得头晕脑胀，基本看不懂。后来搜索英文关键字 Protocol stack，才大致理解。wiki 截图与之对应的 HTTP权威指南截图可以看出数据链路层对应的协议是 Ethernet(以太网)协议。这样我们只需要理解 以太网，就可以理解数据链路层。结论HTTP 这里的数据链路层主要使用场景：手机，笔记本，电脑等通过路由器

原创 前端开发-插件的选择

前端开发，选择框架，我们一般就是直接从 GitHub 上选择一个，就拿来用。那么一个项目种我们如何确定要使用这个第三方插件呢？1.View license拿 video.js 为例，我们需要查看许可，是否允许商用或者有什么限制，等。![在这里插入图片描述](https://img-blog.csdnimg.cn/20200713095847422.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0

原创 vue-ts webpack 模板

<template>#[[$END$]]#</template><script lang="ts">import { Component, Vue } from "vue-property-decorator";@Component#set($capitalizedFilename = $NAME.substring(0,1).toUpperCase() + $NAME.substring(1))export default class $capital

原创 Get Programming with Node.js 学习笔记（2）：处理 incoming 数据

lesson5. Handling incoming data本章内容：Collecting and processing request dataSubmitting a POST requestBuilding a web application with basic routesservice 重做const http = require('http');const app = http.createServer();function getJSONString (obj) {

原创 Get Programming with Node.js 学习笔记（1）：一个简单的web服务器

Get Programming with Node.js 学习笔记（1）: 一个简单的web服务器前言：之所以看这本书，是因为我一开始只是想在本地开启一个简单的服务，然后我试图读 Node.js 文档，但是读起来太TMD难受了。网上搜索的，感觉要么知识太过碎片化，要么理论强过实践（我只是想开启一个简单的服务，就得花大把时间去看理论，关键是并不一定满足我的需求）。后来看到了 “Get Programming with Node.js” 这本书，读了几章感觉挺好的，所以写一下学习笔记。这本书暂时没有发现中文翻

原创 不使用cli创建Vue应用

create Vue.js app use Single-file Components, without CLI这是一篇翻译 + 总结。粗略讲述了如何不通过 vue-cli 创建 vue 项目。原文： How to create a Vue.js app using Single-File Components, without the CLI..1. 创建项目结构：创建 hello-...

原创 现代JavaScript发展概述

我的翻译一：现代JavaScript解释前言正文前言最近项目告一段落，距离下个版本发布还有几天空闲时间，借此机会翻译一下我认为写的很好的文章。正文...

原创 webstorm增加jest关键字提示

setting->Languages & Frameworks -> JavaScript -> Libraries中Download，选择 jest 即可。完成后列表中会出现 @types/jest：

原创 关于函数的length属性

关于函数的length属性首先，在说函数的属性之前，需要先明确一个概念：虽然对函数执行typeof返回的是function，但是函数是JS中特殊的对象，所以它们可以拥有属性和方法。我们还可以使用Function()构造函数创建新的函数对象。下面说下函数的length属性函数体中，arguments.length表示传入函数的实参数量。函数本身的length属性代表的是函数定义时给出的实参...

原创 关于let声明的变量在window里无法获取到的问题

关于let声明的变量在window里无法获取到的问题之所以说到这个问题是因为，我在面试过程中，遇到一个面试题，就是this指向的问题，当时面试官并没有说答案是什么，我回来后经过试验，发现我的答案是错的，以下是面试题：let len = 10;function fn() { console.info(this.len)}fn();let Person = { len: 5, say...

原创 一个小的V项目框架

很长时间没用Vue了，写个小的项目总结下。项目结构：src assets ... components ... static ... App.vue main.js routerConfig.jsindex.htmlpackage.jsonwebpack.config.js简单解释下：Ap...

原创 Vue模板

&amp;lt;/div&amp;gt;

原创 关于Vuex的一些总结

1. 使用vuex，首先cnpm下载插件。2. 引入Vue和Vuex，Vue.use(Vuex)安装插件。3. 在跟组件里注册：new Vue({ store })。4. const store = new Vuex.Store({ })store有state、mutations、actions、getters state: 用于存储状态。访问方式：this.$store.state...

原创 Webstorm关闭ESLint警告

原创 moment.js可以通过 .format()方法将时间变成字符串

moment.js可以通过 .format()方法将时间变成字符串：moment(moment().add(1, 'M')).format(dateFormat)

原创 antd日期选择组件，添加value后导致无法点击下一年和下一月

原因：表单监听了关闭事件，执行了setState，若是给closeFloatingLayer增加延时就可看出来antd数据的变化。

原创 antd-日历组件，前后禁止选择，只能选中间一部分

antd-日历组件，前后禁止选择，只能选中间一部分:dateDisabledDate(current) { // 需求有效期的禁止选择时间 if (this.state.sailingtimeValue != null &amp;&amp; this.state.sailingtimeValue.length != 0) { return curren...

原创 react 组件内部不能通过this.props.key和this.props.ref获取key和ref。

react 组件内部不能通过this.props.key和this.props.ref获取key和ref。

原创 switch case语句，多个case匹配相同的情况：

switch case语句，多个case匹配相同的情况：case 4: case 6:case 9: case 11: numDays = 30; break;

原创 运算符&&和||

与运算符&amp;&amp;在JS中，true &amp;&amp; expression总是返回expression，而false &amp;&amp; expression总是返回false，因此，如果条件是true，&amp;&amp;右侧的元素就会被渲染，如果是false，React会忽略并跳过它。或运算符||系统先判断A表达式的布尔值，是真是假。如果为真，直接返回A。如果为假...

原创 判断按键的keyCode

判断按键的keyCodewindow.onload = function () { document.onkeydown = function (e) { e = e || event; console.info(`${e.key}的keyCode: ${e.keyCode}`); }}

原创 return后面加括号和不加括号

return后面加括号和不加括号：return是关键字，不是函数，其后面的括号不是必须的，加括号易于阅读代码。

原创 三目运算中不能使用return

三目运算中不能使用return，因为’?’后面两个式子必须有值，而return 0 不是合法的有值表达式。

原创 使用webstrom，创建react模板

react 模板使用webstrom，增加react文件模板：import React, {Component} from 'react';export default class Xxx extends Component { constructor(props) { super(props); this.state = {}; }...