前端开发 - HTML / HTML5
文章平均质量分 78
Hayley2016
微信【H19950211H】
2018.08.20学习计划:
《带你学习Jade模板引擎》
《所向披靡的响应式开发》
《Vue+Webpack打造todo应用》
《Vue核心技术Vue+Vue-Router+Vuex+SSR实战精讲》
2018.12.18学习计划:
《全面系统讲解CSS工作应用+面试一步搞定》
《Node.js七天搞定微信公众号》
展开
-
一份完整的HTML模板文件、HTML中容易被忽略的基础知识点
<html lang="zh-CN"><head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>HTML模板文件</titl原创 2018-07-09 10:42:00 · 4153 阅读 · 0 评论 -
常用HTML、CSS、Javascript前端命名规范
必不可少的图片使用<img>引入,可有可无的装饰性图片可以使用标签的style引入 一般都使用class(中横线分割命名)定义样式,id(驼峰命名)一般用于js快速的区别和获取元素class未完待续。。。与君共勉:再牛逼的梦想,也抵不住傻逼般的坚持!...原创 2018-07-04 15:01:03 · 234 阅读 · 0 评论 -
纯干货 —— 响应式图片解决方案
响应式图片不仅仅指图片的排版和布局,还包括根据设备大小加载不同的图片。在移动端设备上访问时,加载与用户设备相匹配的小图片,即快速,又不影响用户体验,也不会因为加载跟移动端不适配的高清大图导致用户流量出走。有些在大屏里看着比较舒服的图片,在手机上看会觉得太小,里边的东西看不清;即使手机分辨率是1920×1080,PC和手机上的图片宽度都是1000,显示的效果也应该不一样,手机上的图片应当更加注重...原创 2018-08-30 16:34:50 · 5246 阅读 · 0 评论 -
强大的jQuery焦点图插件Owl Carousel + 响应式图片(案例解析)
GitHub地址:https://github.com/OwlCarousel2/OwlCarousel2在各式各样的网站中,都能看到焦点图插件的身影。一个好的焦点图插件必须满足以下特点:1. 支持不同数量的图片 2. 支持响应式布局 3. 具有良好的兼容性Owl Carousel完全满足这几个特点。Owl Carousel是非常强大的jQuery焦点图插件,这个焦点图插件功能众多,高...原创 2018-12-12 13:59:57 · 3079 阅读 · 0 评论 -
如何处理兼容性及在多个设备上进行调试
桌面端浏览器调试方法通常只需要在Google、Firefox、Opera、Safari、IE五大主流浏览器进行测试。移动端浏览器调试方法移动端浏览器调试的最好方法是真机测试,因为很多手机生产厂家会根据原生的安卓系统开发自己的操作系统,在没有真机测试的情况下会出现很多意想不到的兼容性问题。对于纠结需要进行哪些真机测试的问题,我们可以根据手机设备活跃度选择活跃度较高的主流设备进行测试。...原创 2018-07-10 14:54:03 · 801 阅读 · 0 评论