- 博客(18)
- 收藏
- 关注
RSS订阅原创 html{font-size: 62.5%}
而如果把font-size设置为62.5%，此时1rem=16px * 62.5% = 10px。其实一般的浏览器font-size属性默认是16px，也就是1rem=16px。为什么这里指定的值是62.5呢？也就是用于比例换算 1：10的比例更便于换算。
2023-06-02 16:57:58
270
原创 call、apply、bind的使用、作用、区别、原理、实现
众所周知这仨老哥的作用都是改变作用域，但是很多博客只是简单介绍了作用和区别，关于内部具体什么逻辑都是一知半解，这样不知其理，使用起来很容易出现一些意想不到的bug，浪费很多时间成本，这里记录下来 也方便自己回顾查找。
2023-05-25 18:31:16
138
原创 uni-app导航栏+swiper，及处理滑动冲突
第一部分：swiper + 顶部/底部导航栏实现这里的思想与安卓的fragment+viewpager是很类似的，用swiper作为左右滚动区间，联动tab导航栏，中间展示内容组件化整体布局导航栏部分大家可以自定义，我整个界面采用的是底部导航栏用position:fixed浮动，swiper部分的current注意是与tab的下标一致，并且注意swiper的高度一定要动态自适应，这个等下...
2021-10-21 18:13:17
589
原创 微信小程序canvas图片融合及画布隐藏问题记录
近期公司项目中有一个定制卡封面需求，是将几张图片融合成一张，并可以切换卡片横竖版的效果，最终需求如图：效果图这个需求乍一听起来并没有什么问题，只要看下小程序画布API就可以，但是实际上遇到的问题我花费两个晚上才基本解决，而且还有一个至今无法解决的问题也希望大家给出宝贵建议!知道大家不喜欢墨迹，我先上完整代码，如果大家着急需要，直接过去拿代码就可以了，里面注释很丰富！如果可以希望大家给文章...
2020-03-17 15:31:47
98
原创 Python基础笔记2
案例1 python的解压缩coordinates= (1,2,3)x = coordinates[0]y = coordinates[1]z = coordinates[2]x, y, z = coordinates//这同上面效果相同 python特性：解压缩案例2 解耦合函数def greet_user(name1,name2): print(f'Hi {na...
2019-12-31 15:43:55
33
原创 Python基础笔记1
Python 是一种解释型、面向对象、动态数据类型的高级程序设计语言。Python 是一种解释型语言：这意味着开发过程中没有了编译这个环节。类似于PHP和Perl语言。Python 是交互式语言：这意味着，您可以在一个 Python 提示符>>>后直接执行代码。Python 是面向对象语言:这意味着Python支持面向对象的风格或代码封装在对象的编程技术。print('...
2019-12-30 17:46:44
27
原创 react-native常用技巧整理
1 沉浸式状态栏第一步，navigationOptions参数中添加如下代码：headerTransparent: true示例图第二步，需要使用沉浸式状态栏的界面中，引入StatusBar示例图第三步，在render中使用StatusBar示例图2 styleSheet样式文件分离自定义位置新建js文件，例如basic.js，内部scaleSize是一个工具类不用理...
2019-10-16 15:59:16
38
原创 Flutter开发：AS编写第一个Flutter App
原文引用：Flutter中文网本文将构建一个简单的如下功能的APP：为一个创业公司生成建议的名称。用户可以选择和取消选择的名称、保存(收藏)喜欢的名称。该代码一次生成十个名称，当用户滚动时，会生成一新批名称。用户可以点击导航栏右边的列表图标，以打开到仅列出收藏名称的新页面。注：本篇是基于Flutter中文网的案例，为了更加详细易懂，我添加了更多的图片示例说明，所以篇幅较长，但其实实际步骤并没有太多...
2019-10-08 11:41:53
200
原创 Flutter开发：环境配置与新建项目
一、什么是Flutter及它的优势？1.1 定义Flutter是谷歌使用Dart语言开发的移动应用开发框架，可以快速在iOS和Android上构建高质量的原生用户界面，与react native共同作为解决移动多端问题的主流方式。它解决了跨平台打包应用从前的H5 app性能不足的问题，从前的H5 app 只能渲染到最大40帧的流畅度，但是Flutter是使用GPU渲染，可以达到原生的120帧，所以...
2019-10-06 12:04:34
66
原创 react+dva+antd+umi项目建立操作流程及知识点总结
0.1 引用0.1.1 react官网0.1.2dva官网0.1.3antd-mobile官网0.1.4umijs官网0.1.5转载文章-umi操作手册一、what are these?1.1 react.jsReact 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面，这些代码片段被...
2019-09-23 16:11:24
206
原创 小程序 列表与条件渲染并用问题记录
这样的需求想必所有应用都有：进入界面后，当列表无数据，显示暂无数据占位图，有数据则隐藏占位图显示列表数据。遇到这样的需求，想当然的使用wx;if/else来做，所以我刚开始是这么做的：错误示范那么现实给了我一盆冷水：报错信息后面我尝试单独保留if去掉else，那么结果是可运行的:无报错我发现只要加上else 就会报错，所以后来尝试给if多嵌套一层:嵌套一层结...
2019-04-29 15:08:31
20
原创 微信小程序flex-grow导致布局不对齐问题记录
今天开发小程序时遇到了一个诡异的问题 一度令我怀疑自己的代码，研究一两个小时终于解决了：我在开发的时候喜欢用flex-grow 属性来当做权重使用，然而单独用这个属性测试发现内容会改变比例的同时另布局不对齐；flex-basis属性定义了在分配多余空间之前，项目占据的主轴空间(main size)。浏览器根据这个属性，计算主轴是否有多余空间。它的默认值为auto，即项目的本来大小。如果将 flex...
2019-04-26 17:38:07
62
原创 CSS总结笔记(三)
一、行高和字号1.1 行高CSS中，所有的行，都有行高。盒模型的padding，绝对不是直接作用在文字上的，而是作用在“行”上的。为了严格保证字在行里面居中，我们的工程师有一个约定： 行高、字号，一般都是偶数。这样，它们的差，就是偶数，就能够被2整除。1.2 当行文本垂直居中当设置 行高=盒子高 时，单行内文本居中。如果想让多行文本垂直居中，需要设置盒子的padding：1.3 font属性快速写...
2019-01-24 21:00:47
27
原创 安卓集成阿里云短视频3.7.7问题记录
最近公司新需求要增加短视频模块，公司决定使用阿里云的短视频sdk。 阿里云应该是业界大佬了，产品很完善，文档也很规整，但是唯一遗憾的是我可能没有赶上最新的文档，还是有些坑的，因为官网目前是根据3.6.x版本的文档。因此针对3.7.7版本未更新文档前，根据官网文档集成后要么闪退要么一直报错的问题可以参考下，若以后官网文档更新了也可以用作基本集成流程。 那么就在文章里直接说明...
2019-01-18 16:49:50
61
原创 HTML总结笔记(三)
一、列表1.1 无序列表无序列表,ul(unordered list)，即列表中的每一项没有排名次序的。ul是一个组标签，内部只能有li标签。ul的作用是增加“无序列表”语义的。列表项,li(list item), 不能单独存在，没有意义，必须包裹在组标签(ul/ol)里，li是一个容器级标签。实际应用场景：导航栏、产品列表等。1.2 有序列表有序列表，ol(ordered list),即列表...
2019-01-09 21:00:18
18
原创 android studio3.0+ No usages found in Project Files问题解决
最近升级studio到了3.0.1版本 发现问题还是有不少的，今天再次记录一个诡异问题：有引用(可以在代码中ctrl链接到的)的资源文件，在alt f7(find usage)时却提示No usages found in Project Files，整个项目都找不到，直接说解决方法：File -> Invalidate Caches/ Restart...
2018-03-28 16:43:31
616
原创 OpenGL ES之路02-GLSL语言(下)
上文链接：OpenGL ES之路01-GLSL语言(上) - 简书5.向量和矩阵内的元素访问1)什么是分量分量就是聚合类型中的一个元素。2)分量名称三种形式的集合(向量)分量名称三种形式的集合(向量)齐次坐标的含义：将一个原本是n维的向量，用n+1维来表示。例如:(8,4,2)和(4,2,1)中 如果说第三个分量是齐次坐标，则这两个点位置是一样的，都用来表示二维点(4,2)3)向量与矩...
2018-03-11 19:44:41
49
原创 OpenGL ES之路01-GLSL语言(上)
一 初识OpenGL1.OpenGL是什么?有什么用途？OpenGL是一个开放的图形库，可用于视频、图片、图形处理，2D/3D游戏开发，科学可视化，医学软件开发，CAD(计算机辅助技术)，虚拟实境(AR VR)，AI人工智能等领域。2.OpenGL和OpenGL ES是什么关系？OpenGL ES是OpenGL的子集，OpenGL ES即一个在移动平台上能够支持OpenGL最基本功能的精简规范。3...
2018-03-05 00:49:05
39
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人