html
关注
分享
扫一扫
文章平均质量分 74
Jack-小俊
高级前端开发工程师
展开
-
web前端浏览器的兼容性处理
目录(?)[+]HTML对象获取问题const问题eventx与eventy问题windowlocationhref问题frame问题模态和非模态窗口问题firefox与IE的父元素parentElement的区别documentformNameitemitemName问题集合类对象问题自定义属性问题inputtype属性问题eventsrcElement问题body载入问题事件委托方法Table转载 2017-02-09 19:19:34 · 770 阅读 · 0 评论 -
前端面试题整理汇总100题
1.一些开放性题目1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。2.项目介绍3.如何看待前端开发？4.平时是如何学习前端开发的？5.未来三到五年的规划是怎样的？position的值， relative和absolute分别是相对于谁进行定位的？absolute :生成绝对定位的元素， 相对于最近一级的 定位不是 static转载 2018-02-04 10:38:37 · 26081 阅读 · 4 评论 -
CSS3-@media媒体查询使用总结
准备工作1：设置Meta标签首先我们在使用Media的时候需要先设置下面这段代码，来兼容移动设备的展示效果：html 代码1<name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 这段代码的几个参数解释： width = device-width：原创 2017-04-27 14:32:40 · 4894 阅读 · 2 评论 -
移动端web整理
meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式viewport模板常见问题移动端如何定义字体font-family移动端字体单位font-size选择px还是rem转载 2017-05-15 17:25:25 · 468 阅读 · 0 评论 -
localStorage-“增删改查”
学习vue.js，依赖HTML5的新特性来实现前端模拟数据库的存储，和数据的增删改查。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> h3{ columns: 200px 3;原创 2017-05-23 14:33:59 · 11377 阅读 · 3 评论 -
移动端响应适设计
-最近在学习移动端的响应适布局，收集些系统的干货在博客备用。响应式布局就是响应式设计方案呈现的效果。具体就是页面的布局会根据不同设备的显示面积（主要是宽度）的不同而呈现不同的布局，这个效果是比弹性的布局更好的地方是样式会主动地根据用户的设备的显示面积呈现的布局更灵活，可读性更强。当然对研发的要求也更高（比如说如何更好地让图片，适配，UI动画自适应各种布局）。响应式设计一般来说是一套设计方案解决所有的原创 2017-04-21 06:01:12 · 626 阅读 · 0 评论 -
viewport实现响应式设计
1. 不使用viewport出现的问题提到响应式设计，大家首先想到的可能是 Bootstrap ， @media 。前者是一个响应式UI库，风格比较扁平化，类似的还有雅虎的Pure。@media是CSS3的属性，利用它可以在不依赖其他库的情况下实现响应式设计。如果你使用过媒体查询，应该熟悉下面的代码： 可查看github下载实例代码 @media screen and (min-转载 2017-04-18 14:20:31 · 1157 阅读 · 0 评论 -
浏览器兼容与前端性能优化集合
一、浏览器兼容1.1、概要世界上没有任何一个浏览器是一样的，同样的代码在不一样的浏览器上运行就存在兼容性问题。不同浏览器其内核亦不尽相同，相同内核的版本不同，相同版本的内核浏览器品牌不一样，各种运行平台还存在差异、屏幕分辨率不一样，大小不一样，比例不一样。兼容性主要考虑三方面：1)、CSS兼容2)、JavaScript兼容3)、HTML兼容这三类也是前端的主要组成部分，都存在一定的兼容性问题转载 2017-04-09 23:34:32 · 6091 阅读 · 1 评论 -
博主github项目分享
https://github.com/garvisjack仅供各位学习web开发的朋友参考借鉴。原创 2017-04-08 22:10:44 · 375 阅读 · 2 评论 -
版本管理工具-Git
版本管理工具-Git在我们学习编程的时候，一个项目的代码量很多，同事之间各司其职，这个时候统一项目的代码，完善项目的流程就非常重要了，像Git,Svn都是非常棒的项目管理工具，以下总结一下相关的简单用法，部分是慕课网的学习方法什么是版本管理工具呢？ 版本控制工具： 1.文件备份 2.记录历史 3.回到过去 4.多端共享 5.独挡一面 6.团队合作发展历史 下载客户端 GitHu原创 2017-04-08 20:48:05 · 483 阅读 · 0 评论 -
HTML5-input元素新特性
HTML5 input元素新的特性做电商项目的时候，订单页面需要对收货人地址进行是否为空的判断，不打算用JS写太具体的表单验证，就翻翻HTML5的表单新元素，试试看，提示效果其实很不错，只是默认的提示不友好，比较呆，进行些处理后还是很好用的喔。做个小小的新特性归纳，码字完成以后，博主英语单词过目不忘，自然就记得它们了。主要用到这个，下面的归类，参考了网上的标准资料 input元素内的值为无效值时触原创 2017-03-19 11:35:18 · 4144 阅读 · 0 评论 -
javascript实现-右下角广告框效果
**以下是用原生js实现的简单网页主页右下角的广告框效果； 利用好绝对定位，点击X关闭广告，里面的内容不管动图或者视频都可以。 代码最简洁，js行为优化版，复制粘贴即可使用。 ** <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>右下角广告框效果</title></head><st原创 2017-01-29 20:42:51 · 1385 阅读 · 0 评论 -
DIV盒模型和伪类-tap选项
去年纯用DIV盒模型和伪类做的tap选项菜单系列， 当然编码规范上不够完整，比较冗余，用以收藏借鉴。原创 2017-01-29 09:25:49 · 745 阅读 · 0 评论 -
HTML5新增的标签和属性归纳
收集总结的HTML5的新特性，基本除了IE9以下都可以使用。HTML5语法大部分延续了html的语法不同之处：开头的 字符编码变得简洁，不区分大小写，添加了布尔值，类似checked，selected引号可以省略，但是编码规范来说，不建议，有可以省略结束符的标签，和完全省略的标签应用。增加标签：1、结构原创 2017-01-27 11:21:24 · 31064 阅读 · 4 评论 -
html5和CSS3的编码规范
这是我通过网上查阅资料总结的一些编码规范，用于巩固对html，css页面重构时的基础。 黄金定律 不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。 语法1.用两个空格来代替制表符（tab） – 这是唯一能保证在所有环境下获得一致展现的方法。 2.嵌套元素应当缩进一次（即两个空格）。 3.对于属性的定义，确保全部使用双引号，绝不要使用单引号。 4.不原创 2017-01-27 09:25:08 · 695 阅读 · 1 评论 -
Javascript模块化编程（一）：模块的写法
作者： 阮一峰日期： 2012年10月26日随着网站逐渐变成”互联网应用程序“，嵌入网页的JavaScript代码越来越庞大，越来越复杂。网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等……开发者不得不使用软件工程的方法，管理网页的业务逻辑。Javascript模块化编程，已经成为一个迫切的需求。理想情况下，开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块。但是，转载 2017-01-26 19:08:52 · 251 阅读 · 0 评论 -
github上值得关注的前端项目
frontend-dev-bookmarks 一个巨大的前端开发资源清单。star:15000front-end-collect 分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者。star:860Front-end-Interview-questions 史上最全前端开发面试问题及答案f2e-hub 包含Animation，UI，dialog，Carousels，color，image转载 2017-01-26 08:30:22 · 4872 阅读 · 0 评论 -
psd快速转化html模版(切图)
拿到任务psd，如何切图，如何通过ps理清思想，完成到html的布局改变。原创 2017-01-25 19:17:36 · 11496 阅读 · 0 评论 -
数组和JSON不同的遍历方法总结
项目中对于数组和JSON数组不同的遍历方法总结 最近也在开发小程序，各种爬坑<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> &a原创 2018-03-07 16:28:17 · 763 阅读 · 0 评论