js
失忆意
努力学习前端知识中
展开
-
H5视频播放踩坑记录
场景某H5页面,页面由图片组成,其中某张图片点击后将全屏播放视频(其中视频定位到非可视区域)。视频播放组件采用的第三方库video-react问题app webview下安卓视频无法播放、ios需要点击两次才播放,微信环境下全屏播放问题1.居然是样式首先测试的时候pc浏览器以及手机浏览器环境下测试都是ok,所以初步判断问题出在webview上,通过debug,打印点击事件以及相关视频的信...原创 2020-02-19 16:26:06 · 658 阅读 · 0 评论 -
React合成事件内部分享记录
从一个栗子开始实现一个组件,这个组件点击按钮会显示一个二维码,点击二维码之外的区域可以隐藏二维码,但是点击二维码本身却不会关闭class Demo extends Component { constructor(props) { super(props); this.state = { active: false, }; } compone...原创 2020-02-19 16:22:52 · 368 阅读 · 0 评论 -
React Hooks内部分享学习
前言Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。(React-native 0.59,Taro 1.3开始已支持hooks)类组件的不足组件之间复用状态逻辑很难缺少复用机制渲染属性和高阶组件导致层级冗余趋向复杂难以维护生命周期函数混杂不相干逻辑相干逻辑分散在不同生命周期this 指...原创 2020-02-19 16:21:37 · 686 阅读 · 1 评论 -
axios源码学习记录
axios的混合模式是怎么实现的?也就是 axios 既可以当函数调用,也可以当对象使用,比如axios({})、axios.get本身axios就是个函数,对象调用是因为在axios的原型上挂载了这些方法 2020.1.16更新axios定义了一个类,类里面里面有request(config)、get、post、options等方法,我们使用的axios其实就是这个类实例里面的request...原创 2020-02-19 16:19:41 · 251 阅读 · 0 评论 -
前端面试之道记录
1.JS分为哪两大类?各有什么特点?如何正确判断类型?原始类型js的原始类型为string,number,boolean,undefined,null和symbol6种,它们储存的是值,但是平常使用中会发现1.toString()这样的情况,原因是因为此时的1已经不是原始类型而是强制转换成了Number对象类型,而Number对象里面含了toString这个方法,所以可以调用,但实际上...原创 2020-02-19 16:18:32 · 334 阅读 · 0 评论 -
react异步setState简单实现
前言直接主题,开始前先看一段demo:class Demo{ constructor(props) { super(props); this.state = {count: 0}; } componentDidMount() { for(let i = 0 ;i < 10;i++) { // this.setState({...原创 2020-02-19 16:14:22 · 446 阅读 · 0 评论 -
js缓存计算
//Memoizedvar fibonacci=function(){ var memo=[0,1]; var fib = function(n){ var result=memo[n]; if(typeof result != 'number'){ result = fib(n-1) + fib(n-2); memo[n]=result;原创 2016-07-16 17:49:25 · 1093 阅读 · 0 评论 -
codefreecamp-Basic Algorithm Scripting
//Check for Palindromes function palindrome(str) { var s,s1; s=s1=str.replace(/[\s,.(\)\\/\-_]/g,"").toLowerCase(); var arr=s1.split("").reverse().join(""); // Good原创 2016-07-25 16:36:17 · 842 阅读 · 0 评论 -
js根据数组对象中某属性进行排序
//定义一个对象数组 var data = [{ name: "jiang", age: 22 }, { name: "AAAAAAAAAAAAAA", age: 21 }, { name: "CCCCCCCCc", age: 25}]; //定义一个比较器 function compare(propertyName) { return function (object1转载 2016-05-31 13:28:07 · 3290 阅读 · 0 评论 -
js中apply方法的使用
1、对象的继承,一般的做法是复制:Object.extendprototype.js的实现方式是: Object.extend = function(destination, source) { for (property in source) { destination[property] = source[property]; } return d转载 2016-03-11 14:23:35 · 491 阅读 · 0 评论 -
省时的浏览器同步测试工具browser-sync服务搭建
先去nodejs官网下载pkg文件直接安装,有兴趣的也可以使用以下方法Get source & makeHomebrewnvmOther -在桌面新建文件react cd ~/Desktop mkdir react使用npm init 命令初始化,可以看到以下内容,可直接敲回车默认,最后输入yes后会再react文件夹下生成一个packge.json文件 到这里,再去安装一个bro原创 2015-12-27 16:16:08 · 1106 阅读 · 0 评论 -
千里马-modulo
继扫地机器人之后的又一道mac题,不过这次只有63关,号称"最简单的mac题",手快有手慢无啊....原创 2016-01-26 15:04:55 · 883 阅读 · 0 评论