你的位置:首页 > 网页设计
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特性实 ...
WEB前端研发工程师编程能力成长之路
【背景】  如果你是刚进入WEB前端研发领域,想试试这潭水有多深,看这篇文章吧;  如果你是做了两三年WEB产品前端研发,迷茫找不着提高之路,看这篇文章吧;  如果你是四五年的前端开发高手,没有难题能难得住你的寂寞高手,来看这篇文章吧;  WEB前端研发工程师,在国内是一个朝阳职 ...
使用图片地图减少HTTP请求数量
前言  最近在看《高性能网站建设》,记录一下所学。  现在很多网站都是图片形式的导航,点击图片跳转到对应的链接。如果导航项目很多的话,图片的数量就会很多,每需要加载一张图片就会多一个HTTP请求。优化的方式之一就是使用图片地图标签  图片地图要用到map和area标签  map标 ...
初学者应该怎么学习前端?web前端的发展路线大剖析!
写在最前:优秀的Web前端开发工程师要在知识体系上既要有广度和深度!应该具备快速学习能力。前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化、SEO和服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模 ...
前端【响应式】开发详细解析
一、响应式设计需要解决的问题是什么?针对目前大家常见的固定布局、自适应布局都是一种反应迟钝的web设计,当Web页面需要在各种显示屏显示时,他们就显得力不从心了。因此,我们就需要相应设计。优势:一个页面适应各种显示屏;具有良好的SEO;较大缩短开发周期;给用户更多的选择,更好的用 ...
【初学者必读】:前端工程师的知识体系
下图是前端工程师图解:前端开发的核心是HTML + CSS + JavaScript。本质上它们构成一个MVC框架,即HTML作为信息模型(Model),CSS控制样式(View),JavaScript负责调度数据和实现某种展现逻辑(Controller)。HTML1.标签的分类 ...
Angular5.0.0新特性
2017-11-02 14:39:32

Angular5.0.0新特性

文章来自官网部分翻译https://blog.angular.io/version-5-0-0-of-angular-now-available-37e414935cedAngular5.0.0版本已经正式发布 总结一下v5.0.0带来的新变化都有哪些。 1.构建优化   ...
web前端工程师全套教程免费分享
这是我自己早前听课时整理的前端全套知识点,适用于初学者,也可以适用于中级的程序员,你们可以下载下来。我自认为还是比较系统全面的,可以抵得上市场上90%的学习资料。讨厌那些随便乱写的资料还有拿出来卖钱的人!在这里我免费的分享出来供大家使用!在这个平台真的可以学习到不少的东西!有很多 ...
vue2.0生命周期好文章推荐
<p ...
HTML项目实践中学到的东西
1.组织的重要性。 首先是要建立两个根文件夹,一个存上线页面的资源,一个存测试页面的资源。所有改动内容都在测试页面的文件夹中进行,在这个文件夹中进行测试、W3C语法检测后(HTML检测网站:https://validator.w3.org/#validate_by_u ...
盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
来 >翻译 2013年09月11日 21:06:11标签:绝对居中 /垂直居中 /水平居中 /CSS居中代码 Ⅰ.绝对定位居中(Absolute Centering)技术 我们经常用margin:0 auto来实现水平居中,而一直认为margi ...
百分比布局中的居中
2017-11-02 10:38:32

百分比布局中的居中

百分比布局 垂直&水平居中的几种方法 1.以em/rem设置宽度和高度 父级设置 width:5rem; height:5rem; text-align:center; 子集设置 line-height:5rem; ...
width:100%以什么为基准的测试
起初是遇到这样一个问题:当盒模型设为box-sizing:border-box;(移动端上经常这么干)。子盒子的width:100%,子盒子的width等于父盒子contend的长度还是condend+padding+border的长度?css和html: 结果:(se ...
localStorage学习总结
2017-11-02 10:38:29

localStorage学习总结

一、本地存储  在HTML5诞生之前,网站如果想在浏览器端存储数据,只能使用Cookie,使用Cookie有较多的限制。  Cookie问题:   1.cookie大小限制在4K左右(各个浏览器不一致)   2.cookie每次随着HTTP请求都会一起发送(造成很多不需要的coo ...
前端大牛们都学过哪些?
前几天看到这样的问题:最近在看bootstrap,发现除了大一的时候看过的html+css,和一些js,JQuery之外,几乎没学什么关于前端的东西。偶尔了解过一些html5。想知道如果作为一个团队的前端负责人还需要学习哪些东西?发现bootstrap与.less有关,除了这个还 ...
零基础的前端开发初学者应如何系统地学习?
网站开发开发大致分为前端和后端,前端主要负责实现视觉和交互效果,以及与服务器通信,完成业务逻辑。其核心价值在于对用户体验的追求。可以按如下思路学习系统学习:基础知识:html + css 这部分建议在 w3school 在线教程上学习,边学边练,每章后还有小测试。 之后可以模 ...
观点  2017年前端初学者的生存指南
观点 | 2017年前端初学者的生存指南 樱止语2017-11-01 16:37 · 字数 3256 · 阅读 0 · 日记本 逝者如斯夫,不舍昼夜。 历史在向前发展,前端的“摩尔定律”是每隔18个月难度会上升一次,过去的2016年 ...
HTML的历史遗留问题
2017-11-02 10:38:27

HTML的历史遗留问题

1.<style type="text/css">从前,HTML的设计者认为以后应该还会有其他样式,不过如今我们已经醒悟,事实表明,完全可以只使用<style>而不带类型属性(即type是可选的),所有浏览器都知道你指的是CSS。——— ...
css是如何实现在页面文字不换行、自动换行、强制换行的
强制不换行div{white-space:nowrap;}自动换行div{ word-wrap: break-word; word-break: normal; }强制英文单词断行div{word-break:break-all;}CSS设置不转行:overflow:hidden ...
10大H5前端框架,让你开发不愁
![] 作为前端,我一向都这么的任性 ^_^ )。**Bootstrap**首先说 Bootstrap,估计你也猜到会先说或者一定会有这个( 呵呵了 ),这是说明它的强大之处,拥有框架一壁江山的势气。自己刚入道的时候本着代码任何一个字母都得自己敲出来挡我者废的决心,来让自己成长。 ...
腾讯:腾讯工程技术事业群招聘H5:WE ARE TEG
z 品牌:腾讯案例地址 id="Label4">来源:199case_H5案例库1、内容:通过首页的js动态按钮进入下一界面,整个过程横屏设置,采用了拍摄好的完整多骨诺视频,并且在视频的不同节点出现相应文字,可以鲜明和充分的展现TEG是什么。视频播放 ...
【H5案例】保时捷:咔嚓!捕捉迅疾魅影 这条 H5 的速度太忄忄忄忄忄忄忄夬了
品牌:保时捷案例地址 id="Label4">来源:199case-H5案例库1、内容:一个以”捕捉迅疾魅影“为主题的声音识别类的h5,用户可以通过听取最大的跑车的引擎声,然后点击相机状的按钮,即可拍摄成功,最后展示类保时捷的跑车的特点。2、亮点:这只h ...
前端同学大福利,最全的面试题目整理
自己整理了一些关于前端这个行业面试题,好多都不会好难过,I NEED AV…….HTML&CSS常用那几种浏览器测试?有哪些内核(Layout Engine)? (Q1) 浏览器:IE,Chrome,FireFox,Safari,Opera。 (Q2) 内核:Tr ...
bootstrapTable的数据后端分页排序
数据后端分页排序,其实就是sql语句中oeder by做一些限制。之前在写sql语句中的order by是写死,既然要写活,就要传参数到后台。之前讲到bootstrapTable的queryParams可以自定义参数,这里就只需要找下点击需要排序列的字段名就行 this.so ...
Css3新属性:calc()
2017-10-31 18:00:06

Css3新属性:calc()

一、前言  calc()看起来像是javascript中的一个函数,而事实上它是用在Css中的,可以用它来计算长度(宽度或高度),能够自动根据不同尺寸的屏幕自动调接数值,从而很轻松的实现自适应布局展示在不同尺寸屏幕下。项目中常常碰到要始终居中的元素,当然想到的第一个就是使用mar ...
Http状态码大全(200、404、500等)(转CSDN)
当我们从客户端向服务器发送请求时 服务器向我们返回状态码 状态码就是告诉我们服务器响应的状态 通过它,我们就可以知道当前请求是成功了还是出现了什么问题 状态码是由3位数字和原因短语组成的(比如最常见的:200 OK) 其中第一位数字表示响应类别,响应类别从1到 ...
实现文字颜色渐变
2017-10-31 17:00:27

实现文字颜色渐变

前言  主要用到三个CSS属性:  linear-gradient() 用来实现渐变的图像 background-clip 指定对象的背景图像向外裁剪的区域 text-fill-color 指定文字的填充颜色实例 ...
写给想成为前端工程师的同学们 ―前端工程师是做什么的?a
前端工程师是做什么的? 前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲,前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端、移动端网页,处理视觉和交互问题。从广义上来讲,所有用户终 ...
教你用SVG画出一条龙
2017-10-31 15:00:10

教你用SVG画出一条龙

先看demo,九十七度 其实使用svg画出这条龙很简单,关键不在于怎么使用svg,而在于你的美术功底,哈哈。好吧,当然基础是不能忽略的,先看下这条龙的代码: <svg id="long" 对的,其实画龙只需要svg 路径path的命令就 ...
谈谈前端『新』技术
2017-10-31 15:00:09

谈谈前端『新』技术

最近有位(大家都知道是谁)的『前辈』在微博上天天叫唤,相信很多人都看烦了。我跟他也算是吵了一架,污染了大家的时间线,先说声抱歉。但是我觉得让这么一个撒泼的人误人子弟,实在看不下去,所以咱上点干货以正视听。对待新事物的态度问题我这个人在技术讨论的时候信奉很简单的一个道理:没有研究过 ...
VUE学习,vue运行环境搭建遇见的小问题
1.使用vscode来编辑项目,那么首先给它搭一个vue运行的环境,打开集成终端,使用npm install live-server -g安装live-server.problem1:cmd终端分行问题。解决方法:打开cmd.exe,右击其最右上角,选择属性,选择使用旧版本,重启 ...
第一页下一页12345678910下10页末页第5/229页,总共:13723条数据