![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
RicardoMANUTD
这个作者很懒,什么都没留下…
展开
-
react-grid-layout 拖拽元素时滚动条不能跟随
在使用react-grid-layout拖拽元素时出现了滚动条不能跟随拖拽元素滚动的问题,在百度和google上都没有搜索到原因,后经过和官方案例的debug,发现是样式多了一个user-selector:none 属性造成的原创 2021-10-18 09:31:47 · 706 阅读 · 0 评论 -
webstorm正则表达式遍历
以下代码为webstorm全局搜索中正则表达式的搜索\{t\('(SePD3fh5UydV|KpXceEM3Bxym|Eb35o1GpY2wH|qXcIxWH0wfme|4w0vLDgk2HpJ|LgSYGnDKlo18|7GsHMeZRcOo5|F7vQkExyDeJW|sKFj6JTo3dgR|ATEShV9NUIs0|os6aRujx4WO1|QhkBjlzEZdXg|Jb58ztQEl0KG|nblXYD18twMA|5NkjP3IguQWR|mpzRZiGdbJB0|reEG4wpmcRhX|i原创 2021-10-05 23:16:22 · 508 阅读 · 0 评论 -
关于js date 最近发现的几个坑
关于js date 最近发现的几个坑使用new Date().toLocaleDateString()时返回的数据格式不一致该问题是由于浏览器的语言不同导致的,例如在中文下会返回‘2021/2/2’, 而在英文环境下会返回‘2/2/2021’new Date(‘2021-02-02’).getTime() 不等于 new Date(‘2021-2-2’).getTime()该问题暂未找到文本上的依据,不过在查看new Date(‘2021-02-02’)和new Date(‘2021-2-2’)的原创 2021-02-02 14:25:03 · 268 阅读 · 0 评论 -
d3制作桑基图,由v3切换到v5
更改d3版本后运行代码发现提示以上错误,然后跳转到sankey.js中查找源码通过断点调试,发现此处的source和target的索引都为-1,继续向上追寻发现此处所有的name都是携带$符号的,继续查找自己写的代码此处发现结果是携带符号的,所以可以确定代码的问题出现在graph.nodes = d3.keys(d3.nest() .key(function (d)...原创 2020-04-03 17:15:21 · 518 阅读 · 0 评论 -
d3 渲染path为直线时,渐变色无法适用
<path class="link" d="M15,15.345833333333333C279,15.345833333333333 279,15.345833333333333 543,15.345833333333333" style="stroke-width: 30.6917; opacity: 0.15; stroke: url("#gradient26&am...原创 2020-04-02 09:40:35 · 556 阅读 · 1 评论 -
使用最新的create react app脚手架创建项目后如何使用DllPlugin打包出不常变更的第三方库
思路由于不管是上测试环境还是上生产环境,都需要经常打包代码,但是如果把事件都花在打包代码上得不偿失,所以可以把不常变更的第三方库都单独打包出来,然后只打包自己的逻辑代码,这样就可以加快打包速度具体实现1. webpack.dll.config.js如图,在config目录下创建webpack.dll.config.js,添加代码:// webpack.dll.config.jscon...原创 2020-01-10 16:31:56 · 575 阅读 · 0 评论 -
使用webpack时发生Cannot read property 'tap' of undefined
webpack设置后出现报错信息使用webpack的插件时要注意不要放错位置,create-react-app生成的项目目录使用eject解压缩之后的webpack设置中会有包含在resolve中的plugins,在使用类似webpack.DllReferencePlugin这种插件时要注意放在正确的位置,否则会在运行时出现’tap’未定义的问题...原创 2020-01-10 14:35:38 · 5006 阅读 · 3 评论 -
使用d3创建搭配foreignObject实现svg文本换行,出现文字不显示的问题
.append('xhtml:p')对于非svg标签,需要添加xhtml:来标识,否则不能显示内容原创 2019-06-06 14:16:35 · 2439 阅读 · 0 评论 -
加载模型后模型周边会出现失真
原因:半透明材质需要单独设置解决方法:object.traverse(function (child) { console.log(child) if(child instanceof THREE.Mesh) { child.material.transparent=true; ...原创 2019-05-31 17:38:13 · 323 阅读 · 0 评论 -
如何在三维空间中画线
function initLine(){ var point = new THREE.Vector3(0, 0, 20) console.log(point) TweenMax.to(point, 2, {x:-10, y:-10, z: 20, onUpdate: () => { var material = ...原创 2019-05-06 14:57:43 · 1848 阅读 · 0 评论 -
使用HTML元素作为sprite添加到场景后无法转动视角的问题
controls = new THREE.OrbitControls( camera, renderer.domElement );在使用OrbitControls时,第二个参数传递了renderer.domElement,但是当 labelRenderer = new THREE.CSS2DRenderer(); labelRenderer.setSize( window...原创 2019-05-03 18:08:48 · 457 阅读 · 0 评论 -
在React中使用H5接口IntersectionObserver实现图片懒加载
export let picLazyLoad = function(){ let observer = new IntersectionObserver( (changes) => { changes.forEach((change) => { if(change.intersectionRatio >...原创 2019-02-22 14:31:57 · 1281 阅读 · 0 评论 -
React hooks
Hooks何时使用hooks如果你编写一个函数式组件并意识到你需要为它添加一些 state(状态) ,那么之前你必须将它转换为一个 classes(类) 。 但是现在,您可以在现有函数式组件中使用 Hook 。也就是说,在React的早前版本中,如果想创建一个携带state(状态)的组件,就只能使用Class来创建,无法使用函数式创建方法。使用hooks之后,可以使用函数方法创建组件,并...原创 2019-01-21 11:15:46 · 114 阅读 · 0 评论 -
关于IOS移动端H5返回之后不刷新
在网上找了几个答案都没有解决,但是在Github上找到了解决办法浏览器往返缓存(Back/Forward cache)问题的分析与解决感谢原作者!转载 2018-09-17 16:15:19 · 1538 阅读 · 0 评论 -
Javascript高级程序设计重读
Javascript高级程序设计重读基本概念typeof null // object特殊值null被认为是一个空的对象引用if(car != null){ // 对car进行某些操作}如果定义的变量准备在将来用于保存对象,最好将该变量初始化为nullnull === undefined // falsenull == undefined // tr...原创 2018-09-10 17:51:47 · 208 阅读 · 0 评论 -
使用Better-scroll不能横滚
初始化BScroll的时候需要设置scrollX和scrollY还有用js来动态设置ul的宽度:$('.myScroll ul ').width(6.75 * dataJson.count + 'rem') var myScroll = new BScroll('.myScroll', { ...原创 2018-09-14 11:50:22 · 549 阅读 · 0 评论 -
深拷贝和浅拷贝
类型和原数据是否指向同一对象第一层数据为基本数据类型原数据中包含子对象赋值是改变会使原数据一同改变改变会使原数据一同改变浅拷贝否改变不会使原数据一同改变改变会使原数据一同改变深拷贝否改变不会使原数据一同改变改变不会使原数据一同改变浅拷贝数组直接遍历let arr = [1,2,3,4]function shallowCopy(...原创 2018-09-19 18:46:36 · 78 阅读 · 0 评论 -
学习webpack中遇到的问题
缺少less模块除了要安装less-loader之外,还要安装less: npm install lessless中"#"未定义在webpack.config.js中配置加载less需要使用的插件时,除了安装的less-loader之外,还需要style-loader和css-loader: { test: /\.less$/, rules: [ 'style-l...原创 2018-10-17 15:55:26 · 143 阅读 · 0 评论 -
JS实现并发Ajax请求
问题:有A、B、C三个请求,C请求需要A、B请求获取到的数据,如何解决此前碰到这类问题都是直接改为串行解决,先获取到A然后A的回调调用B,B再调用C。最近发现了解决方法:JQ:jq1.5版本之后重写了AJAX,并且新增了一个新功能:deferred对象$.when(A(), B()) .done(function(){console.log('done')}) .fail(func...原创 2018-11-12 10:31:05 · 2584 阅读 · 0 评论 -
HOC和Redux的connect
HOC高阶组件(HOC),个人认为其实就是将已写好的组件外层再包裹一层,进而可以达成以下操作:代理props反向继承(Inheritance Inversion)属性代理const HOC = (WrappedComponent) =&gt; class WrapperComponent extends React.Component{ render(){ const ...原创 2018-11-14 11:36:49 · 527 阅读 · 0 评论 -
有关React的State初始化的问题
使用create-react-app脚本工具时初始化state可以用如下写法:class Example extends React.Component{ state = { name: "name" } onValueChange = (e) => { this.setState({ name: e.target.value }) } render(){...原创 2018-11-14 11:45:20 · 1761 阅读 · 0 评论 -
给定A, B两个整数,不使用除法和取模运算,求A/B的商和余数
第一种办法:从小到大遍历 for(i = 2 to A - 1) if(i * B > A) 商 = i- 1, 余 = A - (i -1) * B第二种办法二分法,在[2, A]中查找满足的解第三种办法以除数为初始测试值,以2的指数为步长来搜索问题空间,当被除数与测试值的差小于除数时便结束搜索,若在这之前测试值大于被除数,则将被除数减去前一个测试值,并重复上述过...转载 2018-11-20 11:39:25 · 2800 阅读 · 0 评论 -
在做socket有关的H5时,遇到同时投票排名页会出现混乱的情况
setTimeout(function () { $('.ResultListDiv > ul').empty() JSON.parse(dataJson.data).map(function (value, index) { console.log(value, ...原创 2018-09-17 10:17:46 · 175 阅读 · 0 评论