愚墨的博客
  • 首页
  • 前端技术
  • 面试
只争朝夕不负韶华
React

Recoil新手指引

Recoil作为facebook官方提出的状态管理,与react结合度还是很不错。 核心概念 使用Recoil,您可以创建一个数据流图,数据从atoms(共享状态)通过selectors(纯函数)一直注入到React组件。atoms是组件可以预订的状态单位。selectors可以同步或异步转换此状态。 atoms atoms是状态单位,它们是可更新和可订阅的,当atoms被更新时,每个订阅的组件都将使用新值重新呈现(重新render)。 它们也可以在运行时创建,可以使用atoms来代替React本地组件状态。如果多…

2021年01月18日 0条评论 2982点热度 0人点赞 阅读全文
React

Redux Hook 使用方法

新公司学习阶段,代码大多数是使用redux来做状态管理,并且使用Hooks。虽然之前了解,但是没有在实际项目中使用过。写一个小的Demo 供大家参考。 React Redux在19年6月11日发不了的7.1版中提供了对Hooks的支持(之前大多是使用一个redux-react-hook来做)。这我们就可以不使用高阶HOC的方式了。 具体什么是Hook我就不介绍了,不懂的请自行查看react官方文档。 react-redux 提供了两个Hook用来替代connect。 useSelector useSelector是…

2020年12月28日 0条评论 2771点热度 0人点赞 阅读全文
tools

Mac安装brew最佳操作

在Mac上安装环境和软件时,brew比较常用。brew的安装在国内也不是特别友好,经常报各种错误。 Warning: The Ruby Homebrew installer is now deprecated and has been rewritten in Bash. Please migrate to the following command: /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/mast…

2020年12月27日 0条评论 1681点热度 0人点赞 阅读全文
tools

前端常用在线工具集合

前端常用在线工具集合 图片类 背景图片 unsplash.com 大量高清背景图片 千图库 588ku.co 千图网是中国素材最多的网站之一,拥有800多万张素材 免版权图片 picjumbo.com lifeofpix 一个高质量的图片网站 pixabay 有超过180万种高质量的图片,视频和音乐。 pexels 随机生成大小图片 source.unsplash.com 墙裂推荐!!!在我们需要一些特定大小的图片的时候,这个网站尤为方便,比如我们想要一个100*100的图片,只需要改对应的尺寸大小就行,比如 ht…

2020年12月14日 0条评论 1765点热度 0人点赞 阅读全文
前端技术

20下半年面试题-webpack

看其他的人写webpack的面试题写的就差不多是把文档抄了一遍。作为学习资料还行,真正面试中面试官不会问出API如何使用等类似问题。此类问题最没有价值。 在面的这六七家公司中,关于webpack方面问的最多的问题就2个。 webpack loader和plugin的区别 该问题问的最多,只要你了解webpack基本都能说上来 - webback中js作为一等公民,loader 赋予了webpack处理其他类型文件的能力,比如css、图片等。 - plugin是用来增强文webpack的能力,让webpack有更多的…

2020年12月04日 0条评论 2534点热度 0人点赞 阅读全文
React

近期面试汇总-react

React中Key的作用 key的作用主要是用来减少没必要的diff算法对比。 key是一个组件、节点的身份标识,在rerender时,可以通过key来判断该组件是否已经存在,是否需要跟新或者销毁,新建等操作,提高了diff算法在同级节点上的操作。 setState是同步还是异步更新 同步代码下异步执行,异步代码下同步执行。可以看这里 触发多次setstate,那么render会执行几次 看上道题中的链接,就知道答案了。 setState之后干了什么 setState 执行 enqueueUpdate,并且执行Re…

2020年11月30日 0条评论 1908点热度 0人点赞 阅读全文
前端框架

MVC、MVP、MVVM

MV* 是指各种 MVC、MVP、MVVM 等 Web 设计模式,通过分离关注点来改进代码的组织方式,设计模式并不是凭空的创造,而是对复杂问题解决的不断提炼,即使没有看过这些设计模式的介绍,也许在日常开发中就已经使用了其中的思想 最简单的例子 用一个最简单的例子来展示各种设计模式 页面有一个 id 为 container 的 span,点击按钮会让其内容加 1 <div> <span id="container">0</span> <button id="btn" oncl…

2020年11月30日 0条评论 1964点热度 1人点赞 阅读全文
前端技术

http2 相关知识

http1的缺点 线头阻塞:方式为,若干个请求排队串行化单线程处理,后面的请求等待前面请求的返回才能获得执行机会,一旦有某请求超时等,后续请求只能被阻塞,毫无办法,也就是人们常说的线头阻塞; 没有充分的利用TCP链接: HTTP 1.x 中,如果想并发多个请求,必须使用多个 TCP 链接,且浏览器为了控制资源,还会对单个域名有 6-8个的TCP链接请求限制 http2优点 多路复用:最有价值的优点,解决了线头阻塞的问题,允许单一的http2连接可以发送多重的请求和响应,充分的利用TCP。 使得 资源分域名、雪碧图、…

2020年11月25日 0条评论 1635点热度 0人点赞 阅读全文
前端技术

专科毕业-四年前端拿大厂offer - 面试总结

在网络上白嫖了这么多年技术,现在也想输出一点自己粗陋的见解,希望可以帮助到你,砥砺前行。 四年多的时间,我从抓耳挠腮的菜鸟到可以独当一面高T,薪资涨幅超过1000%,10倍不止。这一切都要感谢公司提供的平台、自己付出的努力、同事伸出的援手。 关于我 程序员中的底层卑微人士的我,于16年毕业于一所不知名的专科学校。空有一番豪云壮志的我便试图开始开始混迹于大神云集的程序员行业。 工作经历 在前端开发大肆流行的风口,走出学校的我凭借着切图码页面的功底, 在一个二线城市找到了一份温饱的工作,月薪 2900 、没有五险一金、…

2020年11月22日 0条评论 2177点热度 0人点赞 阅读全文
nginx

DOS 日常攻击🐔

记一次DOS攻击和解除攻击 近期开始投简历准备看看新的机会,简历中附带了博客地址,没想到碰到了DOS攻击了。 一个头条的开发同学和我说博客502了,我试了一下,我本地访问正常,但是巨慢,响应时间长达40s,再没查明原因的时候重启了服务器,然而依旧没什么卵用。依旧很慢且502很频繁。 当时想的会不会是前几天经典网络换成专线网络导致的,但是一想应该不会。 502 bad gateway产生的大多数原因都是由于连接超时,我们向服务器发送请求,由于服务器当前的链接数太多,导致服务器无法给于正常的响应,才会产生502 bad…

2020年09月22日 0条评论 1954点热度 1人点赞 阅读全文
12345…11
搜搜看看
历史遗迹
  • 2022年9月
  • 2022年3月
  • 2022年2月
  • 2021年5月
  • 2021年4月
  • 2021年1月
  • 2020年12月
  • 2020年11月
  • 2020年9月
  • 2020年7月
  • 2020年5月
  • 2020年4月
  • 2020年3月
  • 2020年1月
  • 2019年5月
  • 2019年3月
  • 2019年2月
  • 2019年1月
  • 2018年9月
  • 2018年3月
  • 2018年2月
  • 2018年1月
  • 2017年11月
  • 2017年7月
  • 2017年6月
  • 2017年3月
  • 2017年2月
  • 2017年1月
  • 2016年12月
  • 2016年11月
  • 2016年9月
  • 2016年8月
  • 2016年7月
  • 2016年6月
  • 2016年5月
  • 2016年4月
  • 2016年3月
  • 2016年2月
  • 2016年1月
  • 2015年12月
  • 2015年10月
  • 2015年9月
  • 2015年7月
  • 2015年6月
  • 2015年4月

COPYRIGHT © 2020 愚墨的博客. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS