Canvas实现空间内反复回弹的小球|前端Javascript|Canvas1. 题目描述再一个空间内存在一个球体按照一定的速度朝一个方向运动,当碰到空间边缘时,会反弹并继续运动。默认该空间中不存在任何摩擦阻力,再小球反弹过程中也不存在动能损耗(即小球一直再空间内做匀速运动)。
2. 题目分析之前再完美世界的面试中遇到过这道题,小球的运动很好做,这道题的难点再触碰边界时的运 ...
Javascript算法学习——动态规划|前端Javascript1. 什么是动态规划动态规划(英语:Dynamic programming,简称DP),是一种通过把原问题分解为相对简单的子问题的方式求解复杂问题的方法,动态规划常常适用于有重叠子问题和最优子结构性质的问题,动态规划方法所耗时间往往远少于朴素解法。动态规划背后的基本思想非常简单,大致上,若要解一个给 ...
ReactNative 之 Keyboardavoidingview 源码解析|前端React|源码解析-ReactNative
源码地址:https://github.com/facebook/react-native/blob/master/Libraries/Components/Keyboard/KeyboardAvoidingView.js
1. 组件原理Keyboardavoidingview 组件通常用于防止 ...
ReactNative踩坑之路|前端React|ReactNative1. ScrollView 中的 TextInput 阻止滑动操作当 TextInput 出现在 ScrollView 中时,同时设置 textAlign: right 的样式后,会出现如果点按到 TextInput 元素后再下滑,就会导致无法下滑。这一问题是 React 本身的 Bug 造成的,参 ...
从WebGL谈起到react-three-fiber|前端可视化|React-图形学1. WebGL1.1 何为 WebGL在探讨什么是 WebGL 之前我们需要先来了解一下 OpenGL。
在早期的计算机上,绘制 3D 图像需要单独针对与一种硬件与一种操作系统进行“定制化”的编程,然而这样的开发成本无疑是巨大的。因此出于减少开发成本,关爱程序员发际线的人道主义精神,OpenGL ...
ECharts —— Pie 图自定义方案|前端可视化|Echarts1. Legend在 Echarts 中,我们经常会出现设计师设计的 Legend 与实际 Echarts 自带的 Legend 不符的情况,这时候我们往往要重新自定义 Legend。
1.1 自定义 icon修改 icon 类型对于 icon 的修改,可以在 legend.icon 配置项下进行 ...
ReactNative下实现文本折叠的效果|前端React|ReactNative1. 场景在默认情况下,文本显示两行,同时未显示全的文字要有省略号的效果:
当用户点击展开按钮后,可以展开全部文本:
2. 分析在 RN 中 <Text> 组件拥有一个 props 为 numberOfLines 可以用来显示文本的行数,如果超出文本行数,文本就会用 ... 来表示, ...
使用 Reactotron 调试 ReactNative 应用|前端React|ReactNative使用 Reactotron 进行调试Chain React 2018: Debugging and Beyond with Reactotron
安装 Reactotron 客户端:
https://github.com/infinitered/reactotron/releases
在项目中安 ...
React Navigation 4.x 快速使用指南|前端React|快速使用-ReactNative0. 安装 React Navigator
官方文档:https://reactnavigation.org/docs/4.x/getting-started
安装 React Navigator
1npm install react-navigation
1. 堆栈导航 StackNaviga ...
React 测试工具简单介绍与使用|前端React|React-Jest-软件测试1. 通用测试工具 Jest
Jest 是一个 JavaScript 测试运行器。它允许你使用 jsdom 操作 DOM 。尽管 jsdom 只是对浏览器工作表现的一个近似模拟,对测试 React 组件来说它通常也已经够用了。Jest 有着十分优秀的迭代速度,同时还提供了若干强大的功能,比如它可以模 ...