![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
杂记
文章平均质量分 55
vzhufeng
这个作者很懒,什么都没留下…
展开
-
react-hooks踩坑:invalid hook call
最近在写一个react组件的时候,遇到了这个问题,因为这个组件是想作为npm包使用,然后在组件里面使用了useEffect,这个组件本身的package.json里安装了react和react-dom作为devDependencies,另外建了测试工程,测试工程里单独装了react和react-dom,用npm link的方式来测试这个组件,然后就遇到这个报错1. You might have mismatching versions of React and the renderer2. You mi原创 2020-08-05 09:56:41 · 10868 阅读 · 0 评论 -
webpack+babel打包出的class是怎么个实现
某天突然想看看ES6的class是怎么个实现法,就随便写了个简单的例子试了试,先看例子// add.jsexport default class Add { add(a, b) { return a + b; } minus(a, b) { return a - b; } static hah() { console.log("hah"); ...原创 2020-02-13 16:48:28 · 1279 阅读 · 0 评论 -
CSP简介
参考文章:https://cloud.tencent.com/developer/article/1411746CSP全称Content-Security-Policy,内容安全策略,它的主要作用是尽量降低XSS跨站脚本攻击的可能,CSP可以在meta标签和HTTP头中使用。比如Content-Security-Policy: img-src 'self'这个响应头表示图片的src只能加...转载 2019-07-24 21:38:56 · 1129 阅读 · 0 评论 -
长短链接转换
把一个长链接https://xxx.com?aaa=123&bbb=456转换成一个短链接http://yyy.com/abcd这样的需求是挺常见的,今天写了写这个计算,单纯为了玩耍,离企业应用还差得远第一反应就是base64,因为看到了短链接里的字母和数字,但是base64越编码越长,所以是不满足要求的,那么就找个对象来存呗,所以我就写了个这样的 let urlMap = {};...原创 2019-07-19 10:07:41 · 2656 阅读 · 0 评论 -
多组件编辑页面思路总结
最近在写一个东西,类似下面这张图,左边是组件区,比如有文本、图片、列表等;中间是渲染区,把左边的组件拖动到中间区域,就可以渲染一个对应的组件出来;鉴于每个组件需要不同的渲染结果,所以右边提供对每个组件的渲染内容的设置,根据每个组件类型的不同,右边编辑区的设置项也不同。这个东西的使用场景是,让用户自定义页面,中间的渲染区是自定义页面的效果展示,组件区就是自定义页面上支持放置的组件。用react...原创 2019-02-25 18:11:39 · 922 阅读 · 0 评论 -
发布了@vzhufeng/hello-webpack
以前想要搭建一个前端工程随便搜索一下,按照文章一步步来就可以了,现在很多文章已经过期,相关的依赖已经不互相兼容了,前几天想搭建一个react的工程发现找了几篇文章都不行,create-react-app又相对比较重,要修改一些配置要了解它的配置的结构,想了想,就自己写了个简单的脚手架。安装npm install @vzhufeng/hello-webpack -g使用npm init,...原创 2019-02-17 14:55:08 · 126 阅读 · 0 评论 -
作为一个面试官如何准备一场面试
本人工作年限不多,作为面试官次数也不多,以下只是自己的思考和记录,不喜轻喷,经验老道的面试官以及非技术类的面试官就不要看了,浪费您的时间。从一次经历说起不知道第一次作为面试官去面试别人的时候,你是什么样的想法和做法,我陪同事面试过别人一次,那是那个同事第一次做面试官,同事上来就问了一些基础知识点,应该是事前准备的,不过没有写在纸上(我写这句是有意义的),面试的同学答的一般,然后就陷入了...原创 2018-05-19 23:24:53 · 5055 阅读 · 2 评论 -
Modern Code Review翻译
原文Modern Code Review: A Case Study at Google如果觉得看了之后没什么卵用,请别骂我,骂作者去。我个人也觉得干货不多只翻译比较有用的第四、五、六章,另外几章看标题就知道写了啥。省略了一些冗余陈述。1 介绍2 背景和相关工作3 研究方法7 讨论8 结论4 研究结果:动机我们试图理解开发人员在Google进行code review时的动机和期...翻译 2018-10-15 21:57:18 · 1479 阅读 · 1 评论 -
用马走完棋盘
起因是最近在玩《雷顿教授与恶魔之箱》,遇到一个问题,用马走完国际象棋的棋盘,试了试,挺难的,尤其是棋盘大了以后,所以就想到了八皇后,感觉差不多,然后就想,嗯,不如写个程序来试试,结果发现已经不记得八皇后怎么写了,所以先看了下八皇后怎么写。贴一下https://blog.csdn.net/gohike/article/details/53359691这篇里的实现var n = 8;var ar...原创 2018-10-11 09:50:57 · 805 阅读 · 0 评论 -
关于CSRF的一点记录
参考文章 http://www.vuln.cn/7134/首先,参考文章写得非常棒,最近在看个东西,正好看到X-XSRF-TOKEN这个头,之前没见过,所以就查了下,貌似是防御xsrf攻击用的,自己对xsrf不甚了解,所以就查了些文章,其中参考文章是写得最详细的了,记录一下自己的理解过程。很多文章里都提到了,xsrf是自己建一个网站A,然后你知道B网站有个请求get,然后有人登录过B,又...原创 2018-07-26 21:51:40 · 615 阅读 · 0 评论 -
光标位置插入文本
摘自 https://blog.csdn.net/gisredevelopment/article/details/29255147纯记录,没啥可说的<html> <head> <script type='text/javascript'> function test(str){ var tc = document.getE...转载 2018-06-19 17:17:38 · 1039 阅读 · 0 评论 -
记录一个全排列组合的js实现
忘了自己是要写什么东西来着,反正最后涉及排列组合,写了个玩思路:递归,从两个数开始往上推,2个数的时候是1,2和2,1,然后3个数的时候就把3插入到1,2和2,1的3个空位里去,分别是两头和中间,依次类推var temp = [];// 把目标数插入空位function moveArr(index, arr){ let arr_t = arr.slice(); arr_...原创 2018-05-20 21:45:02 · 645 阅读 · 0 评论