audio h5 src 变了之后_我在叩丁狼学H5

#我在叩丁狼学H5#最近接触到了一些前端框架，像Vue.js，React，发现小程序的框架体系跟它们很像。它们都推崇模块化，组件化，数据与元素绑定。这样没有繁琐的DOM操作，组件之间完全分离，样式和逻辑全都封装在模板里，别人写好的组件可以拿来直接用，这会明显地提高我们前端开发的速度。

另外，微信小程序界面小，样式好调。这意味着，我们从纸面原型到能跑的APP的实现将会是很快的，所以我们可以多花一点时间去找，或者去构思，怎么的排版，什么样子的组件会更好看，怎样的特效用户体验会更好。当然，在此之前必须要熟悉微信框架以及熟练地使用css来调样式。

对于CSS，个人觉得比较难调的就是定位（搞懂fixed,absolute,relative的区别就OK）和布局（flex很好用）了。大家可以参考上面的链接来学习，像flex，它有很多属性，每个属性又有很多值，一下子不可能都记住。其实主要的还是多用，你可以先过一遍，大致知道有哪些东西，然后直接上手项目去调样式，对着文档调，很快就记住了。其实用的比较多的就flex-direction, align-items 和 justify-content。

这又让我想起来刚开始看《小程序开发入门》那本书的时候，我把所有的组件还有他们的属性都认认真真看了一遍，看的时候还尽量去记。但是后来一个星期没学，用的时候全忘光了。还有前两天，团队赶项目，老板没办法了让我一个实习生去帮着做页面。为了能跟项目框架合并，我必须得用一个从没用过的框架来写。根本没时间去熟悉整个框架，只能大致过一下，然后就开始写。之后我发现，过程进行的还算顺利，在写代码的过程中，会发现这个框架的一些小细节，你会去想办法弄懂它，然后就慢慢地熟悉了这个框架。但是，就算你在一开始学就有人告诉你这个细节，你也不一定能消化掉。就比如说，我记得《小程序开发入门》那本书就有讲js更改数据必须要通过调用this.setData()不能直接用this.data.Variable=value，之后是一段解释。后来我几乎忘记了它是怎么解释的，直到去调试一个组件的时候，我想要知道怎样能把后台请求得到的数据实时渲染到页面，google说用this.setData()吧，原来直接赋值只是改变了逻辑层的数据，而setData可以在逻辑层数据更改之后立刻通知表示层，数据变了，你渲染一下。

所以我就有一个体会了，当你有一定的前端基础之后，学习新的框架就是两个过程：熟悉框架和上手项目。而更快速高效的方法就是适当缩短前一个过程，把时间用在练手上。这里练手并不完全指对照着别人的项目或者看着模板组件写，相反我应该尝试着过一遍他的代码之后自己去实现，碰到不会实现的地方再去看。我之前就有过，对照着视频里面的代码敲，连它给的id都不敢改，生怕什么地方不一样，代码跑不起来，但是关了视频自己敲又下不了手了。这让我想起来一个图，我感觉挺恰当的。看着代码敲就像是老师讲课，一条路到终点，而自己写中途就可能会遇到各种问题，但是正是这个过程能够让你认识到这个框架的各种细节问题，从而帮你更快速的熟悉框架。当然，当你已经熟悉了框架之后，你想怎么玩就怎么玩。

audio h5 src 变了之后_我在叩丁狼学H5相关推荐

h5 bootstrap 小程序模板_一道面试题小程序与H5的区别
抛砖此文是一道面试题,又不仅仅是一道面试题面试题,在各个技术社区里都是一个永不落伍的话题,好像大多数人临面试前都会狂刷面试题,恨不得把所有面试题都看一遍,要说有用没,当然有用,因为大部分面试题确实 ...
h5首页加载慢_为什么你做的H5开屏那么慢？H5首屏秒开方案探讨
阿里妹导读: 越来越多的APP内业务使用H5的方式实现,怎样让H5页面启动更快是很多人在探索的技术点,本文梳理了启动过程中的各个点,分别从前端和客户端角度去探讨有哪些优化方案,供大家参考.作者:蚂蚁金 ...
html中audio使用src,HTML Audio src用法及代码示例
DOM Audio的src属性用于设置或返回音频的src属性的值. src属性通常用于指定音频文件的位置(URL). 用法: 返回src属性:audioObject.src 设置src属性:audio ...
h5 bootstrap 小程序模板_软件测试人员必知H5/小程序测试点
最近接触了较多关于H5页面的测试,H5页面的测试除了业务逻辑功能测试外,其他部分的测试方法基本是可以通用的,在此对H5页面和小程序的一些通用测试方法进行总结分享给大家 01 H5相关测试 H5优势: ...
h5物体拖动_研究了50+个爆款H5，原来他们刷屏的套路如此简单
今日重磅福利后台回复[字体]即可获得: 一盏精选50+最常用字体礼包:覆盖全部日常工作场景,包含了中文.英文和日文中会涉及到的各种实用的样式字体. 在早些年,H5其实更像是手机上的PPT,只支持点击. ...
项目打包打的是什么包_“微端打包+游戏平台”，H5游戏也可一键下载！
许多H5游戏的运营者,都在被H5游戏的留存率所困扰.在过去,溪谷H5游戏微端打包工具很好的解决了H5游戏留存率提升的问题. 现在,溪谷手游H5双平台推出了V4.0.0版本,在溪谷微端打包工具上打好的母 ...
分享好玩的h5小游戏制作步骤_怎么做h5微信小游戏
近年来,市面上一直流行各种h5游戏,例如投票.答题.刮刮乐.大转盘等等等等,而且我在各种营销场景下经常看到它们的身影,是做促销,引流和宣传的神器之一! 那么,怎么做好玩的h5游戏?还在找h5小游戏模板 ...
wkwebview加载h5图片不显示_埋点 13 ：App 与 H5 打通
1.原理概述 iOS 混合开发越来越流行,App 与 H5 的打通需求,也越来越迫切! 那什么是 App 与 H5 打通呢? 所谓打通,是指 H5 集成 JavaScript 数据采集 SDK 后,H ...
h5 bootstrap 小程序模板_微信小程序和H5的区别在哪里？主要有三点
原标题:微信小程序和H5的区别在哪里?主要有三点随着移动互联网的发展,许多应用在不断的产生,要说现在更新快.开放功能多的应用,只能是微信小程序了.微信小程序开放了60多个流量入口,更新了各种新的功能 ...

audio h5 src 变了之后_我在叩丁狼学H5

audio h5 src 变了之后_我在叩丁狼学H5相关推荐

最新文章

热门文章