2019年03月_程序员通通

原创【JavaScript】leetcode89，格林编码

思路：利用格林编码的对称性/** * @param {number} n * @return {number[]} */var grayCode = function(n) { function getCode(n) { if(n === 0) { return ['0'] } if(n === 1) { return ['0', ...

2019-03-29 11:49:08 439 1

原创【JavaScript】leetcode605，种花问题

var canPlaceFlowers = function(flowerbed, n) { var count = 0 for(var i = 0; i < flowerbed.length; i++) { if(flowerbed[i-1] !== 1 && flowerbed[i] === 0 && flowerbed[i+1] !== ...

2019-03-29 10:29:37 351

原创【react】react单元测试初探，小白的采坑之路

第一次在react中使用单元测试，没想到遇到这么多坑我使用create-react-app创建的react项目，单元测试工具Jest已经集成在项目中了，所以直接运行：npm run test就可以运行测试样例第一个坑：找不到测试样例，命令行提示如下图：项目结构如下：经过一番google，发现react项目的测试文件夹必须放在src下面，且测试的文件名必须是：下划线下划线tes...

2019-03-26 20:20:36 269

原创【leetcode】电话号码组合（JavaScript版）

function fn(digits) { let hash = { 2: 'abc', 3: 'def', 4: 'ghi', 5: 'jkl', 6: 'mno', 7: 'pqrs', 8: 'tuv', 9: 'wxyz', } let a = [] digits.split('').forEach(item ...

2019-03-26 14:45:33 272

原创【JavaScript】浏览器的缓存策略：强缓存和协商缓存

通常浏览器缓存策略分为两种：强缓存和协商缓存，并且缓存策略都是通过设置 HTTP Header 来实现的。强缓存（如果命中就不会去请求服务器，返回状态码200）如何设置强缓存？1，设置http头：Cache-Control，以客户端相对时间为准Cache-Control:max-age=3600（单位是秒）。2，expires（http1.0产物）会将资源的实效日期告知客户端。Exp...

2019-03-24 10:52:19 1612 1

原创【http】简述TCP三次握手和四次挥手

三次握手是指建立一个TCP连接时，需要客户端和服务端总共发送3个包以确认连接的建立。可以想象两人用对讲机交谈。A：我准备好了你准备好了吗，收到请回答。B：收到收到，我也准备好了，收到请回答。A：收到收到四步挥手客户端：“兄弟，我这边没数据要传了，咱关闭连接吧。”服务端：“收到，我看看我这边有木有数据了。”服务端：“兄弟，我这边也没数据要传你了，咱可以关闭连接了。”客户端：“好嘞。...

2019-03-24 10:25:19 383 1

原创【计算机网络】tcp udp的特点和区别

UDP协议面向无连接UDP 是不需要和 TCP 一样在发送数据前进行三次握手建立连接的UDP的不可靠性UDP 因为没有拥塞控制，一直会以恒定的速度发送数据。即使网络条件不好，也不会对发送速率进行调整。这样实现的弊端就是在网络条件不好的情况下可能会导致丢包但是优点也很明显，在某些实时性要求高的场景（比如电话会议，直播）就需要使用 UDP 而不是 TCP。TCP 面向连接，只有确认通信端存在...

2019-03-24 10:21:07 597 1

原创【JavaScript】给定一个字符串，请统计字符串中出现最多的字母和次数

//给定一个字符串，请统计字符串中出现最多的字母和次数function fn(str) { var hash = {} for(let i = 0; i < str.length; i++) { if(hash[str[i]]) { hash[str[i]]++ } else { hash[str[i]] = 1 } } le...

2019-03-20 20:23:34 1521

原创【JavaScript】异步的终极方案async，await

看一个最简单例子：function x() { return new Promise((resolve, reject) => { setTimeout(() => { resolve('hello js') }, 3000) })}async function test() { let n = await x() console.lo...

2019-03-11 17:02:45 249 1

原创【JavaScript】ES6新增的数据类型（Symbol，Set，Map，weakSet，weakMap）

回顾一下js中七种数据类型：number， string， bool，null，undefined，symbol， Object。前面六种是基本数据类型，Object是复杂数据类型Object里面又分为：Array Function Date objectES6新增的数据类型（Set，Map，weakSet，weakMap）都属于ObjectSymbolSymbol的使用：var a ...

2019-03-11 15:43:15 1093

原创【JavaScript】三种方式实现JavaScript继承

1，组合继承function Parent(value) { this.val = value}Parent.prototype.getValue = function() { console.log(this.val)}function Child(value) { Parent.call(this, value)}Child.prototype = new Paren...

2019-03-10 14:25:56 210 1

原创【CSS】使用css实现一个loading效果

2019-03-09 15:58:18 353 1

原创【JavaScript】自己动手封装一个ajax函数

我们在jquery中一般是这样是用ajax函数的：xxx.addEventListener('click', function(){ window.ajax({ url:'/xxx', method: 'get', body: '', //请求体，method为get可以为空 headers: { //请求头 'content-type'...

2019-03-06 14:07:25 256 1

原创【Vue】Vue中methods，computed（计算属性），watch（监听数据）的区别

触发时机watch: 被 watch 的值变化的时候执行一个函数methods: getMessage() 出现在视图里的时候，或视图更新的时候调用 getMessagecomputed: 两个调试同时满足的时候：一、依赖的属性变化了二、message 出现在视图里了或视图更新了使用形式watch 的值需要用 data 承载，本身返回值没有用methods 的返回值可以直接展示在视图...

2019-03-06 13:30:30 384 1

原创【Vue】我对Vue双向绑定的理解

v-model从 Vue 0.x 开始，Vue 就用 v-model 来实现「双向绑定」。如data: { user: { name: 'frank'}}<input v-model="user.name">能实现以下两个绑定：user.name 的变化自动同步到 input.valueinput.value 的变化自动同步到 user.name但是当 F...

2019-03-06 12:55:25 252 1

原创【CSS】总结一下CSS垂直居中的方案

1，使用flex布局（元素定宽，不定宽均适用）<section> <style> .parent { border: 1px solid red; padding: 20px; display: flex; justify-content: center; align-it...

2019-03-02 16:22:12 286 1

AC_greener的博客