摘要: pt:屏幕物理像素(屏幕实际宽度像素) px:屏幕分辨率 pt和px关系:iphone6plusppi密度高,1pt里有3px,iphone6 1pt里有2px。 iphone6宽度 (物理像素) :375pt,1pt含有2px, 分辨率(设计图) 750px。 iphone6plus宽度(物理像素 阅读全文
posted @ 2020-05-16 23:28 热爱前端知识 阅读(992) 评论(0) 推荐(0) 编辑
摘要: 轮播图 代码储存在Github效果预览 初衷:很多人在初学前端的时候都会问,“如何入门前端?”同为在前端学习道路上,奋力追赶的一员,本人对于目前网络上所能看到的 “入门级” 的教材并不太满意。学习一门新知识,实例是尤其重要的。在这里本人整理了目前页面上常见功能实现的具体实例。愿能为大家提供一些帮助。 阅读全文
posted @ 2020-05-16 22:44 热爱前端知识 阅读(563) 评论(0) 推荐(0) 编辑
摘要: 在表单中,我们可以通过嵌入“环信移动客服”,为表单加上即时通讯的能力。点击查看实际效果 实现方式:1、注册--环信移动客服http://kefu.easemob.com/mo/re... 2、登陆--环信移动客服(http://kefu.easemob.com/),点击右上角“管理员模式”,如下图: 阅读全文
posted @ 2020-05-16 21:31 热爱前端知识 阅读(197) 评论(0) 推荐(0) 编辑
摘要: CSS-Layout 旨在打造详尽的前端布局代码学习库(自从用了框架开发,CSS生疏了不少,所以开这个库练练手)SF不能正确解析含有中文的网址,所以某些预览链接无法跳转,请访问我的博客阅读此文 常见定位方法 水平居中 子元素为行内元素还是块状元素,宽度一定还是宽度未定,采取的布局方案不同。 方案选择 阅读全文
posted @ 2020-05-16 19:56 热爱前端知识 阅读(230) 评论(0) 推荐(0) 编辑
摘要: 众多周知 CSS3 增加了很多属性,在读写的时候就没有原先那么方便了。 如:<div style="left:100px"></div> 只考虑行间样式的话,只需 div.style.left 就可获取,设置的时候也只需要 div.style.left='100px' 即可。很简单。 但是css3来 阅读全文
posted @ 2020-05-16 19:18 热爱前端知识 阅读(232) 评论(0) 推荐(0) 编辑
摘要: 传统的测试工具在测试一个API的时候,必须手动填写这个API所需要接收的所有信息,比如一个查询航班动态的API,他接收两个输入字段,一个叫flight, 一个叫date,那么测试这个API的用户,需要手动填写所有这些信息:flight=MU3532 & date=2017-03-02。而在灵长科技的 阅读全文
posted @ 2020-05-16 18:31 热爱前端知识 阅读(1322) 评论(0) 推荐(0) 编辑
摘要: JavaScript module for stripping HTML tags and/or HTML element attributes from strings. 安装 npm install js-striphtml 使用 var striphtml = require('js-stri 阅读全文
posted @ 2020-05-16 17:50 热爱前端知识 阅读(819) 评论(0) 推荐(0) 编辑
摘要: 最近在实现一个显示RGB颜色数值的动画效果时,尝试使用了writing-mode(书写模式)及 text-orientation来实现文字的竖直方向的排列,并借助CSS的transition(过渡)来实现动画效果。关于书写模式,参考链接[链接描述]1 各浏览器对writing-mode的支持情况,可 阅读全文
posted @ 2020-05-16 17:12 热爱前端知识 阅读(3798) 评论(0) 推荐(0) 编辑
摘要: 前言 在利用video元素或audio元素读取或播放媒体数据时,会触发一系列事件,如果用js脚本来捕抓这些事件,就可以对着这些事件进行处理了。 捕抓的方式有两种: 第一种是监听的方式。使用vedio或audio元素的addEventListener方法来对事件进行监听,该方法可以定义如下: vedi 阅读全文
posted @ 2020-05-16 16:32 热爱前端知识 阅读(422) 评论(0) 推荐(0) 编辑
摘要: 自己的第一个开源组件,断断续续写了有一段时间,感觉可以发布 v0.0.1。SDT 是 SVG Drag Tree 的缩写,一个可以通过拖放 SVG 图标,来生成拥有树形结构的视图与相应数据的前端组件。该组件不依赖任何其它库或框架,同时在样式上留给了用户极大的自由(因此,示例并不代表其最终样式),其 阅读全文
posted @ 2020-05-16 15:56 热爱前端知识 阅读(172) 评论(0) 推荐(0) 编辑
摘要: safari浏览器fixed后,被软键盘遮盖的问题,已经有好多人问相关的问题,应该是问的角度不一样,还的再次提出咯。 问题描述 测试环境:ios 10.2/10.3 简单来说就是在html5页面中底部有个fixed的区域,如图 在点击输入框的时候,软键盘弹出,遮盖了fixed区域(这里页面整体上移了 阅读全文
posted @ 2020-05-16 15:04 热爱前端知识 阅读(573) 评论(0) 推荐(0) 编辑
摘要: 事件 纲要 理解事件流 使用事件处理程序 不同的事件类型 javascript和html的交互是通过事件实现的。事件就是文档或浏览器窗口发生的一些特定交互瞬间。可以使用侦听器(事件处理程序)预定事件,以便事件发生时执行相应的代码。 1 事件流 浏览器发展到第四代时(IE4和Netscape comm 阅读全文
posted @ 2020-05-16 14:10 热爱前端知识 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 使用Web存储API TODO:本文由 赤石俊哉 翻译整理,您可以将本文自由地用于学习交流。如需用于其他用途请征得作者的同意。 原文链接:Using the Web Storage API - Mozilla Developer Network (英文) Web存储API提供了浏览器可以在本地安全存 阅读全文
posted @ 2020-05-16 13:18 热爱前端知识 阅读(751) 评论(0) 推荐(0) 编辑
摘要: 之前用跨平台开发工具做了一个应用,平台可以同时生成安卓版和苹果版,想着也把这应用上架到App Store试试,于是找同学借了个苹果开发者账号,但没那么简单,还要用到Mac电脑的钥匙串申请发布证书和上传ipa,可没有Mac,同学的大老远的也不方便拿过来用,然后捣鼓了个虚拟机,卡的我怀疑人生,后面找到了 阅读全文
posted @ 2020-05-16 11:24 热爱前端知识 阅读(1325) 评论(0) 推荐(0) 编辑
摘要: 项目中经常会有一些公共组件,比如header,如果每个页面都写一遍的话显得很冗余,而且不利于维护,这时候我们就会考虑将这些公共部分抽取出来,做成一个单独的组件。 然而angular不是很熟悉啊~怎么啵~ 折腾了一下,才发现angular的组件开发主要依赖自定义指令(directive )来实现。 主 阅读全文
posted @ 2020-05-16 10:50 热爱前端知识 阅读(375) 评论(0) 推荐(0) 编辑
摘要: APICloud专注于APP开发定制技术,多年来不停为开发者奉献更多的资源。此次,APICloud将以往的的资源进行更新、整合,以合集的形式分享给广大的用户。 APICloud应用案例源码合集 APICloud应用案例源码合集,收集一些优秀的基于 APICloud 技术开发的应用模板。其中包括仿每日 阅读全文
posted @ 2020-05-16 10:00 热爱前端知识 阅读(498) 评论(0) 推荐(0) 编辑
摘要: 这是我做前端一来的第一篇文章,都不知道该怎么开始了。那就直接奔主题吧。先讲讲这个功能的实现场景吧,我们小组使用vue全家桶实现了一个单页面应用,最初就考虑对登录状态做限制。比如登录后不能后退到登录页面,退出到登录页面后,不能后退刚刚登录的页面。在main.js中: new Vue({ store, 阅读全文
posted @ 2020-05-16 09:11 热爱前端知识 阅读(2853) 评论(1) 推荐(0) 编辑
摘要: 这是代码完成的效果,按下abcd会出现对应的架子鼓音乐的效果。 简单的介绍下代码思路,html和css部分就不多说了。 重要的是js部分。 大致是这样的, 首先获取到所有的按钮为一个数组,然后遍历整个数组,增加监听函数,如果按钮的其一被按下,就会播放相应的声音。 <script> function 阅读全文
posted @ 2020-05-16 08:34 热爱前端知识 阅读(297) 评论(0) 推荐(0) 编辑