随笔分类 -  html+css

box2dweb基础
摘要：大名鼎鼎的物理引擎box2d基本上大家都听说过，网上有两个javascript版本的box2d库，一个时box2djs，已经停止维护，一个是box2dweb。下面就来介绍一下box2dweb的基本信息。 一 包，类介绍 BOX2D.Collision>>>碰撞，冲击包；b2AABB AABB坐标b2 阅读全文
posted @ 2017-06-22 15:49 惊觉小菜鸟 阅读(769) 评论(0) 推荐(0)
transform的妙用---实现div不定宽高垂直水平居中
摘要：transform的兼容性 transform的兼容性还是比较乐观的。IE9以下不兼容，IE9支持代替的-ms-transform属性不过只支持2D转换。 谷歌和Safari支持代替的-webkit-transform属性。IE9以上、火狐和欧朋是兼容的。 transform 属性向元素应用 2D 阅读全文
posted @ 2017-05-25 10:11 惊觉小菜鸟 阅读(413) 评论(0) 推荐(0)
css如何引入外部字体？
摘要：第一步，在CSS中引入字体并给名字取一个合适的名字，如下 1 2 3 4 5 6 7 @font-face { /* font-properties */ font-family: pictos; src:url('pictos/pictos-web.woff'), url('pictos/pict 阅读全文
posted @ 2017-05-25 09:48 惊觉小菜鸟 阅读(21028) 评论(0) 推荐(0)
前端面临的攻击，以及应对方案
摘要：转载自：https://segmentfault.com/a/1190000006672214?utm_source=weekly&utm_medium=email&utm_campaign=email_weekly#articleHeader14 欢迎大家收看聊一聊系列，这一套系列文章，可以帮助前 阅读全文
posted @ 2017-03-14 17:04 惊觉小菜鸟 阅读(2592) 评论(0) 推荐(0)
前端面试常见问答
摘要：作者：老大徒伤悲链接：https://zhuanlan.zhihu.com/p/22800583来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。1. 常用那几种浏览器测试？有哪些内核(Layout Engine)?(Q1) 浏览器：IE，Chrome，FireFox，S 阅读全文
posted @ 2017-03-03 11:04 惊觉小菜鸟 阅读(736) 评论(0) 推荐(0)
前端知识体系
摘要：1. 布局框架： Bootstrap: http://getbootstrap.com/ Foundation: http://foundation.zurb.com/ Uikit: http://www.getuikit.com/ Web Components:http://css-tricks. 阅读全文
posted @ 2017-03-03 10:58 惊觉小菜鸟 阅读(223) 评论(0) 推荐(0)
一个经验丰富的网站建设程序员的CSS资料
摘要：没有就不能活的 53 个 CSS 技术 对新手实用的 20 个 CSS 建议 快速编写更好 CSS 代码的 5 种方法 50+ 个 CSS 创意案例和教程 101 个 CSS 小贴士、教程和范例 CSS 代码片段：15 个邪恶的技巧 15 个必学的 CSS 技巧 8 个 CSS 链接 链接小贴士 8 阅读全文
posted @ 2017-03-03 10:35 惊觉小菜鸟 阅读(189) 评论(0) 推荐(0)
cookie、 sessionStorage 、localStorage之间的区别和使用
摘要：1.cookie:存储在用户本地终端上的数据。有时也用cookies，指某些网站为了辨别用户身份，进行session跟踪而存储在本地终端上的数据，通常经过加密。一般应用最典型的案列就是判断注册用户是否已经登过该网站。 2.HTML5 提供了两种在客户端存储数据的新方法：(http://www.w3s 阅读全文
posted @ 2017-03-03 10:32 惊觉小菜鸟 阅读(819) 评论(0) 推荐(0)
使用CSS修改HTML5 input placeholder颜色
摘要：本文选自StackOverflow（简称：SOF）精选问答汇总系列文章之一，本系列文章将为读者分享国外最优质的精彩问与答，供读者学习和了解国外最新技术。本文将为读者讲解HTML5 Input Placeholder Color的个性化设定，需要针对不同浏览器内核来编程。 问题： David Murd 阅读全文
posted @ 2017-03-03 10:30 惊觉小菜鸟 阅读(220) 评论(0) 推荐(0)
HTML5获取地理经纬度并通过百度接口得到实时位置
摘要：<!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="Content-Type" content="text/htm 阅读全文
posted @ 2017-02-27 14:20 惊觉小菜鸟 阅读(1433) 评论(0) 推荐(0)
h5直播
摘要：直播开发之旅 ① 状态控制： 目前我们先考虑直播的三种状态： 直播前，直播中，结束。 针对每个状态我们肯定会有不同的显示，这三种状态可以是三个页面，相互切换，或者一个页面，控制页面相关隐藏和显示。 可是我们怎么知道，当前主播已经切换成某种状态了呢？ 通过轮询吗？ 当然不是，轮询肯定是可以实现的。 不 阅读全文
posted @ 2017-02-27 14:02 惊觉小菜鸟 阅读(1867) 评论(1) 推荐(0)
移动端H5页面自适应手机屏幕宽度
摘要：1.由于本人使用的是sublime.text，使用rem就可以达到效果。 点击菜单中的preferences下的browse packages，选择cssrem-master，添加或者编写cssrem.sublime-settings文件。 设置px_to_rem的值为75即可。 在代码里输入设置的 阅读全文
posted @ 2017-02-24 11:08 惊觉小菜鸟 阅读(13942) 评论(0) 推荐(1)