2 codingWeb

尚未进行身份认证

我要认证

知行合一

等级
TA的排名 7w+

我的秋招之路----已上岸

2020.10.15,我的秋招之路算是正式结束了,选择好了自己最心仪的去处,接下来就是紧张刺激的入职了,总结一下整个心路历程吧秋招路上的心态调整:秋招开始,和大多数人一样,我心里是很焦虑和紧张的,一是因为自己是第一次经历,二是因为不知道自己的定位,在茫茫人海中,自己的水平处于什么阶段,还有哪些不足的,但通过大量的面试,这些负面情绪和疑惑,我都通过面试官的反馈得到了很好的解答,通过面试也不断的去查缺补漏,不仅情绪管理方面,专业知识方面也得到了一个很好的提升,不要因为某家公司的笔试题做不出来,连面试的机会

2020-10-19 20:41:27

浅析js中隐式类型转换的规则(巨坑)

虽然开发中基本都是用的===全等,==很少用,基本不用,但奈何有些面试题考的很刁钻,我就来做个小总结把大多数隐式转换的规则:先说结论:大多数情况下,隐式转换都遵循这个规则,当然有特殊情况,特殊情况特殊对待就行了,当使用==判等时,会转成同类型再比较1. 对象和布尔值比较对象和布尔值进行比较时,对象先转换为字符串,然后再转换为数字,布尔值直接转换为数字[] == true; //false []转换为字符串'',然后转换为数字0,true转换为数字1,所以为false2. 对象和字符串比较对

2020-10-15 18:42:27

css有趣实用的技巧和一些冷门知识点

border-radius的8个属性值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">

2020-10-07 22:14:28

Js中process.nextTick,setImmediate,setTimeout,Promise.then,async/await终极异步执行顺序全解析

虽然大家知道async/await,但是很多人对这个方法中内部怎么执行的还不是很了解await做了什么处理从字面意思上看await就是等待,await 等待的是一个表达式,这个表达式的返回值可以是一个promise对象也可以是其他值。很多人以为await会一直等待之后的表达式执行完之后才会继续执行后面的代码,实际上await是一个让出线程的标志。await后面的函数会先执行一遍,然后就会跳出整个async函数来执行后面js栈后面的代码。等本轮事件循环执行完了之后又会跳回到async函数中等待await

2020-09-28 22:09:07

详解Symbol(自定义值,内置值)-------小小的Symbol,大大的学问

ES6 引入了一种新的原始数据类型 Symbol,表示独一无二的值。它是JavaScript 语言的第七种数据类型Symbol 特点:1. Symbol 的值是唯一的,用来解决命名冲突的问题,即使参数相同// 没有参数的情况let name1 = Symbol();let name2 = Symbol();name1 === name2 // falsename1 === name2 // false// 有参数的情况let name1 = Symbol('flag');let .

2020-09-02 16:05:44

TCP的队首阻塞

紧接上篇博客采用http2解决队首阻塞,但可能会产生TCP阻塞的问题TCP发生队首阻塞的原因:HTTP/2虽然可以解决http队首阻塞问题,但是 TCP 层面的队首阻塞是 HTTP/2 无法解决的(HTTP 只是应用层协议,TCP 是传输层协议),TCP 的阻塞问题是因为传输阶段可能会丢包,TCP是一个按序传输的通道,一旦丢包就会等待重新发包,阻塞后续内容传输TCP的队首阻塞问题,我们经常会在http2协议中去讨论,因为http2中TCP通道很少,可能只有一个在http2中丢包了会怎么办?采用

2020-08-29 19:23:01

HTTP详解长短连接,管道化,队头阻塞及它们之间的关系

希望能耐心看下去,篇幅比较长,我尽可能详细的去叙述,总结清楚Http 长连接 和 短连接:早期的 HTTP协议,如HTTP0.9之前也被称为是“无连接”的协议。不会与服务器保持长期的连接状态,所以也称为短连接,短连接每一次的请求都需要重新建立TCP连接,有10个请求就需要建立10次TCP连接,这个效率,可想而知是非常低的到Http1.0就出现了长连接的通信方式,解决了短连接多次建立TCP连接的痛点,现在Http1.1基本都是默认开启Connection: keep-alive 长连接的, TCP连接

2020-08-29 16:55:20

react独特的事件机制(react-events)

react事件机制独特在哪里?function ActionLink() { function handleClick(e) { e.preventDefault(); console.log('The link was clicked.'); } return ( <a href="#" onClick={handleClick}> Click me </a> );}当我们在组件上设置事件处理器时,React内.

2020-08-19 18:17:31

react中setState()是异步的还是同步的,如何控制?

上上篇博客我讲了setState() 的批处理合并,而setState()是异步的还是同步的,和setState() 的批处理有很大的关系,推荐先看完上上篇博客再来看这篇,会清晰很多地址如下:setState()批处理,合并策略,控制批处理----batchUpdatessetState()是异步的还是同步的?先看异步的情况:import React, { Component } from 'react';class com2 extends Component { state =

2020-08-16 16:36:48

React-hooks的useEffect模拟componentDidUpdate生命周期

先回忆一下:class组件中的componentDidUpdate生命周期是初次渲染完后,当接收的props,state改变时或者this.forceUpdate()就会调用函数组件中的useEffect可以看做 componentDidMount,componentDidUpdate和componentWillUnmount 这三个函数的组合useEffect( ()=>{ } )只有第一个参数的时候此时相当于componentDidMount + componentDidUpdat

2020-08-15 18:14:59

setState()批处理,合并策略,控制批处理----batchUpdates

之前一直在做vue开发,可能对vue了解的多一些,也期待vue3的发展,但是近期想开始整明白react背后的事情react开发对setState的使用可能一点也不陌生,但肯定会碰到过这种情况import React from 'react'export default class BatchedDemo extends React.Component { state = { number: 0, } handleClick = () => {

2020-08-15 16:25:04

css实现容器(宽高不等的)内部自适应的正方形

先来看需求:容器(宽高不等的)内部自适应的正方形方案一:设置垂直方向的 padding 撑开容器在 CSS 盒模型中,一个比较容易被忽略的就是 margin, padding 的百分比数值计算。按照规定,margin, padding 的百分比数值是相对 父元素宽度的宽度计算的。由此可以发现只需将元素垂直方向的一个 padding 值设定为与 width 相同的百分比就可以制作出自适应正方形了:代码如下:<!DOCTYPE html><html lang="zh">

2020-08-14 20:09:17

css实现下划线的最佳实践及其他方式

开发中下划线效果挺常见的,使用频繁,特别用于对一些文章的内容做一些层次区分,重点分明,用户体验也好,谈谈下划线的多种实现,以及最佳实践1、文字下划线的实现可以使用原生样式:text-decoration:underline.mark{ font-size: 22px; text-decoration: underline; text-decoration-color: red;}局限:没法调整下划线的位置,太贴文字了也不好看灵活性太差,用法太单一2、边框法,就.

2020-08-11 15:04:26

url编码 及 js中url编码的api和应用

在因特网上传送URL,只能采用ASCII字符集,即是常说的get请求只能使用ASCII 字符也就是说URL只能使用字母和数字[0-9a-zA-Z]、一些特殊符号$-_.+!*’()[不包括双引号]、以及某些保留字(空格转换为+),才可以不经过编码直接用于URLRFC文档的建议:这意味着 如果URL中有汉字或者不在ASCII字符集中的特殊符号,就必须编码后才能使用。对于非ASCII字符,RFC文档建议使用utf-8对其进行编码得到相应的字节,然后对每个字节执行百分号编码可以看到a!@$%%5E&

2020-08-09 16:23:58

你不知道的passive event listener-让移动端滑动体验起飞(优化页面滑动)

优化前和优化后的对比事情的起因是在腾讯面试的时候被问到了,被吊打了,自闭了,想想也不冤,因为以前确实从来没碰到过这样的问题,如果以前碰到过还回答不出来,我就去撞墙了先来个场景:<script type="text/javascript"> document.addEventListener("touchstart", function(e){ e.preventDefault() }) </script>当你去测试时:报错了:Unable t

2020-08-07 01:21:10

惊!把vue项目改成electron桌面端应用如此简单

以前vue项目改成桌面端我记得是比较麻烦的,要配置很多的依赖项,没想到现在就是执行几行命令就完事了目标:尝试把此项目改成桌面应用 在项目根目录下执行如下命令:vue add electron-builder安装过程中会提示选择版本,一般有三个版本可以选择,选择最新的版本就可以了安装完成后:1.执行npm run serve 正常打开网页端项目2.执行npm run electron:serve 打开桌面端应用想打包桌面端应用,执行如下命令npm run electron:build

2020-07-31 16:02:33

npm报错,npm.cmd无法运行,系统找不到指定的文件/运行输入cmd打不开的问题

今天不知道咋了,安装包的时候突然提示这个,我以为node卸载了,node -v查看了下,发现有呀,于是我重新下了一个node最新版本的安装包,重新安装覆盖了下,发现问题依然在于是我进入node的安装目录,看看这里有啥问题没,然后发现node目录下的npm.cmd无法正常打开,于是我尝试下cmd能打开不我没辙了,去百度查了下,找到答案如下:于是我去问同为window10系统的人复制了一份cmd.exe执行文件,就把问题解决了,太坑了,卡了我一个小时...

2020-07-30 23:55:10

手写bind(),call(),apply(),防抖和节流实现,及常用的数组api

手写xxx并不是说一定要在开发中去用才有意义,也不是为了覆盖原生提供的方法,而是培养自己的思维方式,学习下这种实现思路,让自己对方法的运用更加通透bind,call,apply的实现;需要注意的是,bind的一种特别用法:通过bind改变完this指向后返回的函数,调用的参数也算在内的哦 function fn(a, b) { console.log(a, b) console.log(arguments) } var newFn = fn.bind(this, 1, 2)

2020-07-30 21:56:01

解决async/await中promise返回reject报错的问题,浅谈js异常捕获的历程

javascript我觉得印象深刻的两大特点,单线程和异步,单线程不说了,今天来说下异步吧,这星期我碰到的一个问题,这是我以前没有留意到的,异步编程步步都是坑,正常的思维方式应该是同步的,而异步思维没经过训练,很容易犯错,我想啊,promise用async,await优化,不仅是为了更优雅的书写,和阅读,通过优化把异步代码写成同步,也是为了更加符合人正常的思维方式正常的异常捕获: try { throw new Error(3) } catch(e) { console.log(e)

2020-07-26 17:26:49

react16知识点总结,试图一篇搞定react16

接触react有段时间了,有需求就做一次总结吧,为同学,为友人,也为同行,更为大环境,如有错误还望指出当然,这只是react16的基本使用,里面没说react-hook,和redux,因为说这两个庞然大物又是一篇长文章了react16知识点目录:react的基本概念:jsx的理解:Render函数:react列表渲染,遍历数组:组件化开发:受控组件和非受控组件:推荐使用受控组件Props数据传递:父传子,子传父props验证和默认值:state状态

2020-07-24 23:46:08

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。