杂记
关注
分享
扫一扫
文章平均质量分 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 · 11275 阅读 · 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 · 1354 阅读 · 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 · 1341 阅读 · 0 评论 -
长短链接转换
把一个长链接https://xxx.com?aaa=123&bbb=456转换成一个短链接http://yyy.com/abcd这样的需求是挺常见的，今天写了写这个计算，单纯为了玩耍，离企业应用还差得远第一反应就是base64，因为看到了短链接里的字母和数字，但是base64越编码越长，所以是不满足要求的，那么就找个对象来存呗，所以我就写了个这样的 let urlMap = {};...原创 2019-07-19 10:07:41 · 2725 阅读 · 0 评论 -
多组件编辑页面思路总结
最近在写一个东西，类似下面这张图，左边是组件区，比如有文本、图片、列表等；中间是渲染区，把左边的组件拖动到中间区域，就可以渲染一个对应的组件出来；鉴于每个组件需要不同的渲染结果，所以右边提供对每个组件的渲染内容的设置，根据每个组件类型的不同，右边编辑区的设置项也不同。这个东西的使用场景是，让用户自定义页面，中间的渲染区是自定义页面的效果展示，组件区就是自定义页面上支持放置的组件。用react...原创 2019-02-25 18:11:39 · 951 阅读 · 0 评论 -
发布了@vzhufeng/hello-webpack
以前想要搭建一个前端工程随便搜索一下，按照文章一步步来就可以了，现在很多文章已经过期，相关的依赖已经不互相兼容了，前几天想搭建一个react的工程发现找了几篇文章都不行，create-react-app又相对比较重，要修改一些配置要了解它的配置的结构，想了想，就自己写了个简单的脚手架。安装npm install @vzhufeng/hello-webpack -g使用npm init，...原创 2019-02-17 14:55:08 · 141 阅读 · 0 评论 -
作为一个面试官如何准备一场面试
本人工作年限不多，作为面试官次数也不多，以下只是自己的思考和记录，不喜轻喷，经验老道的面试官以及非技术类的面试官就不要看了，浪费您的时间。从一次经历说起不知道第一次作为面试官去面试别人的时候，你是什么样的想法和做法，我陪同事面试过别人一次，那是那个同事第一次做面试官，同事上来就问了一些基础知识点，应该是事前准备的，不过没有写在纸上（我写这句是有意义的），面试的同学答的一般，然后就陷入了...原创 2018-05-19 23:24:53 · 5126 阅读 · 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 · 1533 阅读 · 1 评论 -
用马走完棋盘
起因是最近在玩《雷顿教授与恶魔之箱》，遇到一个问题，用马走完国际象棋的棋盘，试了试，挺难的，尤其是棋盘大了以后，所以就想到了八皇后，感觉差不多，然后就想，嗯，不如写个程序来试试，结果发现已经不记得八皇后怎么写了，所以先看了下八皇后怎么写。贴一下https://blog.youkuaiyun.com/gohike/article/details/53359691这篇里的实现var n = 8;var ar...原创 2018-10-11 09:50:57 · 861 阅读 · 0 评论 -
关于CSRF的一点记录
参考文章 http://www.vuln.cn/7134/首先，参考文章写得非常棒，最近在看个东西，正好看到X-XSRF-TOKEN这个头，之前没见过，所以就查了下，貌似是防御xsrf攻击用的，自己对xsrf不甚了解，所以就查了些文章，其中参考文章是写得最详细的了，记录一下自己的理解过程。很多文章里都提到了，xsrf是自己建一个网站A，然后你知道B网站有个请求get，然后有人登录过B，又...原创 2018-07-26 21:51:40 · 666 阅读 · 0 评论 -
光标位置插入文本
摘自 https://blog.youkuaiyun.com/gisredevelopment/article/details/29255147纯记录，没啥可说的<html> <head> <script type='text/javascript'> function test(str){ var tc = document.getE...转载 2018-06-19 17:17:38 · 1055 阅读 · 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 · 666 阅读 · 0 评论