web前端

web前端实用的响应头是什么

这篇文章主要介绍了web前端实用的响应头是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇web前端实用的响应头是什么文章都会有所收获,下面我们一起来看看吧。 一、预览、下载 让人操碎了心? 1.1 场景 我不止一次听到同事、群友们讨论这个问题: “后端提供了一个 t »

微前端之Web组件自定义元素示例详解

目录 我们知道的 Web组件使用 名称规范 组件传参数并可以写模板包括js和css Shadow Dom 影子节点 类中的构造函数和钩子函数 getter/setter属性和属性反射 扩展原生 HTML 我们知道的 第一:我们熟知的HTML标签有 a, p, div, section, »

以Java Web项目为例浅谈前后端分离开发模式

目录 为什么要前后端分离? 什么是前后端分离? 前后端分离的优缺点? 对于你们的团队和产品有没有必要前后端分离? 为什么要前后端分离? 以Java Web项目为例,在传统的开发模式中,前端代码(Html、js、css)写在JSP中,甚至JSP中嵌入Java代码。当用户访问网站时,页面数据也 »

web前端单元测试之UI测试功能性代码实例分析

这篇文章主要介绍“web前端单元测试之UI测试功能性代码实例分析”,在日常操作中,相信很多人在web前端单元测试之UI测试功能性代码实例分析问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”web前端单元测试之UI测试功能性代码实例分析”的疑惑有所帮助!接下来,请跟着小编 »

electron+vue 环境搭建

一、环境介绍及会遇到的困难 electron是一款比较流行的桌面可视化开发工具,通过html+js+css实现桌面应用,优点就是多平台开发以及UI好看。缺点是外网npm仓库速度慢。话不多说开始我的教程,和可能遇到的坑的解决办法。 二、全局配置npm以及需要的包 安装的过程要是出现报错可以试试 cnp ... »

mywink

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 »