记得刚开始接触移动端web的时候,书和网上的资料都不多,查起来很费劲,现在比以前要好很多了,可是还是会有一些刚接触移动端的朋友会问我一些我最初会遇到的问题,或许是书本写的并不那么重,也或许是这些知识写的太散,以至于大多数人并没有很好的注意到. 其实做移动web前端,大多数和pc端的web前端基本一样,只是有一些东西需要注意一下,否则带来的麻烦就不是一星半点了. 一.viewport 如果看过移动端web代码的应该都会看到类似于这一句<meta name="viewport" co…
移动端web其实也就是小尺寸触摸屏设备的web,其中包含了两个词——1.小尺寸设备:2.触摸屏.能把这两个问题给解决掉,就已经是一个基本合格的移动web前端开发工程师了.对于前端工程师来说,前路漫漫,发展的太快,要学的东西超多,学什么感觉都是对的,不过不论怎样,还是得一步一步的迈.下面来探讨一下成为移动web前端工程师所必须要get到的一些硬技能. 一.触摸设备与桌面设备的差异化 移动端主要是手机.小平板.大平板,而这三种其中的一种都会有无数个尺寸,而且浏览器在这几种设备中都是全屏显示,所以移动…
Web前端JQuery面试题(二) 1.请写出jquery的语法? <script type="text/javascript"> $(document).ready(function(){ // 程序段 }) </script> window.onload=function(){ // 程序段 } 前者效率高 $(function(){ // 程序段 }) 2.请问什么是DOM对象? DOM对象,DOM为文本对象模型,DOM的每一个页面都是一个DOM对象.通过…
web前端庞大而复杂的知识体系的组成:html.css和 javascript 二.css 1.CSS选择器 CSS选择器即通过某种规则来匹配相应的标签,并为其设置CSS样式,常用的有类选择器.标签选择器.ID选择器.后代选择器.群组选择器.伪类选择器(before/after).兄弟选择器(+~).属性选择器等等. 2.CSS Reset HTML标签在不设置任何样式的情况下,也会有一个默认的CSS样式,而不同内核浏览器对于这个默认值的设置则不尽相同,这样可能会导致同一套代码在不同浏览器上的显…
如今我们使用的互联网,客户端与服务器端的交互无时无刻不在发生.比如我们在浏览器打开网页,浏览器就是客户端,将网页数据发过来的也就是服务器.其实服务器,并没有什么特别的,也就是一台昼夜不停运转的电脑罢了.每一台入网的机器,都会被分配一个ip,我们可以通过ipconfig / ifconfig这样的命令,知道我们电脑的ip地址.服务器本身,运行着服务器程序,他们监听着来源于网络的请求,并对请求进行响应. 比较常见的服务器程序,比如apache / Nginx / IIS等等,我们可以通过以下这样的一…
项目经过第一波优化之后APP端已基本已经符合我们的要求了,但是TV端还是反应比较慢,页面加载和渲染都比较慢了一点,我觉的还是有必要在进行一些优化,经过前面的优化,我们的优化空间已经小了一部分,不过还是有一部分可以进行优化.本文主要描述一些细节方面的优化,不足之处欢迎批评指正. CSSSprites 在fis上我发现我们还可以把小的图标合并为大的图片,可以叫做CSSSprites,它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一…
上次由于时间有限只分享了一部分的前端面试题,所以本篇继续分享前端经典面试试题 一. 栈和队列的区别? 栈的插入和删除操作都是在一端进行的,而队列的操作却是在两端进行的. 队列先进先出,栈先进后出. 栈只允许在表尾一端进行插入和删除,而队列只允许在表尾一端进行插入,在表头一端进行删除. 二. http 和 https 有何区别?如何灵活使用? a. http是HTTP协议运行在TCP之上.所有传输的内容都是明文,客户端和服务器端都无法验证对方的身份. b. https是HTTP运行在SSL/TLS…
Homework2:http://my.ss.sysu.edu.cn/wiki/display/WEB/Homework+2+-+Movie+Review 这份作业跟布局相关,因此很多都是布局的知识: 1.display属性的block,inline-block,inline值的区分 其实真正需要区分的是inline-block和inline.都是在同一行内,怎么区分他们呢?首先要明白块元素和行内元素很重要的一点区别:块元素的高度和宽度我们都是可以控制的,而行内元素是不可以的.block对应的就…
前面在DOM一中我们知道了属性操作,下面我们来了解一下节点操作.很重要!! 一.节点操作 创建节点:var ele_a = document.createElement('a');添加节点:ele_parent.appendChild(ele_img);删除节点:ele_parent.removeChild(ele_p);替换节点:ele_parent.replaceChild(新标签,旧标签); <!DOCTYPE html> <html lang="en">…
1. jQuery选择器 jQuery选择器是jQuery强大的体现,它提供了一组方法,让我们更加方便的获取到页面中的元素. 1.1 基本选择器 例子如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div><…