原生app里的数据列表都会使用下拉刷新的效果,在webapp里可以采用iscroll、swiper等插件或框架实现,那么如何自己编码实现类似的效果呢,下面介绍使用原生js+css3实现的简单效果。 html布局 <…
分类:html5
谷歌地图 API 开发之获取坐标以及街道详情
自己的项目中有获取当前点击的坐标经纬度或者获取当前街道的信息的需求。估计这个对于新手来说,还是比较麻烦的,因为从官网上找这个也并不是很好找,要找好久的,运气好的可能会一下子找到。 献上自己写的测试案例。代码如下: <…
canvas应用一:简易时钟
写在之前 canvas 元素中提供了看似简单的绘图方法,但仔细挖掘,可以以此做出非常复杂而漂亮的图形。随着 API 的逐渐完善,我相信自己能进行更多有意思的尝试。 时钟的 canvas + js 实现主要是应用上下文的简…
摘要
背景 从后端正式转入前端已经一年了,这一年当中,学到的东西甚至比以前两年还多。不禁感叹学海无涯,要学的东西实在是太多。人总是健忘的,我希望通过一个记要专栏来记录一下我在前端方向的一些自己觉得重要的东西,以方便往后的知识回…
关于《JavaScript半知半解》和《Web开发实战》的电子版说明
《JavaScript半知半解》和《Web开发实战》目前都已经发布,而关于电子版,都还没有开放下载。 对于《Web开发实战》的电子版,将会在完成100个功能时开放下载,预计是过完年后的2月底或3月初。 而《JavaScr…
关于移动端 1px 像素问题
移动端1px变粗的原因 移动端html的header总会有一句<meta name=”viewport” content=”width=device-width, initial…
div 底部固定方法(不用position定位)
方法一:全局增加一个负值下边距等于底部高度 <style> html, body { height: 100%; margin: 0; } .content { padding: 20px; min-heig…
深入理解闭包的概念
闭包 关于闭包,目前有如下说法: 闭包是函数和声明该函数的词法环境的组合(MDN) 函数对象可以通过作用域链相互关联起来,函数体内部的变量都可以保存在函数作用域内。这种特性在计算机科学文献中被称为闭包(JavaScrip…
【2019-03-29】记录过去一周看过觉得很好的文章
跨平台抓包工具,亲自测试并使用,总的来说就是配置非常简单好用,值得拥有 Mobile Debug官方网站(代理抓包/移动端H5调试/请求劫持/HTTPS支持/Hosts管理/WebSocket数据捕获/跨平 一个可以更好…
匿名函数以及闭包内部this指向(函数调用模式的问题)
网上看到一句话,匿名函数的执行是具有全局性的,那怎么具有的全局性呢?闭包内部this的指向是window,为什么指向了window呢?下面通过js函数调用模式和部分案例分析了为什么确实如此 1.js函数调用的模式 1.方…
px、em、rem、%、vw、vh、vm这些单位的区别
1.px px就是像素,也是我们现在经常使用的基本单位,比如常常听到的电脑像素是1024×768的,表示的是水平方向是1024个像素点,垂直方向是768个像素点。 2.em em参考物是父元素的font-siz…
css3伪类和伪元素你都懂了吗
什么是伪类? 伪类用于定义元素的特殊状态。 例如,它可用于: 当用户将鼠标悬停在元素上时为其设置样式 访问和未访问的链接不同样式 在获得焦点时设置元素的样式 伪类的语法 后代选择器匹配作为指定元素后代的所有元素。以下示例…