03 2018 档案
摘要:第一步:npm install -g tsd;(不解释) 然后我们就可以tsd命令下载.d.ts文档了 第二步 : tsd init(初始化) tsd的使用非常简单,基本使用就用两个指令 tsd query (查询) tsd install (下载功能) 下载完了你会发现有个这样的文件夹 然后在你t
阅读全文
摘要:前端数据大部分来源于后端,需要向后端发起异步请求,而在使用reactjs的时候,如果这个组件最初加载的时候就发起这个异步请求,然后在返回结果中进行setState({}),这时候有可能会遇到这个警告: 通常是因为组件并没有装载上便开始执行setState({}),这时候,我们可以在组件中写入: 然后
阅读全文
摘要:之前用vue-cli脚手架的时候,只需要引进sass需要的依赖包便可以引入scss,但是在create-react-app的时候,发现除了需要引入sass依赖,还需要进行配置: 不管用什么方法进行sass的使用,都要引入sass的相关依赖: 方法一:进行webpack.config的配置,直接在文件
阅读全文
摘要:其实fetch-jsonp的官方文档里面已经写得很详细了,连接如下:https://github.com/camsong/fetch-jsonp;但是由于它本身没有多少demo,所以自己在上手的时候遇到了许多问题,比如说:传参; 首先,我有一个PHP文件需要跨域获取,如下(获取QQ信息): jq的j
阅读全文
摘要:传统的ajax(即xmlhttprequest)由于使用叫复杂,于是js新推出了fetch来获取后台数据,无需引进jq的$.ajax,也可以使用promise的链式用法去处理回调地狱,着实很方便,在谷歌上已经全部兼容,其他浏览器兼容还需要进一步的优化,推荐文章: https://segmentfau
阅读全文
摘要:之前用vue做日程管理组件的时候,用到了点击拖拽的效果,即点击元素,鼠标移动到哪里,元素移动到哪里,鼠标松开,拖拽停止,现在在弄react,于是也在想实现这个效果,经过一番折腾,效果出来了,代码如下: 效果如图,cat猫咪的图片自己找,整体还不错,不会的可以私信我...
阅读全文
摘要:其实只需要一句代码即可,那就是阻止元素的默认事件:
阅读全文
摘要:React里面的使用setState来进行状态的更新,为了性能的提升,此时的过程是异步操作的,那我们如果在一个进程里面想同步操作改变了状态的值怎么办呢,这里需要使用回调函数了:
阅读全文
摘要:函数节流的目的 从字面上就可以理解,函数节流就是用来节流函数从而一定程度上优化性能的。例如,DOM 操作比起非DOM 交互需要更多的内存和CPU 时间。连续尝试进行过多的DOM 相关操作可能会导致浏览器挂起,有时候甚至会崩溃。尤其在IE 中使用onresize 事件处理程序的时候容易发生,当调整浏览
阅读全文
摘要:哎,算了。直接上代码吧,不懂得私聊我把
阅读全文
摘要:今天在学习React的es6语法的时候,发现了个有趣的现象,就是this的指向问题。es6的this不同于es5,它在创立函数伊始便已经存在了,而不是像es5一样,睡调用的函数,this指向谁。但是这也产生了一个令人头疼的问题,当改变状态this.setState的时候,明显会报错,这是this指针
阅读全文
摘要:正则表达式验证邮箱是否正确,RegExp对象的test()方法可以检测某个字符串是否匹配。 test()使用格式: 正则表达式对象.test(String);//检测某个字符串是否符合正则表达式格式
阅读全文
摘要:在触发事件后,有时需要有些额外的数据,JS的写法是直接以参数的形式传递。而小程序是react模式的,使用data触发状态变化而刷新界面,绑定的事件里,绑定的是函数的名称,参数无法像一般编码的方式直接传入,那要怎么办? 小程序提供了一种方式,即daa-xxx,其中data-是标识事件触发时会带上这个参
阅读全文
摘要:page({ data:{ s1:{a:"",b:"b"} }, changeData:function(e){ var cData=this.data.s1; cData.a="1";//先修改json值 this.setData({ //再set值 s...
阅读全文
摘要:最近一直在看node有关的内容,空闲时间做了一个小小的爬虫,用于爬取电影天堂的数据然后写到mongodb里面,代码地址:https://github.com/fangming666/dianyingtiantang/blob/master/nodeServer/index.js 然后获取的mongo
阅读全文