- 博客(50)
- 收藏
- 关注
原创 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
440
原创 call、apply、bind的使用、作用、区别、原理、实现
众所周知这仨老哥的作用都是改变作用域,但是很多博客只是简单介绍了作用和区别,关于内部具体什么逻辑都是一知半解,这样不知其理,使用起来很容易出现一些意想不到的bug,浪费很多时间成本,这里记录下来 也方便自己回顾查找。
2023-05-25 18:31:16
453
1
原创 uni-app导航栏+swiper,及处理滑动冲突
第一部分:swiper + 顶部/底部导航栏实现这里的思想与安卓的fragment+viewpager是很类似的,用swiper作为左右滚动区间,联动tab导航栏,中间展示内容组件化整体布局导航栏部分大家可以自定义,我整个界面采用的是底部导航栏用position:fixed浮动,swiper部分的current注意是与tab的下标一致,并且注意swiper的高度一定要动态自适应,这个等下...
2021-10-21 18:13:17
781
原创 AU基础
AU基础1比特率: 影响音频质量采样率: 1秒钟内多少个采样点 越高质量越高位深度: 声音的动态取值范围 高的话声音会有层次感 低的话声音比较平新建文件时 采样率、比特率、位深度 可以由高改成低 不可以低改成高音频进度条:查看声音整体和细节 滚轮控制或拖拽时间轴:看时间电平:声音大小、有没有爆音 只是辅助看的不能调节调整振幅 才能调节声音大小注意:保存之后不能撤回 输入法英...
2021-09-08 22:04:29
79
原创 一、认识有声
一、后期的类型画本:将文字作品原文中的旁白和对话进行区分,并标出作品中的角色音修音:将裸音(未处理的)处理成干音对轨:将干音按照画本标注进行有序排列审听:对待审核的成品进行身审查并出审查报告。漏读 错字 对轨 声音是否准确渲染:对审核完成的作品进行艺术加工二、有声作品种类有声书:小说,单/双播有声剧:小说,多人剧广播剧:基本无旁白,多人剧本三、有声书题材 按照后期渲染方向(作品主基调)划分的 1....
2021-09-08 21:59:20
69
原创 微信小程序canvas图片融合及画布隐藏问题记录
近期公司项目中有一个定制卡封面需求,是将几张图片融合成一张,并可以切换卡片横竖版的效果,最终需求如图:效果图这个需求乍一听起来并没有什么问题,只要看下小程序画布API就可以,但是实际上遇到的问题我花费两个晚上才基本解决,而且还有一个至今无法解决的问题也希望大家给出宝贵建议!知道大家不喜欢墨迹,我先上完整代码,如果大家着急需要,直接过去拿代码就可以了,里面注释很丰富!如果可以希望大家给文章...
2020-03-17 15:31:47
163
原创 React-native国家名称、电话、区号及国旗图标列表
近期公司有个需求,在注册时要选择用户所属国家,本以为小事一桩,结果百度发现并没有RN的相关词条,只能自己找一套列表和国旗图标了,没成想百度上免费的资源基本都不符合,符合的都是收费的(这种东西也值得收费无语),找了很久终于自己整理了一套可行的分享给大家:首先分享我找到的一套国家列表及国旗图标(有些没有国家区号我就删掉了)链接:https://pan.baidu.com/s/1BPxB-AwW7sMb...
2020-01-10 17:36:52
73
原创 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
95
原创 Python基础笔记1
Python 是一种解释型、面向对象、动态数据类型的高级程序设计语言。Python 是一种解释型语言:这意味着开发过程中没有了编译这个环节。类似于PHP和Perl语言。Python 是交互式语言:这意味着,您可以在一个 Python 提示符>>>后直接执行代码。Python 是面向对象语言:这意味着Python支持面向对象的风格或代码封装在对象的编程技术。print('...
2019-12-30 17:46:44
70
原创 webstorm19.2添加react-native自动补全
开门见山的说,网上的教程还是很坑的,这里同学们根据我的方法来吧首先,我们用到的是ReactNative-LiveTemplate这个模板。这个模板的内容包括:组件名称 \Api 名称\所有StyleSheets属性\组件属性 [2015-12-25]新增第一步,找到webstorm安装位置的文件夹,切记不是下载的文件夹,这里应该是通用的,一般在 C:\Users\Adminstartor\.W...
2019-11-15 11:22:08
143
原创 react-native 删除库报错后处理
有时候我们加入一些库后会因为各种原因需要再删除掉这个库,这时候项目就会报一些错误,此时只需恢复如下三个文件即可:一般情况下使用local history->show history后 恢复你加入库之前的时间点的文件就好了...
2019-11-03 17:21:23
51
原创 react-native常用技巧整理
1 沉浸式状态栏第一步,navigationOptions参数中添加如下代码:headerTransparent: true示例图第二步,需要使用沉浸式状态栏的界面中,引入StatusBar示例图第三步,在render中使用StatusBar示例图2 styleSheet样式文件分离自定义位置新建js文件,例如basic.js,内部scaleSize是一个工具类不用理...
2019-10-16 15:59:16
60
原创 Flutter开发:AS编写第一个Flutter App
原文引用:Flutter中文网本文将构建一个简单的如下功能的APP:为一个创业公司生成建议的名称。用户可以选择和取消选择的名称、保存(收藏)喜欢的名称。该代码一次生成十个名称,当用户滚动时,会生成一新批名称。用户可以点击导航栏右边的列表图标,以打开到仅列出收藏名称的新页面。注:本篇是基于Flutter中文网的案例,为了更加详细易懂,我添加了更多的图片示例说明,所以篇幅较长,但其实实际步骤并没有太多...
2019-10-08 11:41:53
279
原创 关于程序员的学习方法小叙
开门见山的说,程序员是一个活到老学到老的行业,不学习就要被时代的车轮碾死在路上,那么如何有效的学习,快速掌握一项技能是程序员必备的一项额外技能。 最近一直在学习,从刚毕业时候做安卓开发,到转小程序,到转react,也经历了大大小小的波折,也很感激愿意帮助、分享、指导我的大佬,作为我们前进的指路明灯。经过了漫长的学习折磨过程,我也总结了自己的一些思路方法,这里分享出来,仅代表个人的思路...
2019-10-06 18:00:25
227
1
原创 Flutter开发:环境配置与新建项目
一、什么是Flutter及它的优势?1.1 定义Flutter是谷歌使用Dart语言开发的移动应用开发框架,可以快速在iOS和Android上构建高质量的原生用户界面,与react native共同作为解决移动多端问题的主流方式。它解决了跨平台打包应用从前的H5 app性能不足的问题,从前的H5 app 只能渲染到最大40帧的流畅度,但是Flutter是使用GPU渲染,可以达到原生的120帧,所以...
2019-10-06 12:04:34
112
原创 vue学习笔记02-网络请求库请求数据
一、vue-resourcevue官方原生库1.安装$ npm install vue-resource --save // --save是将库写入到package.json中,以防止别人打开你的项目时候报错2.引入import VueResource from 'vue-resource'Vue.use(VueResource);3.使用export default { data...
2019-09-25 18:25:08
77
原创 vue学习笔记01-基础内容整理
0.1 what's thisVue (读音 /vjuː/,类似于view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。一 模板语法vue采用声明式渲染,用简洁的模板...
2019-09-25 17:53:32
158
原创 vue cli3项目搭建流程
一、关于vue cli3和vue cli2 以及vue2.x vue3.xvue cli是安装vue的脚手架工具,也就是官方命令行工具,可以用命令快速创建项目。注意,vue cli3是vue cli2的升级版,并不是vue3.x二、旧版(vue cli2)安装及创建项目2.1 搭建vue的开发环境,安装脚手架工具$ npm install --global vue-cli2.2 创建项目 (cd...
2019-09-23 18:31:30
148
原创 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
257
原创 PS基本操作及快捷键记录(一)
一、画布操作:1.放大缩小画布:alt+鼠标滚轮 或 ctrl+加减键 或缩放工具(alt缩小)2.百分之百显示:ctrl+1 根据显示器显示:ctrl+0(零)3.移动画板:按住空格键可临时切换为抓手工具鼠标左键拖拽即可4.撤销一步:ctrl+z 撤销多步:ctrl+alt+z 还原多步:ctrl+shift+z5.自由变换:ctrl+t①普通变换:通过对角点拉伸,鼠标放在对角(出现弯箭...
2019-07-01 22:58:37
43
原创 微信小程序 使用towxml解析html流程及踩坑记录
towxml相对于wxParse还是有一定优势的,首先一些废弃或者过新的标签wxParse是不能解析的,会导致整个页面不能显示,其次 towxml对于界面的排版优化是比较美观的,对于开发者还算比较友好,个人是建议在wxParse没有完善之前使用towxml这个库来解析html以及markdown格式。towxml使用流程:1.将towxml库克隆到小程序根目录:gitclone...
2019-06-25 09:51:22
189
1
原创 微信小程序 阻止事件冒泡
在小程序开发中也存在着事件冒泡的情况,有时候很影响我们的代码逻辑,然而处理事件冒泡也很简单,我们只需要把子控件的bindtap方法改为catchtap方法即可解决。因为:bind事件绑定不会阻止冒泡事件向上冒泡catch事件绑定可以阻止冒泡事件向上冒泡注意:如果想阻止input等控件的触摸穿透产生冒泡,只需要如下处理:<input bindinput='getText' catchtap...
2019-05-28 20:31:16
97
原创 微信小程序 显示二进制图片数据
在微信小程序的网络请求图片文件中,返回的图片并不是我们想象中放上去就可以显示的,返回回来的是一组二进制数据,我们需要base64转换后方可使用,下面总结一下请求图片文件数据的正常流程:一、image图片控件处理我们平常的本地图片或网络图片只需要如下即可显示:<image src="{{imgUrl}}"></image>而图片文件则是要如下处理(固定格式):<ima...
2019-05-28 20:27:59
148
原创 小程序 列表与条件渲染并用问题记录
这样的需求想必所有应用都有:进入界面后,当列表无数据,显示暂无数据占位图,有数据则隐藏占位图显示列表数据。遇到这样的需求,想当然的使用wx;if/else来做,所以我刚开始是这么做的:错误示范那么现实给了我一盆冷水:报错信息后面我尝试单独保留if去掉else,那么结果是可运行的:无报错我发现只要加上else 就会报错,所以后来尝试给if多嵌套一层:嵌套一层结...
2019-04-29 15:08:31
59
原创 小程序多层列表取下标注意问题记录
在小程序多层列表中,如果要去各个层级的index下标值,注意点如下:1.外层列表不需额外定义wx:for-index,只需要在内层列表中用dataset方式将固定的{{index}}传入,即可获取。2.wx:for-index内部的名字虽然是可以随便起,但是千万别用大写字母,千万别用大写字母,千万别用大写字母!3.内层列表使用wx:for-index来重新命名,之后用dataset方式传入自定义名...
2019-04-27 16:35:53
20
原创 微信小程序flex-grow导致布局不对齐问题记录
今天开发小程序时遇到了一个诡异的问题 一度令我怀疑自己的代码,研究一两个小时终于解决了:我在开发的时候喜欢用flex-grow 属性来当做权重使用,然而单独用这个属性测试发现内容会改变比例的同时另布局不对齐;flex-basis属性定义了在分配多余空间之前,项目占据的主轴空间(main size)。浏览器根据这个属性,计算主轴是否有多余空间。它的默认值为auto,即项目的本来大小。如果将 flex...
2019-04-26 17:38:07
100
原创 小程序开发知识点总结
一、事件1.1点击事件:tap 长按事件: longtap触摸事件:touchstart touchend touchmove touchcancel注意:touchend是正常触摸完毕后触发,而touchcancel是当触摸还未结束就被其他事件打断(例如突然来电话)则会触发该方法。其他事件: submit input 等等1.2 事件绑定bindTap与catchTap区别: bin...
2019-04-22 11:36:48
47
原创 Html5新特性总结
一、新标签语义化标签二、新属性1.链接关系描述2.ARIA 无障碍富互联网应用程序属性3.自定义属性 data-1.可以给HTML里的所有dom对象都可以添加一些data-xxx的属性2.用来记录与当前DOM强相关的数据三、智能表单1.新的表单类型2.虚拟键盘适配1.通过type方式指定弹出键盘四、网页多媒体(之前强依赖flash)1.音频2.视频多媒体的dom对象有一些新的方法可以去做播放暂停3...
2019-04-18 09:24:42
80
原创 jQuery中心思想
一、选择网页元素1.css选择器2.特有表达式:(冒号)二、方法函数化2.1 原生例如:window.onloadinnerHtmlonclick2.2 jquery例如: $html().click()三、原生与 jquery1 原生与JQ可以共存ep:$('#div1').html()oDiv.innerHtml2 原生与JQ不能混用ep: $('#div1').innerHTML ...
2019-04-16 11:57:16
81
原创 jQuery总结笔记(二)
一、动画show:显示隐藏的元素(无动画)hide : 隐藏显示的元素 (无动画)fadeIn:通过不透明度的变化来实现所有匹配元素的淡入效果,并在动画完成后可选地触发一个回调函数。fadeOut:通过不透明度的变化来实现所有匹配元素的淡出效果,并在动画完成后可选地触发一个回调函数。fadeTo:把所有匹配元素的不透明度以渐进方式调整到指定的不透明度,并在动画完成后可选地触发一个回调函数。...
2019-04-12 18:48:23
105
原创 jQuery总结笔记(一)
一、jQuery简介:1.1 jQuery解决了JS中遇到的一些痛点:1. window.onload 事件有个事件覆盖的问题,我们只能写一个2. 代码容错性差3. 浏览器兼容性问题4. 书写很繁琐,代码量多5. 代码很乱,各个页面到处都是6. 动画效果,我们很难实现1.2 基本使用min:它是压缩过的版本区别:我们开发过程中,会用未压缩的版本,或者压缩的。...
2019-04-10 16:35:04
84
原创 JS总结笔记(二)
一、数组1.声明数组var arr = [1,3,5,7,9];var arr = new Array(1,3,5);2.特殊情况(JS特性)一个长度为4的数组 打印第五位,值为undefined一个长度为4的数组 设置数组第六位 则数组为一个长度为6的 第五位为undefined的数组。3.遍历数组for(var i=0;len=arr.length;i<len;i+...
2019-04-08 17:55:51
59
原创 BigDecimal使用详解
我们知道商业级运算是肯定不能用double/float的,精确运算需要用到BigDecimal来处理,下面介绍BigDecimal的使用方法一、构造方法BigDecimal的构造方法有很多种,大家最常用的如下方式:BigDecimal bd1=new BigDecimal(10);BigDecimal bd2=new BigDecimal("10");二、四则预算加法:bigDec...
2019-03-19 16:07:35
19
原创 Android Studio无线调试手机方案
由于模拟器的性能和真实性,我们早已弃用了这种调试方式,然而使用真机的时候有时也很不方便,需要连接数据线限制了自由,要是手机电量不足连着电脑充电又非常的慢,总之是挺麻烦的,所以我们的无线调试方式就自然而然作为最便捷的方式诞生了。 当然首先要说明的是无线调试方案是诞生多年的套路了,只是小的一直没有实际应用过,这次应用后也建议大家在合适的情况下使用,即无线调试的缺点在于应用调试速度没有使用数据线...
2019-03-18 16:46:13
66
原创 那个心底小小少年,已于多年未曾与我相见。
不知从何时起,想提笔写点东西竟然有种无从下手的感觉。 还记得小时候的我,对写作充满了热情。或者说,对任何新鲜事物都充满了热情:读一本书,羡慕作者有如何的经历才能流淌出如此的文字;看一本漫画,羡慕漫画家在午后阳光下吃着西瓜,思绪却在自己的世界里绘制着天马行空的生活;听一首歌,羡慕歌者在舞台上让千万人为一段旋律感动的时刻;甚至看着碧蓝色的天空,就想一瞬间飞起来触摸云彩...
2019-02-21 00:57:20
10
原创 JS总结笔记(一)
一、JavaScript简介JavaScript是用来制作web页面交互效果,提升用户体验的语言。1.1 JavaScript 和 ECMAScript的关系ECMAScript是一种由Ecma国际前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association,制定的标准。JavaScript是由公司开发而成的,公司开发而成的一定是有一...
2019-02-19 15:19:33
44
原创 CSS总结笔记(三)
一、行高和字号1.1 行高CSS中,所有的行,都有行高。盒模型的padding,绝对不是直接作用在文字上的,而是作用在“行”上的。为了严格保证字在行里面居中,我们的工程师有一个约定: 行高、字号,一般都是偶数。这样,它们的差,就是偶数,就能够被2整除。1.2 当行文本垂直居中当设置 行高=盒子高 时,单行内文本居中。如果想让多行文本垂直居中,需要设置盒子的padding:1.3 font属性快速写...
2019-01-24 21:00:47
67
原创 安卓集成阿里云短视频3.7.7问题记录
最近公司新需求要增加短视频模块,公司决定使用阿里云的短视频sdk。 阿里云应该是业界大佬了,产品很完善,文档也很规整,但是唯一遗憾的是我可能没有赶上最新的文档,还是有些坑的,因为官网目前是根据3.6.x版本的文档。因此针对3.7.7版本未更新文档前,根据官网文档集成后要么闪退要么一直报错的问题可以参考下,若以后官网文档更新了也可以用作基本集成流程。 那么就在文章里直接说明...
2019-01-18 16:49:50
125
原创 CSS总结笔记(二)
一 盒子模型1.1 盒子中的区域一个盒子中最主要的属性:width是“宽度”的意思,CSS中width指的是内容的宽度,而不是盒子的宽度。height是“高度”的意思,CSS中height指的是内容的高度,而不是盒子的高度padding是“内边距”的意思border是“边框”margin是“外边距”web中的盒子模型与安卓界面设计中的并不一致。安卓开发中布局真实占有宽高依靠width和height...
2019-01-11 18:21:02
58
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人