你的位置:首页 > 网页设计
web前端怎么样才能入门
2017-11-10 15:00:17

web前端怎么样才能入门

web前端怎么样才能入门,首先我们要从什么是初级web前端工程师说起:按照我的想法,我把前端工程师分为了入门、初级、中级、高级这四个级别:入门级别指的是了解什么是前端(前端到底是什么其实很多人还是不清楚的),了解基本的html、css和javascript语法(这些语方面的东西网 ...
写给想成为前端工程师的同学们―前端工程师是做什么的?
前端工程师是做什么的?前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲,前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端、移动端网页,处理视觉和交互问题。从广义上来讲,所有用户终端产品 ...
移动端整页滑屏示例
2017-11-10 11:00:14

移动端整页滑屏示例

<!DOCTYPE html><html> <head> <meta charset="UTF-8"/> <meta name="viewport" content="wi ...
块级元素行内元素以及display属性
1、什么叫做标签语义化? ->合理的标签做合适的事情 ->HTML中常用的标签都有哪些? (块状标签和行内标签) ->块状标签和行内标签的区别? (常用的有8条区别)1)内联元素:和其他元素都在一行上,元素的高度,宽度及顶部和底部 ...
Web开发入门不得不看章
2017-11-10 00:00:10

Web开发入门不得不看章

引  如今,各种互联网的Web应用程序层出不穷,那么如何快速入门,成长为一个优秀的Web开发工作者呢?  这个问题不容易回答,几乎所有的培训机构都不能清晰地解答。  所以对于Web开发刚刚入门的菜鸟们,我觉得只有通过去做,去实验,学会Web开发,可能是学着学着,实验着实验着就会了 ...
2017年前端开发工具趋势
2017-11-09 19:00:07

2017年前端开发工具趋势

你有两年以上的前端开发经验吗?你会用 Sass 和 Autoprefixer 等高级的CSS辅助技能吗?你的 JavaScript 知识是否融汇贯通,你是否喜欢使用 Gulp , npm 和 jQuery ?如果是这样,根据 Ashley Nolan 的前端问卷调查,你是一个典型 ...
日常博客
2017-11-09 18:00:17

日常博客

个人博客记录:2017-11-09 png-----32位无损压缩算法形成的图片,主要用于logo小图标和一些点缀的小图像。放大缩小不会失真,质量好jpeg,jpg-----压缩比例较高(可达到100:1,即压缩一百倍),放大缩小失真。适用于比较大的图片,省流量gif---- ...
position属性
2017-11-09 18:00:11

position属性

relative/static:包含块为最近的块级框,表单元格或行内块祖先框的内容边界构成absolute:包含块为最近的最近的、position不是static的祖先元素fixed:包含块为视窗,结合top | left | right | bottom,left等初始值为au ...
css制作三分圆形
2017-11-09 16:00:14

css制作三分圆形

效果图展示:原理很简单,主要运用transform这个样式,通过斜切和旋转达成html: css:怎样,是不是很简单 ...
使用原生JavaScript的Canvas实现拖拽式图形绘制,支持画笔、线条、箭头、三角形、矩形、平行四边形、梯形以及多边形和圆形,不依赖任何库和插件,有演示demo
前言需要用到图形绘制,没有找到完整的图形绘制实现,所以自己实现了一个 - -一、实现的功能1、基于oop思想构建,支持坐标点、线条(由坐标点组成,包含方向)、多边形(由多个坐标点组成)、圆形(包含圆心坐标点和半径)等实体2、原生JavaScript实现,不依赖任何第三方js库和插 ...
css3帮你轻松实现圆角效果,不一样的前端页面。
在Web前端页面实现圆角效果,CSS3帮你轻松实现,一个人人皆知的属性圆角边框的绘制是Web页面和Web应用程序中经常用来美化页面效果的手法之一。今天,小编为大家介绍CSS3提供的可以将矩形变为圆角矩形的一个属性技术等级:中级 | 适合有一定的CSS基础的人士阅读。希望收藏了这篇 ...
小程序 image跟view标签上下会有空隙
解决方案 就是可以在image那里设置vertical-align:top/bottom/text-top/text-bottom 原因:图片文字等inline元素默许是跟父级元素的baseline对齐,而baseline又和父级底边有必定间距 ...
【CSS3】变换transform
2017-11-09 11:00:12

【CSS3】变换transform

transform变换rotate旋转rotate(angle) 2D旋转;rotateX(angle) 沿着x轴旋转;rotateY(angle) 沿着y轴旋转;rotate(angle) 沿着z轴旋转; deg角度、rad弧度、turn圈、grad梯度90deg = 10 ...
html的meta总结
2017-11-09 09:00:27

html的meta总结

引子之前的我的博客中对于meta有个介绍,例如 浏览器安全性想到的这篇文章,中间介绍了meta下面IE的一些属性,可以实现页面之间的过渡转换。已经SEO优化中有所提及。下面具体介绍一下meta的功能和使用。前言meta是html语言head区的一个辅助性标签。也许你认为这些代码可 ...
20个编写现代CSS代码的建议
明白何谓Margin Collapse 不同于其他很多属性,盒模型中垂直方向上的Margin会在相遇时发生崩塌,也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时,只有二者中的较大值会被保留下来,可以从下面这个简单的例子来学习: .square { ...
link标签的rel属性
2017-11-09 09:00:09

link标签的rel属性

<link>标签定义了当前文档与 Web 集合中其他文档的关系。link 元素是一个空元素,它仅包含属性。此元素只能存在于 head 部分,不过它可出现任何次数。在 HTML 中,<link> 标签没有结束标签。在 XHTML 中,<link> ...
CSS 布局说——可能是最全的
前言 现在,我们被称为前端工程师。然而,早年给我们的称呼却是页面仔。或许是职责越来越大,整体的前端井喷式的发展,使我们只关注了js,而疏远了css和html。 其实,我们可能经常在聊组件化,咋地咋地。但是,回过头来思考一下,如果你看到一张设计稿的时候,连布局都不清不楚,谈 ...
基于webpack搭建的vue+element
花了1天多的时间, 终于把这个框架搭建起来了。 好了, 不多说了, 直接进入主题了。前提是安装了nodejs,至于怎么安装, 网上都有教程。 这里就不多说了, 这边使用的IDE是idea。1.在E:/my-project(我的电脑上) 新建文件夹vueDemo,用idea直接打开 ...
web前端学习攻略
2017-11-08 17:00:32

web前端学习攻略

web前端学习攻略第一阶段:HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效:常见特效、 ...
小知识(不知道属于哪个分类~)
1.JSP时间格式怎么转换?Thu Oct 19 00:00:00 CST 2017当jsp页面的显示时间这是为这个样子的时候。我们可以再jsp页面上方打上代码<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt&quo ...
16进制颜色识别和搭配规律
在CSS中,经常会用到16进制的颜色来设置文本、背景、边框等颜色,但是对于一个纯前端来讲,16进制颜色的识别和搭配可能会较为陌生了 ,本文简单介绍一下16进制颜色的一些规律 16进制颜色的数值意义:举个例子:比如 #1A2BF4(不区分大小写),前两位1A表示的是RGB中R( ...
HTNL5
2017-11-08 00:00:09

HTNL5

WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML——HTML5 。为 HTML5 建立的一些规则:新特性应该基于 HTML、CSS、DOM 以及 JavaScript。减少对 ...
HTNL5标签随笔
2017-11-07 23:00:07

HTNL5标签随笔

WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML——HTML5 。为 HTML5 建立的一些规则:新特性应该基于 HTML、CSS、DOM 以及 JavaScript。减少对 ...
干货!前端开发指南20+
2017-11-07 23:00:06

干货!前端开发指南20+

废话少说,直接上干货! 1. CSS介质查询和范围选择器如果你有看过Patrick Clancey最近写的那篇关于A List Apart的文章“mod queries”,那么将会更好地理解这一点。它是一个工具或者说是指南,可以很好的帮助读者去了解这些CSS选择器 ...
近期前端中的一些常见的面试题
近段时间看了不少的前端面试题,很多大牛也对此做了整理。这篇文就算是借花献佛啦。总体来说基本上每家问的问题也差不多,可能不同业务的公司问的问题的侧重点也不太一样,有的侧重于移动端适配CSS布局浏览器兼容IE hack,而有的侧重于JS逻辑面向对象设计模式考察等。可能将实际工作中会遇 ...
前端学习资料大全
2017-11-07 22:00:05

前端学习资料大全

正则表达式.zip Server 海量数据查询代码优化以及建议.zip 高级程序设计(第3版).zip 手册.zip 使用JAVASCRIPT和HTML 5编写的100个CSS动态网站插件(jb51.net).zi 中文API参考手册.zip ...
Element分页组件prev
2017-11-07 11:00:13

Element分页组件prev

前情提要 /(ㄒoㄒ)/~~  作为刚刚接触 Element 组件的人来说,看文档是第一步,但是当我想要修改分页组件里面的按钮时却遇到了问题。    文档中写到是需要给 prev-text 和 next-text 属性就可以将下图中划红线的小箭头修改成想要的文字,比如&l ...
使用position属性的心得
2017-11-07 10:00:09

使用position属性的心得

1、使用position中的absolute要与relative配套使用,如果不使用relative时默认absolute会用整个视窗作为参照物;如果relative放在absolute的父级标签上,则absolute会以父级块标签作为参照物调整位置,absolute要使用top ...
Sublime的用法
2017-11-06 23:00:30

Sublime的用法

一、首先安装插件1、安装Package Control,这是为了安装其他插件做基础,它可以方便我们下载其他插件(1)、按Ctrl+`调出console(注:避免热键冲突)(2)、粘贴以下代码到命令行并回车:import urllib.request,os; pf = 'P ...
Bootstrap基本理论(指导老师:马江伟)
Bootstrap,来自 Twitter,是目前最受欢迎的前段框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的,它简洁灵活,使得Web开发更加快捷Bootstrap特点:优雅,灵活,可扩展为什么使用Bootstrap:1.移动设备优先 :自从Bootstra ...
Chrome调试WebView时Inspect出现空白的解决方法(使用离线包不Fan墙)
起因使用HTML5开发Android应用时,少不了调试WebView。做前端的还是习惯Chrome的开发者工具,以前都是输入Chrome://inspect就可以调试WebView了,太方便了。最近老是出现空白页面,各种搜索,最后还是Fan墙解决了。好在翻一次能用一段时间,郁闷的 ...
Element UI样式无法修改解决方法。
最近在做的项目中要用到Element UI组件来写,非常方便,但毕竟Element UI是有它自己的默认样式的,并不是客户所要求的,但就在我想要修改样式时遇到了棘手的问题。  如何引入和使用 Element 这里就不多介绍了,官方文档和百度有很多,这里主要就是写一下题目中提到的样 ...
vue报错集锦
2017-11-06 18:00:21

vue报错集锦

vue报错 没安装less-loader css-loader style-loader 可能的很大原因:没安装less ...
前端工程——基础篇
2017-11-06 18:00:09

前端工程——基础篇

喂喂喂,那个切图的,把页面写好就发给研发工程师套模板吧。你好,切图仔。不知道你的团队如何定义前端开发,据我所知,时至今日仍然有很多团队会把前端开发归类为产品或者设计岗位,虽然身份之争多少有些无谓,但我对这种偏见还是心存芥蒂,酝酿了许久,决定写一个系列的文章,试着从工程的角度系统的 ...
SpringBoot使用thymeleaf模板时报错:Template might not exist or might not be accessible by any of the configured Template Resolvers
错误如下:Template might not exist or might not be accessible by any of the configured Template Resolvers错误原因:访问的模板不存在或者任何解析器都无法访问该模板(错误为500)解决方案 ...
HTML5+CSS3新增内容总结!!!!!绝对干货
说到H5C3会不会觉得东西好多啊,今天就整理了一份总结性的内容;CSS3选择器有哪些?答:属性选择器、伪类选择器、伪元素选择器。CSS3新特性有哪些?答:1.颜色:新增RGBA,HSLA模式文字阴影(text-shadow、)边框: 圆角(border-radius)边框阴影: ...
Element UI分页组件prev
2017-11-06 16:00:15

Element UI分页组件prev

前情提要 /(ㄒoㄒ)/~~  作为刚刚接触 Element 组件的人来说,看文档是第一步,但是当我想要修改分页组件里面的按钮时却遇到了问题。    文档中写到是需要给 prev-text 和 next-text 属性就可以将下图中划红线的小箭头修改成想要的文字,比如&l ...
CSS 文本溢出时显示省略标记
如标题所示...<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"& ...
前端:常见的6种HTML5错误用法
一、不要使用section作为div的替代品 人们在标签使用中最常见到的错误之一就是随意将HTML5的<section>等价于<div>——具体地说,就是直接用作替代品(用于样式)。在XHTML或者HTML4中,我们常看到这样的代码:<!-- H ...
涉及到弹出层的opacity样式问题
最近遇到一个弹出层在Chrome中重复的问题,观察发现是opacity引起的以下是代码及现象<!DOCTYPE html><html> <head> <meta charset=&q ...
提升 Web开发性能的 10 个技巧
随着网络的高速发展,网络性能的持续提高成为能否在芸芸App中脱颖而出的关键。高度联结的世界意味着用户对网络体验提出了更严苛的要求。假如你的网站不能做到快速响应,又或你的App存在延迟,用户很快就会移情你的竞争对手。以下为大家总结10条有关性能提升的经验,以供参考:前端学习交流QQ ...
css中的圣杯布局和双飞翼布局
圣杯布局布局要求: 三列布局,中间自适应,两边定宽 中间栏要在浏览器优先渲染 ...
jsp实现账户登录、注册!
jsp连接mysql数据库进行账户登录验证和账户注册 ~jsp: Login.jsp 、LoginCl.jsp、Welcome.jsp、Register.jsp、login.css login.css: #c1{ border-style:solid ...
css选择器(基础)
2017-11-05 11:00:08

css选择器(基础)

CSS选择器: 一个样式的语法是由选择器+属性+属性值三部分组成; 到底什么是选择器呢? 答:个人直白的理解为:选择一种要对它进行操作的标签的方法就叫做选择器。也就是说选择器就是一种选择元素的方式。 1,元素选 ...
图像签名
2017-11-04 17:00:52

图像签名

图像签名 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio ...
css实现图文混排
2017-11-04 17:00:09

css实现图文混排

css实现图文混排 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit ...
记一次 ‘个推’ 前端校招笔试和面试经验
笔试题照片笔试解答计算机基础题(必做)1.略2.内存溢出和内存泄露内存溢出是指已有的数据超过了其获得到的内存所能存储的范围,比如用一个字节存放1000这个数字就属于内存溢出;内存泄漏是指程序由于错误或漏洞造成的内存占用过多,或占用内存后无法释放(很多情况是申请了内存,但程序结束后 ...
(转载)最近总是遇到各种 IEbug,mark一下,学习到了,转载出处:http://www.cnblogs.com/ruomeng/p/5332814.html
本文分享下我在项目中积累的IE8+兼容性问题的解决方法。根据我的实践经验,如果你在写HTML/CSS时候是按照W3C推荐的方式写的,然后下面的几点都关注过,那么基本上很大一部分IE8+兼容性问题都OK了(这里的IE8+主要是指IE8,据个人目测,IE9+的渲染效果已经非常好了)。 ...
option标签selected=selected属性失效的问题
要在select标签上面加上autocomplete="off"关闭自动完成,不然浏览器每次刷新后将自动选择上一次关闭时的option,这样默认属性selected="selected"就会失效啦 要记住每次遇到select标签时就最好 ...
伤不起的微信小程序
2017-11-03 19:00:12

伤不起的微信小程序

前段时间不是很忙,刚好公司需要开发一个微信小程序,于是我就入坑了(此坑还是有点深滴,请备好干粮)。我是一名iOS开发工程师,个人觉得入门开发小程序的话,需要基本的web前端知识,比如说:代码的书写格式,规范,标签以及样式的使用等,但作为一门如此新的开发语言,它也有自己的独特之处, ...
WEB 前端菜鸟,感觉很迷茫,该怎么做?
前几天看到这样的问题先说问题吧:感觉前端涉及到的东西太多了,自己也很浮躁,看了挺多书,可是代码缺敲得却不多。技术菜,又什么都想学,比如现在纠结要不要先学scss或者php或者angularjs,backbone等框架,还是深入学习html5+css3?然后看了一些招聘要求发现又有 ...
html5 移动适配写法
2017-11-03 17:00:05

html5 移动适配写法

在pc版网页 上,添加:<link rel="alternate" media="only screen and(max-width: 640px)" href="http://pc_url" >在移动版网页 ...
HTML的历史与历史遗留问题
1.<style type="text/css">从前,HTML的设计者认为以后应该还会有其他样式,不过如今我们已经醒悟,事实表明,完全可以只使用<style>而不带类型属性(即type是可选的),所有浏览器都知道你指的是CSS。——— ...
前端设计的常用属性,CSS的盒模型,页面布局的利器
在CSS和HTML结合布局页面的过程中,有一组被人们称为“盒属性”的CSS样式,被广泛的使用到。相信经常布局写页面的朋友们对盒属性一定不陌生。在CSS技术的发展过程中,盒属性也有了许多次改进,今天小编就为大家讲一讲盒属性中的CSS样式如何使用。承接文章:通栏导航栏的制作,综合使用 ...
H5添加禁止缩放功能
2017-11-03 11:00:07

H5添加禁止缩放功能

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable= ...
Excuse me?这个前端面试在搞事!
金三银四搞事季,前端这个近年的热门领域,搞事气氛特别强烈,我朋友小伟最近就在疯狂面试,遇到了许多有趣的面试官,有趣的面试题,我来帮这个搞事 boy 转述一下。以下是我一个朋友的故事,真的不是我。for (var i = 0; i < 5; i++) { console.lo ...
新手玩CSS中的一些黑科技
哎哎1、鼠标移进网页里,不见了= =*{ cursor: none!important;}2、简单的文字模糊效果*{ color: transparent; text-shadow: #111 0 0 5px;}3、多重边框.div { box-shadow: 0 0 0 6p ...
js 客户端打印html 并且去掉页眉、页脚
print() 方法用于打印当前窗口的内容,支持部分或者整个网页打印。调用 print() 方法所引发的行为就像用户单击浏览器的打印按钮。通常,这会产生一个对话框,让用户可以取消或定制打印请求。win10下测试ie11、chrome、firefox、360、edge 都可以成功去 ...
本地存储之localStorage
2017-11-02 23:00:38

本地存储之localStorage

localStorage 本地存储 、对象、存数据 、取数据存储的数据量在20M左右localStorage 是window下面的属性,用的时候可以省略window数据只能存储字符串类型的localStorage没有过期时间,只要不删除就永远存在同一个浏览器的不同窗口数据 ...
18个超有趣的SVG绘制动画赏析
SVG作为时下比较新颖的技术标准,已经建立了很多基于SVG的前端项目。由于SVG在绘制路径上非常灵活,我们将很多网页上的元素使用SVG来绘制而成,有各种人物、小图标、小动画等等。今天我们收集了18个非常新奇有趣的SVG绘制动画,这些动画大部分都是使用SVG结合一定的CSS3特性实 ...
第一页下一页12345678910下10页末页第2/227页,总共:13573条数据