react 继续踩坑

4 月 12 日
阅读 2 分钟
49
react-pdf@7.7.1腾讯一篇文章效果像是我们想要的,去翻看其使用到的react-pdf wikiHighlight text on the page,是遍历整个pdf内容,将每块内容切成小块跟你提供的text去匹配,匹配成功则高亮,而我们提供的text一般都是段落很长,这会导致有很多地方的小块内容被text匹配上,从而匹配的结果看起来像是狸花猫,而不是指...

umi 4 踩坑

1 月 30 日
阅读 2 分钟
396
这还不够,输入的时候vscode没法提示变量名,这时候Less IntelliSense出现啦,可以愉快的引用公共less变量了,对mixin也支持的。当然不做全局配置,直接在less文件@import '~@/less/variable.less';也是可行的,全局配置就是不用每次在less文件中引入。

chrome devtools 技巧

2023-12-31
阅读 1 分钟
177
在前后端联调的时候,往往后端的数据会出现问题,这时候通知后端改接口,改数据,他们修改发布需要个过程,而前端很想把当前的功能调通,这个时候可直接在devtools修改接口返回的数据,简直不要太香。具体怎么操作可移步 Chrome 117 重大更新:Network 面板就能发起 Mock 请求 !!!

怎样写个sdk嵌套到别的项目?

2022-06-16
阅读 4 分钟
1.3k
需求:客户的项目需要用我们的功能,且需要提供个modal嵌入到他们的项目里,在他们的table中点击对应的item,弹出我提供的modal。解决方案项目使用cra构建,使用webpack@5.70.0的library导出为一个库给第三方使用, 官方教程创建 library {代码...} 这样的话客户就可以直接window.Geek.showModal()调用我们的弹窗index.js...

styled-components

2022-04-11
阅读 1 分钟
1.3k
报错信息:Warning: React does not recognize the markRedxx prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase markredxx instead. If you accidentally passed it from a parent component, remove it from the DOM element.

docker 踩坑

2021-07-13
阅读 4 分钟
8.3k
上传了web到NGINX,通过 docker export -o mynginx.tar [contianer id]构建出container文件,将文件拷贝到另一台装有docker的机器,运行docker import mynginx.tar 得到repository跟tag字段都是没有数据的,原来docker import 也有额外的参数但是通过该镜像启动容器又报错了docker: Error response from daemon: No comm...

webpack 相关

2021-01-22
阅读 1 分钟
1.1k
一直认为凡是ES6的代码编译为ES5都是要通过babel,然后做了尝试,运行webpack首页代码,并没有配置babel,编译出来的代码照样可以跑,这里webpack的编译目标环境为web,(即是默认的目标环境,其他的环境还没测试),虽然es module不依赖babel,但是其他ES6的语法是要靠babel才能编译到ES5的。比如const =>

JavaScript 踩坑

2020-12-29
阅读 1 分钟
976
为什么会这样?去掉参数a的默认值就好了,查阅函数的扩展 ### 函数的 length 属性做了详细的说明:第一个参数a设置了默认值导致show.length为0,(也就是说默认值导致函数参数的长度变小了)这样传递一个参数"g"调用执行了show,show执行完返回的是undefined所以后面再调用next就报错了。所以对需要柯里化的函数尽量不要...

antd 踩坑

2020-11-26
阅读 4 分钟
3.9k
1. tree table rowSelection树形表格 在树形的数据每层前面都会有CheckBox,但是需要需要里层的CheckBox隐藏,可以这么做.tsx {代码...} .less {代码...} 但是我们点击全选的时候,被隐藏的里层CheckBox的key还是会被放到selectedRowKeys里,怎么解决这个问题 {代码...} table rowSelection 支持指定某一行的 checkbox ...

学学css吧

2020-11-13
阅读 6 分钟
1.2k
1. :nth-child(n)栗子:规定属于其父元素的第二个子元素的每个 p 的背景色: {代码...} 效果p:nth-child(2)n表示父元素的第n个元素,即使p的上一个元素不为p元素,也要从父元素的第一个开始计数。小结:n 从1开始n 可以是数字、关键词或公式。CSS3 :nth-child() 选择器2. z-index 也有坑关于 z-index,你可能一直存在误...

react 踩坑

2020-10-27
阅读 11 分钟
3.4k
结果报错Warning: This synthetic event is reused for performance reasons. If you're seeing this, you're accessing the property target on a released/nullified synthetic event. This is set to null. If you must keep the original synthetic event around, use event.persist(). See [https://fb.me/react-ev...

中间件

2020-10-16
阅读 1 分钟
1.2k
什么是中间件?中间件就是插在源到目标之间的一段逻辑(一般为函数,比如redux)redux中源为页面,目标为store中的state,通过dispatch将页面中的数据反映到store中koa中源为request,目标为response,redux中在dispatch数据到store只调用了dispatch这个函数,所以只能对这个函数进行改造,中间去插入中间件。为什么redu...

ES5 继承

2020-10-11
阅读 7 分钟
1.9k
首先要明白两点:一、非方法属性每个子类实例需要独立二、方法属性每个子类实例需要共享为什么?如果非方法属性为引用类型,且非方法属性共享,在一个实例中改变,其他实例中就会做出改变,这样每个实例就会相互影响,而方法属性一般是不需要进行改变的,只是对方法调用。

理解 generator

2020-09-14
阅读 4 分钟
1.7k
1. 生成器中while设置为trueredux-saga 文档中提到take实现takeEvery在while中使用了yield监听未来的 action循环无限次 {代码...} 这么调用,生成器中的while无终止条件,会导致无限循环。循环有限次数 {代码...} 输出: {代码...} 每一步的执行情况为:执行it.next(0),输出xxyyr: { value: 2, done: false }解释:执行...

vscode 常用插件

2020-09-07
阅读 6 分钟
3.4k
Computes complexity in TypeScript / JavaScript files.It looks like this

typescript 梳理

2020-09-04
阅读 6 分钟
2.5k
1. 赋值断言类属性使用赋值断言官方示例: {代码...} 如果去掉foo后面的感叹号会怎样?报错提示我们foo没有初始化,也没有在构造函数中定义;意思就是在构造函数中初始化就不会报错了?在构造函数中初始化的确不报错,反向证明报错信息很准确。变量声明使用赋值断言官方示例 {代码...} 去掉感叹号报错信息告诉我们变量x...

redux-saga初探

2019-12-19
阅读 8 分钟
3k
由于dva的版本是2.4.1,对应的是redux-saga@0.16.2,所以就解读该版本的代码,本文围绕examples/shopping-cart展开注册使用方式main.js {代码...} sagas/index.js {代码...} 这两种写法等效,all并发类似于Promise.all {代码...} fork为非阻塞调用,被fork的三个generator都会被执行,直到遇到take,会被阻塞,即使watchGet...

git 常用命令

2019-09-09
阅读 8 分钟
3.6k
1.git fetch origin <远程分支名>:<本地分支名>此时会在本地就有分支了,但是没有跟远端分支建立映射关系,也不会切换到新的分支git fetch origin <远程分支名> 这种方式只是从远端拉取了分支,但是本地没有新分支使用 git branch -r 查看, 一般结果为origin/HEAD -> origin/masterorigin/masterori...

typescript 难点梳理

2019-09-05
阅读 16 分钟
8.9k
查了不少资料,比较好的解释是what is new() in Typescript?意思就是create函数的参数是构造函数没有参数的T类的类型,同理,createInstance函数的参数是构造函数没有参数的A类的类型。带着疑问写了测试代码:

vue2实践(二)

2017-06-07
阅读 8 分钟
5.8k
之前在用mint-ui的时候每个组件里面都有style标签,样式都是内部的,公用的写在了mint-ui/lib/style.css文件里并且该样式文件就是在mint-ui项目里,但是element组件里都没有style标签,翻看了一会,发现element可以自定义主题,而mint不可以,这样element的样式全写成了全局的,这样方便用户配置主题。样式文件写在packa...

vue2实践(持续更新)

2017-03-14
阅读 9 分钟
18.7k
首先冒号是v-bind的缩写,不带冒号后面是字符串,带了冒号就是数据绑定,引号里面的内容是变量或者表达式, 组件内不能修改props的值,同时修改的值也不会同步到组件外层,即调用组件方不知道组件内部当前的状态是什么

ubuntu 16.04 安装nodejs

2016-10-12
阅读 1 分钟
18.7k
1. 不同的用户安装都起作用 经过几天的尝试,终于装好了: 1. nodejs官方推荐一下安装方式: NodeSource的二进制安装脚本NodeSource Using Ubuntu {代码...} 试了,不行,然后terminal提示我用:apt install nodejs 2. nvm 切换用户的话,安装好的node,就不见了 3. 最后使用Ubuntu提示的方式安装: {代码...} 成功安装,...

(转)一篇非常不错的前端面试文章

2016-08-16
阅读 4 分钟
2.3k
作者先后在twitter,Stripe工作,期间会参加面试工作。实际上参加面试工作的人都知道要想在一个较短的时间内(30min-1h)就对一个应聘者做出判断其实是很难的,因此我们不得不想尽办法去更加合理的去判断面试者。下面是作者理出的一个思路: