- 博客(28)
- 收藏
- 关注
RSS订阅原创 react合成事件与原生事件区别备忘
朋友问起在做一个下拉框组件，下拉的点击事件是用react的onClick触发，外部区域点击关闭则用dom的原生点击事件绑定，问题是下拉的点击事件无法阻止冒泡到dom的原生事件。我说，react的合成事件 和 原生事件是不一样的，尽可能不要混用，不然很绕。翻开之前在codepen写的demo也把自己绕晕了一下。react的合成事件，注入onClick等事件，是在根元素上事件代理模拟的。react 16.8.0和之前的版本，是在document上事件代理，react 17则是在root。
2024-04-18 20:53:30
558
原创 让css失效的方法
通过document.styleSheets 找到对应的样式成员，给它设置disabled属性为true即可，document.stylesSheets可以获取到页面的样式，不止是link标签的，style标签也可以。
2024-04-15 00:21:00
314
原创 油猴脚本-微信文章dark模式影响阅读
找了几篇文章不得其解，后来看了下mac系统设置，我在外观上选了自动。但这不是我想要的结果，说好的写脚本呢，系统的配置我还是保留，既然prefer-color-scheme我们搞不了，那且浅看下[data-weui-theme=dark]这个属性选择器。页面加载->给body添加data-weui-theme: light -> 把带js_darkmode__1的移除掉样式->搞定。看到了 prefer-color-scheme的媒体查询，以及 [data-weui-theme=dark] 的属性选择器。
2024-04-11 20:48:22
217
原创 gitconfig区分工作和个人账号
用git，一般会有个人账号比如github的账号，也会有工作上的gitlab等的账号。一般~/.gitconfig 会有git账号和邮箱配置，这个一般就是全局的了，可以在一些目录里运行git config user.email 查看正使用的邮箱。而且在githubs本目录下似乎git config user.email拿不到信息,或者拿到全局的(~/.gitconfig 配置的user)比如我在Documents/githubs目录放的是开源的项目，在Documents/works 目录放的是工作的项目。
2024-03-31 21:27:20
474
原创 npm_config_xxx
问题：`npm run log` 和 `yarn log` 有没有区别？首先这里读到了npm_config_foo变量，那么这个变量怎么来的呢？设置变量 foo 为123， 同时会往 .npmrc （用户主目录） 写入 foo=123 的配置信息 （永久）同时，nodejs脚本可以通过process.env.npm_config_foo读取到123还有其他设置么？有 --xxx=yyy 的形式，优先级最高yarn task 不支持 --foo=123。
2024-02-07 20:05:35
709
原创 antd 日期选择框增加季度预设范围
获取当前一季度的开始日期时间： moment().quarter(1).startOf('quarter')测试同学说想要有个季度的预设选择框，方便快速选择季度的开始和结束日期。实现方法很简单，按照官网示例用moment初始化一下即可。antd 的rangepicker是支持预设的。
2024-01-24 20:37:44
475
2
原创 img 跨域 和 缓存
当使用缓存时，img请求的图片没有响应头Access-Control-Allow-Origin，再次用js来fetch图片时复用了缓存请求，响应头并没有Access-Control-Allow-Origin，浏览器认为这个请求不支持跨域。当不使用缓存时，fetch图片时重新发起了请求，此时响应头返回了Access-Control-Allow-Origin，支持跨域，于是正常。一个奇怪的问题，明明图片那边配置了允许跨域，但在禁用缓存的情况，js fetch 图片都正常。图片所在域名是 b.com。
2023-12-27 20:59:28
1032
原创 mac下使用puppeteer-core demo
因为本来电脑就有chrome，不想puppeteer装多一个chrome，于是只安装了puppeteer-core，那就需要在launch的时候，传入executablePath来指定chrome浏览器。因此，只要跑一次，手动登录一下，下回再跑脚本，就不需要手动登录了。当然，如果目标系统有做一些时效处理的话，可能下回再跑脚本，缓存过期还是得手动登录了。许久没用过puppeteer了，最近看了篇文章，貌似能解决puppeteer访问一些需要登录的系统时每次都要手动登录的麻烦。
2023-06-03 23:27:28
1044
原创 antd datepicker 月份、周未展示中文问题
虽然项目有设置全局ConfigProvider的locale，但似乎从输出的locale来看（来自 antd/lib/locale/zh_CN），缺少了monthFormat和shortWeekdays两个配置项，一个是展示月份的配置，一个是展示周的配置。项目在用antd 4.18.9 时，遇到datepicker 月份和周都没正常展示中文。后面全局配置locale就不再直接用antd/lib/locale/zh_CN的了。那既然如此，不妨自己扩展一下locale，补上缺失的配置项。
2023-02-22 09:30:23
956
1
原创 umi 创建的页面在手机上报globalThis undefined
umi dev后的页面，在手机上访问时，报 .umi/core/terminal.ts globalThis.console 找不到globalThis。但是，报错的位置是.umi，实际上是在src的js之前，所以会有问题，更简单的解法是直接在.umirc上加上对globalThis的赋值。在一些手机，尤其是买了就没升过系统的iphone，比较常见的就是globalThis不存在了。是因为手机的浏览器版本较低，没有globalThis这个全局变量，直接报错。
2022-12-09 20:28:43
331
原创 js首尾指针
将一个数组里的数字中奇数放前面，偶数放后面。解法原理：在首尾设置指针，1.首部指针从头到尾遍历，一遇到偶数则停下2.尾部指针从后面往前遍历，一遇到奇数就停下3.首指针和尾指针的元素互换4.如果首指针和尾指针还没相遇，则继续第1步，否则结束此时数组元素就保证奇数在前，偶数在后了。代码如下：// const target = Array(10).fill(0).map((_,i)=>i+1);// 造个随机正整数组成的数组const target = Array(
2022-05-16 19:34:28
283
原创 daily CodeWars
每天都在codewars做题，刷题。记录一下。。CodeWarsJavascript filter - 1function searchNames(logins){ return logins.filter(function(login){return /_$/.test(login[0])});}The range() functionfunc
2014-08-20 01:20:28
3518
1
原创 Note-序列化时readObjectNoData的使用
今天在sf上看到关于java序列化的一个方法,作用问题。readObjectNoData>>问题链接不明所以然，于是google了下。后来题主给了我一个链接才看懂。于是自己试了一下，这里做一下记录。这里有stackoverflown的一个相关问题，不过都是英文，但是其中一个回答，在我看了上面一个链接用例之后，结合这个就看懂了。"Extendable" m
2014-07-31 00:04:05
2391
1
原创 liquid用法笔记
在折腾github上博客的时候, 遇到一些jekyll, 正确来说应该是Liquid用法的问题。于是一系列搜索之后终于找到了比较容易理解的文档>>关于Liquid的语法使用，看完一遍，就能愉快的在github上继续折腾博客了。有些看不大懂，没翻译。Liquid有两种标记类型：Output 和 Tag.Output标记，用于输出文本，格式采用 {{ 两
2014-07-24 23:29:03
17540
3
原创 python3初学应用-扒图
好久没写博客了，前段时间学了一下python语法，本着听说python很容易，然后就开始尝试学习一下这门语言，想着可以做点爬虫的东西吧。学了语法，没应用就不好玩了。刚好几个月前买了ukulele，爱上了这门乐器，就没事往网上搜谱子，刚好看到有个豆瓣相册很多谱子，而且还是大图清晰的，有些之前收集的，这里有清晰的，当然是直接更新过来的好，但是一百多张图片，每张都另存为多不爽，于是- -周末捣腾
2014-01-08 16:21:05
2343
原创 leetcode005:Add 2 numbers
Add Two NumbersYou are given two linked lists representing two non-negative numbers. The digits are stored in reverse order and each of their nodes contain a single digit. Add the two numbers an
2012-12-11 23:12:06
799
原创 leetcode004:add binary
莫非深夜真的coder最有灵感的时候？题目：/** * Given two binary strings, return their sum (also a binary string). * For example, * a = "11" * b = "1" * Return "100". * */思路：1.当字符串有一个为空或者为0时，相当于答案取决于另一个
2012-12-07 00:43:45
620
原创 leetcode003:4 sum
嗯嗯，这次是4sum题了。4SumGiven an array S of n integers, are there elements a, b, c, and d in S such that a + b + c + d = target? Find all unique quadruplets in the array which gives the s
2012-12-03 23:51:55
496
原创 leetcode002:3sum closest
我去，时隔好几天才真的来解决第二个问题，太懒了，没怎么去思考。还是参考了下网上其他人的做法，才知道自己想的太复杂了，在判断指针左右移的时候纠结了。但其实算法跟第一题大致相同的，同样的思路解决o^2问题，再者就是如何去判断是否靠近了，这部分需要注意的应该就是判断的是绝对值而不是单纯相减.public class Solution { public int threeSumClosest(in
2012-12-02 20:30:52
705
原创 leetcode001：3sum solution
leetcode网站，提供了一些算法题，还有内嵌了c++和java的编辑器，提供运行测试。所以决定弥补自己算法的不足，多学习多思考实现。第一道题就难倒我了= =||题目如下3SumGiven an array S of n integers, are there elements a, b, c in S such that a + b + c = 0?
2012-11-27 23:36:16
698
原创 关于转换mmap文件为mm文件[freemind]
背景：freemind是比较小型而又实用的思维导图软件，最近下了点学习资料，也有思维导图文件出现，但是是mind manager软件下的格式mmap，所以需要转换格式。所幸，网上搜到转换方法，特此一记.（因为有点麻烦的感觉）似乎没法转换具体笔记内容？首先附上参考资料：参考资料：1.转换资料参考http://www.cnblogs.com/jackei/archive/200
2012-11-10 18:24:02
9755
原创 ssh拦截器笔记
之前在培训学习中只是学到了关于request的设置session检查来实现登录验证，但是在ssh框架上，在每个页面都要写上那么几句条件语句和显示语句，实在不方便，而且会多了很多不明因素影响，以后关于系统的完善与改善工作，因此验证登录的功能应该放手给拦截器去做，而struts本身就
2011-10-03 10:39:43
1153
原创 Jquery学习，一道笔试题：关于表格
九月份的一次笔试中，看到一道web编程题，当时只是想着用jquery应该很好实现，但是对知识不是很熟，所以随便写写，回头又一直在想这件事，就开始一直在想着，想来想去都觉得有些障碍，后来问了一下flash的同学，他说他是用重绘的方式，昨天去吃饭的路上突然就想到了= =特此一记：
2011-10-03 10:34:51
739
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人