• 欢迎访问大姚哥前端笔记
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧
  • 欢迎留言o(∩_∩)o 哈哈

最新发布 第4页

全栈之路姚辉涛个人网站,前端学习笔记,前端知识分享,全栈工程师的自我修养,前端笔记

移动开发

Javascript实现舒尔特表训练页面

舒尔特表可以通过动态的练习锻炼视神经末梢。心理学上用此表来研究和发展心理感知的速度,其中包括视觉定向搜索运动的速度。 ①眼睛距表30~35厘米,视点自然放在表的中心; ②在所有字符全部清晰入目的前提下,按顺序(1~25)找全所有字符,注意不要顾此失彼,因找一个字符而对其他字符视而不见; ③每看完一个表,眼睛稍做休息,或闭目,或做眼保健操,不要过分疲劳; ④练……继续阅读 »

dayaoge 3年前 (2016-09-14) 854浏览 4个赞

前端开发

正则表达式速查表

字符 描述 \ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如,“n”匹配字符“n”。“\n”匹配一个换行符。串行“\\”匹配“\”而“\(”则匹配“(”。 ^ 匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性,^也匹配“\n”或“\r”之后的位置。 $ 匹配输入字符串的……继续阅读 »

dayaoge 3年前 (2016-09-05) 524浏览 1个赞

HTML5

HTML5标签速查表

标签 描述 版本 属性 <!–…–> 定义注释 4 / 5 none <!DOCTYPE> 定义文档类型 4 / 5 none <a> 定义超链接,用于从一个页面链接到另一个页面。 4 / 5 href | hreflang | media | ping | r……继续阅读 »

dayaoge 3年前 (2016-09-05) 667浏览 0个赞

H5游戏

egret粒子库及使用方法

egret 第三方库,打开找到需要用的particle粒子库。 在项目外新建个libs目录,进入libs,然后新建个bin目录,把刚才下载的particle拷贝进去。结构应该是这样的:。 然后在项目目录的配置文件egretProperties.json中添加粒子库引用。 ,{ "name": "particle……继续阅读 »

dayaoge 3年前 (2016-09-05) 2452浏览 1个赞

CSS3

rem在chrome下最小字体限制导致布局错乱【天天踩坑】

话说chrome已经废弃了-webkit-text-size-ajust:none很久了,这导致chrome浏览器无法显示12px以下的字体了,因为chrome觉得12px以下的字体在桌面设备上不利用用户阅读。(这又是何必呢,不要拿你的想法左右我们 )。 这就导致我们设置的html{font-size:62.5%}在chrome浏览器里解释相当于html{……继续阅读 »

dayaoge 3年前 (2016-08-31) 1441浏览 0个赞

HTML5

JS实现移动端顶部下拉刷新

实现原理:内容#bodyBox,头部刷新#loading。头部top值设为负的div高度。当页面下拉时,分别设置#bodyBox和#loading的Y轴位移,使loading显示,完全显示时,执行加载ajax,执行完成隐藏#loading。 (loading动画如有侵权请联系我) 扫码在手机上体验。 项目详细已托管至github: 附源代码: <……继续阅读 »

dayaoge 3年前 (2016-08-29) 1344浏览 2个赞

HTML5

HTML5模拟原生顶部下拉图片变大效果

看到好多APP产品展示页顶部一个焦点图,滚动条位于顶端时,我们再往下拉时图片就会变大。感觉效果挺棒的。就想着用HTML5来实现,终于实现了,效果见下图。 扫码在手机上体验。 原理应该就是当滚动条位于顶点时,如果往下拉,则禁用系统默认滚动e.preventDefault();。 原理听起来挺简单。那怎么判断是往下拉呢? 判断手指下滑 1、首先我们定义四……继续阅读 »

dayaoge 3年前 (2016-08-26) 1185浏览 1个赞

HTML5

HTML5 history API操作历史记录

   之前我们可能用基于hash的导航来实现不刷新的情况下接管页面的浏览历史记录,但是带#号的url总归不是那么美观。HTML5提供了对History操作。 只要通过history.pushState()和history.replaceState()两个函数配合window.onpopstate来实现。pjax也是基于这个原理实现的。……继续阅读 »

dayaoge 3年前 (2016-08-25) 1399浏览 0个赞