一.HTML5新特性 本地存储 webStorage websocket webworkers新增地理位置等API对css3的支持canvas多媒体标签新增表单元素类型结构标签:header nav article aside footer表单标签:email url range date媒体标签:video audio…… 二.CSS3新特性 圆角:border-radius阴影:box-shadow背景渐变:https://developer.mozilla.org/zh-CN/docs/W…

标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务. 页面关键词 <meta name="keywords" content="your tags" /> 每个网页应具有描述该网页内容的一组唯一的关键字. 使用人们可能会搜索,并准确描述网页上所提供信息的描述性和代表性关键字及短语.标记内容太短,则搜索引擎可能不会认为这些内容相关.另外标记不…

webpack中文文档 http://webpackdoc.com/index.html 饿了么UI http://mint-ui.github.io/#!/zh-cn http://element.eleme.io/#/zh-CN…

下拉框插件 1.select http://select2.github.io/ 2.双 select http://loudev.com 3.selectbox http://aui.github.io/popupjs/doc/selectbox.html 文字工具插件 1.简繁体转换 https://github.com/BYVoid/OpenCC 2.拼音 https://github.com/hotoo/pinyin 图表插件 1.Highcharts https://www.hchar…

css实现三列布局?如果中间又是自适应布局怎么做?…

字数1374 阅读4622 评论0 喜欢49 以前学习过一段时间的web前端开发,整理了一些我看过的/我认为比较好的学习资料(网站.书籍).不要问我为啥没有进阶版,我只是一条产品汪而已,求轻喷.＝＝ 以下引用知乎 @李路 的话. 以我的经验,大部分技术,熟读下列四类书籍即可. 入门,用浅显的语言和方式讲述正确的道理和方法,如head first系列全面,巨细无遗地探讨每个细节,遇到疑难问题时往往可以在这里得到理论解答,如Definitive Guide/Programming xx系列实践,结合…

整理部分JS 控件  WEB前端常用的做成Jsp项目,方便今后直接用 最近又没时间了,等用时间了,再加入更多的, 源码下载: http://download.csdn.net/detail/liangrui1988/6742675 IE不支持全屏的,也实现了,不过这里不是很完美,有更完美的我用到了这个项目里, http://download.csdn.net/detail/liangrui1988/6742651 效果图如下:…

9个有用的和免费的工具来支持动态网页开发 8个基本的引导工具的网页设计师 11款CSS3动画工具的开发 2016年某前端群题目答案参考 9最好的JavaScript压缩工具 创建响应式布局的10款优秀网格工具集锦 8个超实用的jQuery插件应用 8个非常个性化的CSS3单/复选框 10个超赞的jQuery图片滑块动画 推荐20款JavaScript框架给前端开发者 7个华丽的基于Canvas的HTML5动画 10个非常炫酷的jQuery相册动画赏析 9个绚丽多彩的HTML5进度条动画赏析 7款…

1.常用工具相关 有道云笔记 http://note.youdao.com/signIn/index.html 36镇-最好用的共享收藏夹 http://www.36zhen.com/ 浏览器同步测试工具 http://www.browsersync.cn/ https://www.browsersync.io/ 草料二维码生成器 http://cli.im/ GitHub https://github.com/ StackOverFlow http://stackoverflow.com/ 图…

##2017.10.30收集 面试技巧 5.1 面试形式 1)        一般而言,小公司做笔试题:大公司面谈项目经验:做地图的一定考算法 2)        面试官喜欢什么样的人 ü  技术好.自信.谦虚.善于沟通.表达. ü  喜欢追究原理 5.2 面试内容 1.2.1简历上的项目 ü  介绍下你的项目吧? 1)        第一步:介绍你项目是干嘛的 2)        第二步:介绍下你负责的是哪块 3)        第三步:介绍下里面都有什么功能,你是怎么实现的,怎么分层的? 1…

编写一个方法 求一个字符串的字节长度假设:一个英文字符占用一个字节,一个中文字符占用两个字节 function GetBytes(str){ var len = str.length; var bytes = len; for(var i=0; i<len; i++){ if (str.charCodeAt(i) > 255) bytes++; } return bytes; } alert(GetBytes("你好,as")); 实现一个函数clone,可以对JavaSc…

Web前端/H5开发,前端资源,前端网址,前端博客,前端框架整理 综合类 前端知识体系 前端知识结构 Web前端开发大系概览 Web前端开发大系概览-中文版 Web Front-end Stack v2.2 免费的编程中文书籍索引 前端书籍 前端免费书籍大全 前端知识体系 免费的编程中文书籍索引 智能社 - 精通JavaScript开发 重新介绍 JavaScript(JS 教程) 麻省理工学院公开课:计算机科学及编程导论 JavaScript中的this陷阱的最全收集--没有之一 JS函数式编…

web前端设计基础——HTML5.CSS3.JavaScript 简答题整理 第一章 (1)解释一下名词的含义:IP地址.URL.域名   iP定义了如何连入因特网,以及数据如何在主机间传输的标准. URL统一资源定位符,通过定义资源位置的标识,来定位网络资源. 域名是一串用点分割的名字组成的网络中某台主机或一组主机的名称,用于在数据传输时标识主机的位置. (2)基本的web技术有哪些?web的工作原理是什么? 基本的web技术有:URL.HTTP.MIME. (3)什么是超文本?超文本与超媒体…

大数据,微服务,分布式,Java,Python,Web前端,产品运营,交互 领取方式在篇尾!!! 基础篇.互联网架构,高级程序员必备视频,Linux系统.JVM.大型分布式电商项目实战视频......等等 最近闲着没事,整理了一下网盘,不知不觉也有了1.7G的学习资料,珍藏多年的资源分享给各位小伙伴们. 领取方式:扫描下方二维码,关注公众号,点击精选专题>领取资料,就能免费领取了!!! 里面会分享很多JAVA技术.新知识.新技术.面试宝典等,希望大家多多支持. 喜欢的小伙伴们可以搜索我们个人的微…

1.常用工具相关 有道云笔记 http://note.youdao.com/signIn/index.html 36镇-最好用的共享收藏夹 http://www.36zhen.com/ 浏览器同步测试工具 http://www.browsersync.cn/ https://www.browsersync.io/ 草料二维码生成器 http://cli.im/ GitHub https://github.com/ StackOverFlow http://stackoverflow.com/ 图…

文章目录 html代码用JS动态加载进页面 JS判断用户访问的是PC还是mobile或者微信浏览器 判断浏览器的简单有效方法 点击某个div区域之外,隐藏该div 如何在手机上禁止浏览器的网页滚动 改变type=file默认样式,"浏览"等字体 js使用console.time打印代码执行时间 js判断变量是否未定义的代码 js动态创建css样式添加到head内 form表单提交时设置编码格式 js 加入收藏代码 js强制手机页面横屏显示 JS,Jquery获取各种屏幕的宽度和高度 j…

BAT 前端开发面经 —— 吐血总结   目录 1. Tencent 2. 阿里 3. 百度 更好阅读,请移步这里 聊之前 最近暑期实习招聘已经开始,个人目前参加了阿里的内推及腾讯和百度的实习生招聘,在此总结一下一是备忘.总结提升,二是希望给大家一些参考其他面试及基础相关可以参考其他博文: Questions of FE Web basis summary FE knowledge fragment 每位面试官的面试时间基本都在 40-80 分钟,下面先简要介绍各个面试流程,问题详情见具体公司分…

最近一直搞前端开发,整理下前端用的一些常用素材,分享给大家 框架类 Vue:https://cn.vuejs.org/ iview:https://www.iviewui.com/ 插件类 Jquery插件库:http://www.jq22.com/ UI类 Bootstrap模板大全:https://wrapbootstrap.com/ Bootstrap_Metro风格:https://linghucong.js.org/Bootstrap_Metro_Dashboard/ 字体类 Font…

知识点收藏:(边看.边记录.边写) 开直播学习:虎牙 待办事理>> 练习自我表达(把文章做成视频).技术学习总结(博客与公众号).跳出舒适圈. 前端知识体系:https://www.cnblogs.com/onepixel/p/7021506.html 自建react脚手架:https://pan.baidu.com/s/1HTgaxVsLtONNOkHSQ2sCpA 提取码: q8rs react全家桶框架教程:https://github.com/brickspert/blog/issue…

———————————— 我的软件开发生涯 (10年开发经验总结和爆栈人生) 爆栈人生 现在流行说全栈.每种开发都有其相关的技术.您是否觉得难以罗列某种开发所包括对技术(技术栈)呢?   您是否想过:   我做的这个职业,究竟包含哪些技术呢? 我所掌握的技术这个子集,在整个技术大系这个超集里面占的比例是多少呢? 我究竟还没有掌握多少技术呢? 面试的时候会考哪些技术呢? 那么,开发是否也应该有这样的技术栈概览图呢?   我搜索了很久,没有找到一个符合我要求的“较为全面”地表述各种技术大系的图表.所…

影响网站打开时间有两个因素,一个是网页加载速度,另一个是网站页面的大小.网站加载速度与用户所处的网络环境及主机性能有关,而网站页面的大小则由网站开发者决定,最主要的就是web前端开发工程师的工作.本文的重点就是如何压缩网站页面,以减少页面加载时间. 1. 图片压缩 相对与文本来说,图片是相当占用空间的.压缩图片是重中之重. 图片压缩工具推荐: Shrink-O-Matic Smush It 光影魔术手 2. Javascipt压缩 为了增加页面的交互性及动画效果,很多页面大量使用 Javascr…

作为一名web前端开发工程师你的收藏夹存对了吗?下面是一份互联网上流传甚广的web前端开发收藏夹资源,包含学习网站.JS库.常用工具.常用插件.资讯书籍等资源.速速转存吧~   一.学习网站   W3Cschool:http://www.w3cschool.cn/ 初学者必上的网站,也可以做为工具来用,笔记.词典.手册.教程.实例等等.   W3C:http://www.w3.org/ 不必多所说,最权威的资料没几个不知道的.   MDN:https://developer.mozilla.or…

一.原生JavaScript实现字符串长度截取 二.原生JavaScript获取域名主机 三.原生JavaScript转义html标签 四.原生JavaScript时间日期格式替换 Date.prototype.Format = function(formatStr) { var str = formatStr; var Week = ['日', '一', '二', '三', '四', '五', '六']; str = str.replace(/yyyy|YYYY/, this.getFullY…

在最初学习一些编程语言.一些编程技术的时候,做的更多的是如何使用该技术,如何更好的使用该技术解决问题,而没有去关注它的相关性.关注它的理论支持,这种学习技术的方式是短平快.其实工作中有时候也是这样,公司要推崇一个新技术.一个解决方案,我们总是短平快的去学习如何使用它,按照固定的解决问题思路按着案例进行,这也是一种应对项目紧急的一些措施.个人感觉如果有空闲时间的话,还是分析一下.理解一下.深入了解一下比较好,这些技术是如何交互的.这些技术的理论支持什么.为什么要用这项技术.这项技术的优缺点怎样?这…

之前发的一篇博客里没有附上答案,现在有空整理了下发出来,希望能帮助到正在找工作的你,还是那句话:技术只有自己真正理解了才是自己的东西,共勉. Web前端笔试题 Html+css 1.对WEB标准以及w3c的理解与认识. 标签闭合,标签小写,不乱嵌套:提高搜索机器人的搜索几率: 使用外联的css和js,结构行为表现的分离:文件下载与页面加载速度更快,内容能被更广泛的设备所访问: 更少的代码和组件:容易维护,改版方便,不需要变动页面内容,提供打印版本而不需要复制内容,提高网站的易用性. 2.Xhtm…

WEB前端学习入门笔记 从今天开始,本人就要学习WEB前端了. 经过老师的建议,说到他每天都会记录下来新的知识点,每天都是在围绕着这些问题来度过,很有必要每天抽出半个小时来写一个知识总结,及时对一天工作的一个小结,也是对自己知识的一个梳理,之前特别喜欢记在本子上,不过长期的不用,就会发现记在本子上很容易就忘,所以后面开始写博客.首先,它并不单单是对自己的一些技术心得的总结亦或是一些技术讨论,更重要的是对自己不断学习提高的一种要求和检验,一种技术沉淀.其次,通过技术博客我们可以彼此分享一些技术经验…

HTML Doctype作用?标准模式与兼容模式各有什么区别? (1).<!DOCTYPE>声明位于位于HTML文档中的第一行,处于 <html> 标签之前.告知浏览器的解析器用什么文档标准解析这个文档.DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现. (2).标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行.在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作. HTML5 为什么只需要写 <!DOCTYPE HTML…

<Web 前端开发精华文章推荐>2013年第五期(总第十七期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您. JavaScript [干货分享]32本优秀的 JavaScript 免费电子书 Verlet-js:超炫的开源 JavaScript 物理引擎 优秀教程:创建基于 Aja…

总结一下我们在web前端开发过程中总是强调交互性.易用性的情况分析说明.个人觉得web前端的易用交互也就是我们所说人性化操作.不外乎希望达到的效果为:界面风格简洁明了.重点突出:操作简单,直观可见.当然,我们都清楚,web界面的使用主要体现在两大方面.一个是界面风格.一个是事件机制.而从这两大方面分析,可以稍微具体再分类一下.如下: web人性化交互易用可以从以下三个方面分析: 鼠标操作 键盘操作 页面布局和UI设计 一.鼠标操作 鼠标操作,是我们在web开发中经常用到的.当然这里的分析不是简单…

前端开发 必看的书籍资料(转自CSDN郭小北V5) 一. html + css 这部分建议在 w3school 在线教程 上学习,边学边练,每个属性后还有在线测试. 然后过一遍之后可以模仿一些网站做些页面.记住这个一定要多练 多练 多练 ,最重要的事儿 还得我说三遍? 二. javascript 要学的内容实在很多,如果没有其他编程语言的基础的话,学起来可能要费些力,还是建议先在 w3school上学习一些基本语法 和定义. 然后你必须要看书,然后实践(好多人问 有没有快速捷径,我只能告诉你:如…