- 博客(25)
- 收藏
- 关注
RSS订阅
原创 React各种注意事项,踩过的坑.
注意事项用create-react-app创建项目,因要配置各种组件，比如babel，antd等，需要运行 npm run eject 命令把项目的配置文件暴露出来, 运行完多出一个config目录 =>其中就是和vue-cli相似的各种配置 ->并且不可逆运行完create-react-app 要添加css-loader配置,1.创建React组件的时候,首...
2019-11-21 10:14:59
1039
原创 记忆函数
函数记忆是一种编程技巧,通过牺牲算法的空间复杂度以换取更优的时间复杂度记忆化（memoization）是一种构建函数的处理过程，能够记住上次计算结果1. 定义:自记忆函数其实就是能够记住上次计算结果的函数。2.实现:在实现中，我们可以这样进行处理：当函数计算得到结果时，就将该结果按照参数存储起来。采取这种方式时，如果另外一个调用也使用相同的参数，我们则可以直接返回上次存储的结果而不是再计算一遍。显而易见，像这样避免既重复又复杂的计算可以显著提高性能。对于动画中的计算、搜索不经常...
2021-04-15 16:28:01
581
原创 setTimeout、Promise、Async/Await 的区别
1.SetTImeout 注意setTimeout是异步执行函数 , 当js主线程运行到此函数时,不会等待settimeout中的回调函数 ,会直接进行settimeout下面的语句(尽管setTimeout的延迟时间为0时) 当执行完当前事件循环的时候,settimeout中的回调会在下次(或者某一个)事件循环中被执行例子1:console.log('setTimeout...
2020-04-28 14:04:02
6184
原创 前端小知识,面试,长知识必备---箭头函数与普通函数（function）的异同
前端小知识,面试,长知识必备.3箭头函数与普通函数（function）的区别是什么?箭头函数是普通函数的简写，可以更优雅的定义一个函数，和普通函数相比，箭头函数有以下几点差异：1、函数体内的 this 对象，就是定义时所在的对象，而不是使用时所在的对象。2、不可以使用 arguments 对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。3、不可以使用 yie...
2020-04-16 14:57:06
326
原创 前端小知识,面试,长知识必备---类数组,push方法,对象转数组的方式
前端小知识,面试,长知识必备.2类数组,push方法,对象转数组的方式 首先看一个例子:var obj = { '2': 3, '3': 4, 'length': 2, 'splice': Array.prototype.splice, 'push': Array.prototype.push ...
2020-04-13 13:42:14
464
原创 前端小知识,面试,长知识必备---自执行非匿名函数,只读
JS小知识,面试,长知识必备.1自执行非匿名函数,只读var b = 10; (function b() { b = 20; console.log(b); console.log(window.b); })()/**1. 对于第一问 console.log(b) => 由于自执行非匿名函数的原因 b这个变量不可写,因此输...
2020-04-13 13:22:55
285
原创 上传视频到亚马逊平台(S3,VUE Demo)
* * 上传亚马逊的基本思路为 * *** * 1.调用后端接口,获取需要上传到亚马逊的数据(从后台获取亚马逊需要的数据) * 2.提交数据到亚马逊之后,亚马逊会自动刷新当前form表单的页面,刷新后 将form表单所在页面的url改变,将我们需要的字段通过url返回给我们 * (后台通过这些字段可以找到当前上传视频所在亚马逊的位置及视频信息) ...
2020-03-24 12:06:05
1647
1
原创 React学习 --- 七.组件的生命周期
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组件的生命周期</title> <script src="../reactJs/react.development.js"></script&g...
2019-09-12 16:50:47
91
原创 React学习 --- 六.表单处理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单</title> <script src="../reactJs/react.development.js"></script> ...
2019-09-12 16:49:49
96
原创 React学习 --- 五.获取真实DOM节点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>获取真实的DOM节点</title> <script src="../reactJs/react.development.js"></scrip...
2019-09-12 16:49:01
234
原创 React学习 --- 四.State状态传递
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="../reactJs/react.development.js"></script> ...
2019-09-12 16:47:53
265
原创 React学习 --- 三.PropTypes传值约束
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>ProtoTypes</title> <script src="../reactJs/react.development.js"></scrip...
2019-09-12 16:46:39
357
原创 React学习 --- 二.Props组件传值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>This.props.children</title> <script src="../reactJs/react.development.js">&...
2019-09-12 16:45:34
171
原创 React学习 --- 一.JSX语法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JSX语法</title> <script src="../reactJs/react.development.js"></script>...
2019-09-12 16:44:33
106
原创 React学习 --- Hello World
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>HelloWorld</title> <script src="../reactJs/react.development.js"></scrip...
2019-09-12 16:43:22
124
原创 构造器和原型(constructor & prototype)
构造器和原型(constructor & prototype)其实构造器和原型是一个东西,constructor只不过是prototype的语法糖.只不过是不同ES版本不同的写法下面举个例子哈:function people(name,age){ ...
2019-09-12 16:07:43
336
原创 微信开发常用小功能 -- 不定时更新
1、隐藏微信网页右上角的按钮 1 2 3 4 5 6 7 8 9 document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { // 通过下面这个API隐藏右上角按钮 WeixinJ...
2019-01-23 17:51:46
107
原创 谷歌统计插件ga的使用
谷歌统计插件ga的使用GA介绍Google Analytics（GA）是Google的一款免费的分析服务（网站+APP），自从其诞生以来，即广受好评。Google Analytics功能非常强大，只要在网站的页面上加入一段代码，就可以提供的丰富详尽的图表式报告。1.申请Google账号。2.登录Goog...
2019-01-22 13:45:56
4448
3
原创 各类api接口合集
各类api接口合集发布时间：2017-10-30编辑：gc阅读（28）JSON API免费接口部分需要用JSONP调用.电商接口淘宝商品搜索建议:http://suggest.taobao.com/sug?code=utf-8&q=商品关键字&callback=cb 用例 ps:callback是回调函数设定物流接
2017-11-23 10:09:41
16216
原创 swiper应用demo及鼠标滑过悬停离开滚动方法
首先引入swiper样式及css<!-- Link Swiper's CSS --><link rel="stylesheet" href="../dist/css/swiper.min.css"><!-- Swiper JS --> <script src="../dist/js/swiper.min.js">...
2017-05-11 10:31:39
14635
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人