前端
一个不安分的程序员
愿做技术社区的一股清流,让技术帮助更多的人,分享编程感悟,成长我们一直在路上
展开
-
Windows特殊名称文件夹删除
突然想到要是在Linux下开发就好了,应该就不会遇到这么奇葩的问题了, Linux?也许可以试下Git Bash. 在Windows下可以执行bash命令的工具。直接使用Linux下常用的ls命令找到需要删除的文件夹名称,再使用rm -rf删除文件夹,so easy。删除build时可以看到build后面是有个空格的,用dir看着不明显,用ls就明显多了.使用React开发的前端项目,指定build输出路径是创建出了俩个特殊的文件夹。尝试下载删除文件夹的工具也没找到靠谱的下载地方。原创 2023-07-19 11:14:31 · 407 阅读 · 0 评论 -
nextjs13 webpack5 使用wasm报错
问题描述:在next 13, webpack 5, react 18的项目中使用Rust编写的wasm报错: ./node_modules/image-map-path/image_map_path_bg.wasmModule parse failed: Unexpected character '' (1:0)The module seem to be a WebAssembly module, but module is not flagged as WebAssembly mo原创 2022-12-08 10:24:33 · 1492 阅读 · 0 评论 -
React18报consider converting part of this to a Client Component
Next13 app目录下的组件默认都是server side的, 但onChange是需要在Client Side处理的也就是在浏览器上处理,所以需要声明组件是client side的,怎么声明呢?搜索了白天最后找到Next的官方文档就一句话: 在文件的开头写上。原创 2022-11-22 21:17:52 · 1482 阅读 · 1 评论 -
webpack react npm start报错解决 ERR_OSSL_EVP_UNSUPPORTED
也可以每次执行npm start时设置 NODE_OPTIONS=--openssl-legacy-provider npm start。使用最新的npx create-react-app my-app创建了个react项目。原创 2022-11-17 20:13:35 · 2911 阅读 · 0 评论 -
Chrome关闭非安全站点证书检查
问题描述:在测试使用Https的网站时由于用的是自己生成的证书,使用Chrome访问时总是提示非安全站点,您的链接不是私密链接,总之需要手动多点几次才能看到要访问的页面.解决方法:测试时启动Chrome添加参数:--ignore-certificate-errors如:C:\Program Files\Google\Chrome\Application\chrome.exe --ignore-certificate-errors在使用自动化测试Selenium、jvppet.原创 2021-11-30 08:48:29 · 9066 阅读 · 0 评论 -
D3鼠标右键位置新加节点找不到问题解决
问题描述:一个用d3做数据可视化的关系图分析项目,客户提出可以自定义新增节点的功能。新增的节点需要显示到鼠标右键点击的位置。功能上线后发现有时新增节点的位置是正确的,但有时候并不在鼠标右键点击位置.解决方法:不能直接使用鼠标右键点击位置坐标做为新增节点的位置坐标。需要使用d3.zoomTransform(画布节点);获取画布的偏移坐标x,y.然后使用使用鼠标右键点击坐标x,y分别减轻画布偏移坐标x,y才是正确的新增节点在画布中的位置坐标.此问题主要是使用了d3.原创 2021-06-11 14:51:04 · 379 阅读 · 1 评论 -
SVG Text不能点击
问题描述:使用d3绘制了个关系图,在表示关系的链接上有文本说明,想通过双击文本实现查看详情操作,但无论对文本元素Text添加双击(dblclick)还是单击(click)事件监听都不能触发。解决方法:去掉链接文本的样式:pointer-events: none;解决过程:首先想到的是不是因为浏览器兼容性Text不支持鼠标事件监听,所以就通过控制台手工添加了几个Text验证,验证通过。又怀疑是不是跟用了TextPath有关,再次验证通过。好久没用过SVG了,是.原创 2021-05-12 10:04:32 · 854 阅读 · 3 评论 -
怎么使用lodash实现倒序排列字符串
今天遇到一个需要对数组进行排序的需求,不但要支持正序ASC(从小到大)还需要支持倒序DESC(从大到小).当然可以调用数组的sort方法实现,看页面中已经加装了lodash想着应该有更简单的方法:就试图使用lodash实现数组排序,实现排序的方法也很简单:_.sortBy比如有数组:[1,2,3,9,0]正序排列可以:>var nums = [1,2,3,9,0];>_.sortBy(nums);(5)[0, 1, 2, 3, 9]那要倒序排列呢? 看了...原创 2021-01-05 15:10:16 · 5032 阅读 · 0 评论 -
Vbox虚拟机内在共享目录中创建软链接失败
使用yarn运行一个前端项目时报了个错:tianlang@tianlang-VirtualBox:/data/code/java/master$ yarnyarn install v1.22.10$ echo $npm_execpath | grep -q yarn || echo '\033[0;33mSorry, npm is not supported. Please use Yarn (https://yarnpkg.com/).\033[0m'[1/5] Validating p原创 2020-12-22 14:49:07 · 1344 阅读 · 0 评论 -
一起学React
一起学React在实际工作中,经常会遇到一些同学不知道怎么学习新技术,其中有些同学由于英语基础薄弱不愿意阅读英语文档,基于此记录下自己学习的过程分享出来希望能帮到一些人 早起打卡读书,欢迎关注订阅,一起早起打卡读书、一起学习、一起成长、一起传播正能量……一起学React 一个在国外用的很多在国内用的也慢慢多起来的学起来有点小难的前端框架 开始一起学React 2020021201 开始一起学React第2期 一个有点难的前端框架 开始一起学React第3期 开原创 2020-08-08 22:59:14 · 145 阅读 · 0 评论 -
神出鬼没的this
就这么简单? 这也不神出鬼没啊。 鬼那能容易看到,如果那么容易看到也就不叫鬼了,接着往下面看:原创 2020-07-27 12:29:43 · 247 阅读 · 0 评论 -
你真的学会JavaScript了吗?
请听题,请在评论区或在心中给出以下代码的执行结果:var arr = [];for(var i = 0; i < 3; i++) { arr.push(function() {console.log(i)});}arr[0]();arr[1]();arr[2]();parseInt("678tianlangstudio");+"678tianlangstudio";1 + "678tianlangstudio";写好答案了吗?要公布答案了哦012NaN6.原创 2020-07-17 12:59:06 · 265 阅读 · 3 评论 -
React注意事项文档摘录,可做面试题
这里是一些使用React时候需要注意的一些点,你可以在看的时候自行加上“为什么?”“React是不可以...?”这样就可以变成面试题了1.We split JSX over multiple lines for readability. While it isn’t required, when doing this, we also recommend wrapping it in pare...原创 2020-05-05 11:16:36 · 317 阅读 · 0 评论