Web前端

Web前端教程-HTML及标签的使用

目录 1. HTML简介1.1. HTML文档基本结构 2. 标签 2.1. 标签语法 1.2. 标签的属性和值 1.3. 常见的标签 1. 基础标签 2. 格式标签 3. 表单标签 4. 框架标签 5.图形标签 6. 音频视频标签 7. 链接标签 8. 列表标签 9. 表格标签 10. 样式/节 标签 HTML由标签和属性构成的 1.1. HTML文档基本结构 < »

使用Emmet(前身Zen Coding)加速Web前端开发

这篇文章对Emmet使用说明比较详细,于是就收了~~~ 转载:Web前端开发-Web前端工程师 » 使用Emmet(前身Zen Coding)加速Web前端开发 Emmet插件以前被称作为Zen Coding,是一个文本编辑器的插件,它可以帮助您快速编写HTML和CSS代码,从而加速Web前端开发。早在2009年,Sergey Chikuyonok写过一篇文章,提出编写HTML和CSS的新方法。这 »

React 还是 Vue: 你应该选择哪一个Web前端框架?

学还是要学的,用的多了,也就有更多的认识了,开发中遇到选择的时候也就简单起来了。 本文作者也做了总结:     如果你喜欢用(或希望能够用)模板搭建应用,请使用Vue    如果你喜欢简单和“能用就行”的东西,请使用Vue    如果你的应用需要尽可能的小和快,请使用Vue    如果你计划构建一个大型应用程序,请使用React    如果你想要一个同时适用于Web端和原生App的框架,请选择Re »

web前端之HTML中元素的区分

作为前端人员,我们就是要与各种超文本标记打交道,用到各种不同的标签元素。在使用的时候不知道有没有注意到他们的分类归属?现在就来说一说博主的见解: 目前博主总结了三种分类方法:一是按封闭来划分,一是按显示内容来划分,一是按文档流来划分。 一、按封闭可分为双标签和单标签。       双标签也就是封闭标签,我们经常写的<html></html>、<div></ »

web前端开发也需要日志

web前端开发过程中调试是一个不可避免的过程,我们有众多的浏览器可供选择,但是如果您要调试的平台浏览器不是那么先进呢,如IE6,在他上面还不那么富饶,给程序调试带来的很大的痛苦啊,所以日志即时输出是一个不错的选择,可以知道程序覆盖到了哪里。即是在先进的浏览器上也是很有必要的,他比去调试程序来确定相应的业务代码有没有执行到也快的多也容易的多,好了,下面来给大家介绍一个我业余时间写的调试信息输出工具。 »

web前端笔试归纳——HTML+CSS篇

根据网上众多资料加上自己的理解,特别整理出笔试试题(有空继续更新)供大家和自己学习,共勉!1. 对WEB标准以及W3C的理解与认识答: WEB标准是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3 »

web前端学习笔记:文本属性

今天的web前端笔记主要讲述文本属性,希望能帮助到正在学习web前端开发的初学者们,废话不多说了,一起来看看文本属性的相关内容吧。 文本属性 文本缩进 将Web页面上的一个段落第一行缩进,这是一种最常用的文本格式化效果。有的网站在段落的第一个字母前放一个很小的透明图像,这些图像将文本推到后面来制造一种缩进文本的感觉。另外一些网站则使用完全标准的空格(spacer)标记。而在CSS中有一种更好地方法 »

web前端开发浏览器兼容性 - 持续更新

浏览器兼容性问题又被称为网页或网站兼容性问题;不同浏览器内核及所支持的html等网页语言标准不同,不同客户端环境(如分辨率不同)造成实际显示效果未能达到预期理想效果 首先我们来看一下目前市面上常见的一些浏览器:ie、chrome、firefox、safari、opera、maxthon、360、qq、yy、uc、sogou、2345、淘宝、猎豹、世界之窗等 其中表现很出色的有chrome、fire »

web前端 ajax请求报415/400错

一、当使用jQuery 的ajax发送请求时   1、请求路劲没有出错并且不存在跨域,出现415错误    解决方法:在ajax请求中加上contentType: 'application/json', $.ajax({ type: "POST", contentType: 'application/json;charset=UTF-8', url: getLoginVerif »

Web前端基础——jQuery(三)

本文主要从以下几方面介绍jQuery应用中的内容: 1 jQuery 节点遍历2 jQuery 中的过滤器3 jQuery 属性操作4 jQuery Dom节点操作5 几个jQuery例子6 jQuery 中的事件7 jQuery 中的动态效果 一、 jQuery 节点遍历 == next()   //用于获取节点之后的第一个同辈元素 注意,next() 中可以加过滤器 例如 next("div" »

Web前端开发与设计04-布局和定位

学习要点 盒子模型 标准文档流 网页布局 浮动 清除浮动 溢出处理 定位在网页中的应用 position属性 z-index属性   盒子模型 定义 https://www.cnblogs.com/rask/p/9913070.html 盒子模型的三维立体层次结构图     在网页中看到的网页内容,都是盒子模型的三维立体结构多层叠加的最终效果。从这里可以看出,如果对某个页面元素同时设置背景图 »

Web前端开发实战2:二级下拉式菜单之JS实现

       上一篇博文提到了二级下拉式菜单是用HTML和CSS实现的。我们这一篇来用JavaScript脚本实现下拉菜单的显 示和隐藏。 使用 JavaScript方法实现我们须要用的知识有:         1)JS事件:onmouseover鼠标经过事件和onmouseout鼠标离开事件。         2)JS基础语法:使用functionkeyword定义函数。         3) »

Web前端JQuery面试题(二)

Web前端JQuery面试题(二) 1.请写出jquery的语法? <script type="text/javascript"> $(document).ready(function(){ // 程序段 }) </script> window.onload=function(){ // 程序段 } 前者效率高 $(function(){ // 程序段 } »

Web前端工作2个月小结

开始语: 2013年6月30日,Microsoft Learning support 项目结束,转而进入Forerunner Development 项目,这对于这块领域空白的我,空前的困难,可是我坚信事在人为!于是乎,开始了我的Web 前端的征程……   首先,为了能快速加入这个项目,我提前开始了HTML5+CSS3+JavaScript+jQuery的学习   其次,为了能快速适应这个项目,我 »

记2012年百度web前端研发实习生的笔试面试经历

2012年5月6日在交大参加了百度的实习生招聘笔试,投的是web前端方向。   拿到卷子时觉得好些题目很眼熟,其中一个HTML+CSS布局的问题在网上见过,一个div固定宽度,一个div自适应,要求覆盖整个页面。用浮动布局可以解决这个问题,代码也很简单 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.o »

Web前端开发基础 第四课(颜色值)

颜色值 在网页中的颜色设置是非常重要,有字体颜色(color)、背景颜色(background-color)、边框颜色(border)等,设置颜色的方法也有很多种: 1、英文命令颜色 前面几个小节中经常用到的就是这种设置方法: p{color:red;} 2、RGB颜色 这个与 photoshop 中的 RGB 颜色是一致的,由 R(red)、G(green)、B(blue) 三种颜色的比例来 »

《移动Web前端高效开发实战》笔记1——静态布局在移动端上的自适应

1.整体缩放 整体缩放可以用在营销活动页,营销活动可能因为设计美观需求必须使用背景图片而非背景色,因此需要考虑背景图适应屏幕大小。开发者可以用320像素的宽度作为基础宽度(高度可以固定),然后通过计算实际文档宽度来进行相应缩放。 使用整体缩放布局开发的项目在加载过程中需要监听resize事件,代码如下: window.addEventListener(‘resize’,document.body »

web前端是编程语言中更新迭代最快的

1、vue, react, Angular vue 在 2018、2019 年继续增长,其在 GitHub Stars 已经超过了 react ,国内公司更喜欢 Vue。虽然 Angular 与 React 和 Vue 等库相比,粉丝较少,但它仍然是专业项目的热门选择。 无论是Vue3.0, React16.8 ,还是angular 8 , 在技术方面,三大框架趋于稳定,都是奔着更快、更小、更易维 »

Web前端学习第十六天·fighting_JavaScript(DOM编程艺术5-6章)

平稳退化   如果正确的使用了JavaScript脚本,就可以让访问者在他们的浏览器不支持JavaScript的情况下仍能顺利地浏览网站。这就是平稳退化,即虽然某些功能无法使用,但最基本的操作仍能顺利完成。   平稳退化的经典例子:(比较以下几条语句) 1 <a href="javascript:popUp('http://www.example.com/');">Example&l »

谈谈web前端结构与行为的分离

如今的web开发也需要越来越接近MVC框架模式,web的前端可视为由结构+表现+行为组成,根据W3C的标准,使用xhtml+css已经使得结构和表现成功分离。在网上看到越来越多被重构过的网站是件非常令人欣喜的事情,如果现在要让我再做一个表格布局的网页,当我看到那一堆可以被一句CSS代替的表格代码时,我甚至会恶心到想吐!标准给挣扎在混沌的淤泥里的我们带来了清新空气,良好重构过的页面也像出淤泥而不染的 »