你的位置:首页 > 网页设计
HTML5+js页面传值给Java后台的小技巧
页面传值小技巧 平常我们在做的web项目,一般一个HTML页面上会有好几个步骤,step_num①,step_num②,step_num③,一般先显示step_num①,根据跳转条件显示step_num②,step_nu ...
angular4搭建博客(一)
2017-08-25 12:00:04

angular4搭建博客(一)

本文长期更新,未经运行,严禁转载。博客(制作中)Angular/Cli 1.3.0Asp.net Boilerplate 2.02开发IDEJetBrains WebStormMicrosoft Visual Studio环境Node:6.9.5Typescript:2. ...
动画
2017-08-25 11:00:18

动画

利用webgl随机生成N个方块,并在画布内来回移动,遇到边界可以弹回。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...
基于localStorge开发登录模块的记住密码与自动登录
前沿||我是乐于分享,善于交流的鸟窝 先做写一篇关于登录模块中记住密码与自动登录的模块。鸟窝微信:jkxx123321关于这个模块功能模块的由来,这是鸟大大的处女秀,为什么这么说呢?一天在群里,一个哥们说有私活,开发一个****模块,我那天手痒痒就和他聊了两句,然后,就决定给她做 ...
WordPress多本小说主题–WNovel主题发布,十分钟搭建小说站! 现已更新至1.2版本
本文属于《WNovel主题操作手册》文章系列,该系列共包括以下 8 部分:WNovel主题使用手册之–主题安装及更新教程WNovel主题使用手册之–小说管理WNovel主题使用手册之–网站基本设置WNovel主题使用手册之–首页设置WNovel主题使用手册之–广告及其他设置Wor ...
HTML5新特性: 自定义属性前缀data
HTML5规定可以为元素添加非标准的属性,但要添加前缀 data- ,目的是为元素提供与渲染无关的信息,或者提供语义信息。这些属性可以任意添加、随便命名,只要以 data- 开头即可添加了自定义属性之后,可以通过元素的 dataset 属性来访问自定义属性的值 1 <div ...
css的优先级笔记
2017-08-24 16:00:06

css的优先级笔记

来自《精彩绝伦的css》1.css的优先级我们是用选择器的“特殊程度”:每个元素的描述贡献(如div,ul)为0,0,0,1每个类(class)、伪类(如:hover)或者属性描述符贡献0,0,1,0每个ID描述符贡献0,1,0,02.数字左边的位数更大。一般可以这样认为:行内样 ...
CSS根据屏幕分辨率宽度自动适应的办法
CSS根据屏幕分辨率宽度自动适应的办法 第一种办法是js选择CSS<SCRIPT language=JavaScript><!-- Beginif (screen.width == 640){document.write('<link h ...
HTML5新特性:元素的classList属性与应用
在html5新增的classList之前, 操作元素的class用的是className这个属性,而如果要向jquery封装的hasClass, removeClass, addClass, toggleClass一样优雅的操作calssName, 在以前我们要对classNam ...
meta标签详解
2017-08-24 11:00:17

meta标签详解

一、<meta>标签的定义和用法<meta> 元素可提供有关页面的元信息(meta-information),位于文档的头部<head>和</head>之间,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名 ...
css3 选择器 权重问题 (第二部分)
这篇博文有关css的权重问题,我个人认为这是css知识中很重要的一个知识点。因为在开发的过程能中我们会经常遇到这种问题,特别是如果你使用框架的时候,有些框架的某些标签有一些默认的样式。所以我们可以通过增加权重的方式来使我们所写的样式有效。既然说到权重那就必然要说起权重的等级以及权 ...
CSS揭秘(1)编码技巧——DRY
1.DRY——尽量减少改动时要编辑的地方是代码可维护的最大要素之一。2.实例: 1 .content button{ 2 padding: 6px 16px; 3 border: 1px solid #446d88; 4 background:#58a line ...
Vue——网页html转换PDF(最低兼容ie10)
HTML转PDF:1.页面底层实现——Vue:最低兼容ie10  2.实现思路:  1> 使用html2canvas.js将网页转换为图片  2> 使用jsPdf.debug.js将canvas生成的图片转换为pdf文件具体实现:  要这样实现首先要引入两个插件:   ...
css样式优先级问题
2017-08-23 17:00:44

css样式优先级问题

官方表述的CSS样式优先级如下:通用选择器(*) < 元素(类型)选择器 < 类选择器 < 属性选择器 < 伪类 < ID 选择器 < 内联样式 那么,我们来举个例子:html代码:<div class="img-di ...
简单的统计图表ichartjs的使用 《转》
1、首先下载,点击下载 2、只需要这一个js,粘贴赋值到自己项目中即可。 3、引入js<script type="text/javascript" src="../js/ichart.1.2.min.js">< ...
ECMAScript 6 学习 let  和 const命令
一、主要内容:二、含义、注意事项、使用方法:1、let 命令:用来声明一个变量,和var非常相似。 使用let声明变量的注意事项:  1)、使用let声明的变量,所声明的变量只在命令所在的代码块内有效。    {      let a = 2;      v ...
Property和Attribute的区别
2017-08-23 13:00:10

Property和Attribute的区别

property 和 attribute非常容易混淆,两个单词的中文翻译也都非常相近(property:属性,attribute:特性),但实际上,二者是不同的东西,属于不同的范畴。property是DOM中的属性,是JavaScript里的对象;attribute是HTML标签 ...
两个盒模型之间的空隙
2017-08-23 12:00:10

两个盒模型之间的空隙

html文档中的每个元素都被描绘成矩形盒子,这些矩形盒子通过一个模型来描述其占用空间,这个模型称为盒模型。盒模型通过四个边界来描述:margin(外边距),border(边框),padding(内边距),content(内容区域),这个大家都知道,那什么是两个盒模型之间的空隙呢? ...
超级小白自己撸一个“我们是谁”
提前声明:笔者自学HTML+CSS几天,写这个纯粹是练手,非常简陋!不喜勿喷!效果展示图:源码:<!DOCTYPE html><html><head><title>我们是谁DIY</title><style typ ...
曾经的超级明星类库jQuery未来也许不再会被前端程序猿追捧了!
作为火了十多年的老牌明星类库jQuery, 相信做前端的小伙伴肯定都或多或少的使用和追捧过,当然我也不例外, 作为第一个学习的js类库,我曾经也觉得它是真正的唯一, 帮助你处理恶心的浏览器CSS/JS等兼容性问题, 而我只需要关注实际的业务逻辑即可, 简单, 快速和高产是jQue ...
html css 前端基础 学习方法及经验分享
前言:  入园第一天,想分享一点儿前端基础html css 的学习方法和一些经验给热爱前端,但是不知道从哪儿开始,依旧有些迷茫的新手朋友们。当然,适合每个人的学习方式不同,以下所讲的仅供参考。  一、关于基础语法  对于基础语法,此处不做讲解,有需要的同学可以在w3cschool ...
HTML使用post方式提交中文内容出现乱码的错误解决方式
今天在做一个例子的时候,使用post方式提交表单,如果有中文的话,在另一个页面显示出来的时候,总是会出现乱码;但是将提交方式改为get的时候,就不会出现这种错误。详细错误见下面图片和代码。HTML代码: 1 <!DOCTYPE html> 2 <html> ...
CSS 常用样式 提高网页编写速度
*{margin:0px;padding:0px;}/*内外边距初始化*/html, body, div, h1, h2, h3, h4, h5, h6, p, span, img, input, textarea, ul, ol, li, hr { margin: 0;padd ...
CSS+DIV命名
2017-08-22 14:00:05

CSS+DIV命名

原地址 ...
单页面响应式模板:血色圆月
预览: 部分页面展示: 演示及下载: 演示地址 免费下载 更多模板请立刻访问 模板集市 介绍:单页面响应式模板,支持ipad,iphone浏览器兼容:现代浏览器(支持HTML5/CSS3)支持jQuery/Med ...
CSS3 calc()函数使用
2017-08-22 12:00:10

CSS3 calc()函数使用

1、calc是什么?calc是英文单词calculate(计算)的缩写,用于动态计算长度值。calc()函数支持 "+", "-", "*", "/" 运算;+ 和 - 运算符的两边必须始终要有空 ...
网页中的简单的遮罩层
2017-08-22 11:00:19

网页中的简单的遮罩层

html: <div id="test"></div><div id="log_window"> <!--<a href="javascript:cancel_shield()&qu ...
两天学会css基础(二)
2017-08-22 10:00:07

两天学会css基础(二)

接上一篇博客,还有css中的两个重要知识点没有说到,就是元素的浮动与定位。第三部分:元素的浮动与清除这部分的内容之前的博客已总结过。请查看css中的浮动与三种清除浮动的方法这篇文章。浮动在网页中也用的和普遍,特别要注意清除浮动的方法。第四部分:元素的定位元素的定位在实际开发中会经 ...
js获取css的各种样式并且设置他们
js原生获取css样式,并且设置,看似简单,其实并不简单,我们平时用的ele.style.样式,只能获取内嵌的样式,但是我们写的样式基本都在style属性里面;这里我们就需要:下面这个代码主要是设置为了兼容IE这孙子;function getStyle(element, attr ...
记小白的一次基于vue+express+mongodb个人站开发
学了vue和node一段时间了,折腾了一些零零散散的小东西。马上大四了要出去找工作了,所以早就想搭一个个人站作为一次较为全面的总结。因为没有设计功底,界面设计使我这种强迫症患者苦不堪言。幸而到最后花了一个星期,慢慢磨还是做出来能看的。本文章也只是记录一下小白的学习记录,然后期待大 ...
循环
2017-08-21 17:00:26

循环

var canvas = $("#gameCanvas");var context = canvas.get(0).getContext("2d");//画布尺寸var canvasWidth = canvas.width();var ca ...
Hybrid App混合模式开发的了解
Hybrid App(混合模式移动应用)是指介于web-app、native-app这两者之间的app,兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”。Hybrid App是什么呢1.Hybrid App就是一个移动应用2.同时使用网页语言 ...
常见浏览器兼容性问题及解决方案
问题一:背景颜色透明(设置background的rgba属性在ie下的兼容性问题)解决方案:.box{ background:rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolo ...
CSS实现单行、多行文本溢出显示省略号(…)
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow: hidden;text-overflow:ellipsis;white-space: nowra ...
CSS3 选择器浏览器兼容性汇总 IE8
1、css选择器css(包括css1、css2和css3)有哪些选择器? 2、CSS3选择器因为CSS1和CSS2选择器浏览器兼容性很好,因此本文主要讲解CSS3选择器,CSS3选择器一共有21个,他们为:3、CSS3选择器的兼容性根据Can I Use src=" ...
[attribute=value]和[attribute^=value]选择器区别
1、[attribute|=value][attribute|=value]选择器说明 >选择 lang 属性值以 "val" 开头的元素该值必须是整个单词,比如 lang="en",或者后面跟着连字符,比如 lang="e ...
css实现未知高度水平垂直居中
页面设计中,经常需要实现元素的水平垂直居中,css实现的方法有很多(列如: margin: auto、position定位、css表达式calc()、使用css预处理、table等都可以实现水平居中),但大多都是针对容器高度不固定,元素高度固定的情况。这里我们介绍几种实现容器宽高 ...
git安装
2017-08-21 12:00:08

git安装

安装GIT- git命令行工具- 基于git命令行的一个客户端软件(提供一个界面去管理源代码) GIT命令操作- 初始化一个本地GIT仓储cd 当前项目目录git init // 初始化一个本地的仓库就是在本地文件夹中添加了一个.git的文件夹用于记录所有的项目变更信息- 查看本 ...
两天学会css基础(一)
2017-08-21 11:00:11

两天学会css基础(一)

什么是css?css的作用是什么?CSS 指层叠样式表 (Cascading Style Sheets)主要作用就是给HTML结构添加样式,搭建页面结构,比如设置元素的宽高大小,颜色,位置等等。学习css之前先了解一下css代码在HTML中的书写位置。样式名称存放位置使用 ...
CSS常见英语单词属性一览
这些是css中常会用到的一些英文单词,大家可以多看看,多使用就会容易记得了。color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ fon ...
HTML元素在CSS中的分类
2017-08-20 22:00:06

HTML元素在CSS中的分类

元素是组成HTML文档的基本结构,比如h1、p、ul、div等等。在CSS中,元素可以分为 “替换元素”与"非替换元素"。如果站在元素显示的效果上看,那么元素还可以分为"块级元素"和“行内元素”。一、替换元素与非替换元素(一)替换元素元素在 ...
css3 选择器 权重问题 (第一部分)
其实我现在写的这些博文笔记都是我很早之前学习的时候所写的笔记,只不过之前是没有写博客的习惯,所以都是写在word文档中个人需要的时候看而已。最近刚刚开了博客,所以想将自己的笔记贴到博客。但是现在看来我的笔记中好多东西都过于基础,其实放到博客也是没有多大的作用,于是我就想将我在开发 ...
Html5 移动端 触摸滑动事件
以下代码经过测试 没有问题 且可以循环滑动 <!DOCTYPE html><html <head> <meta name="renderer" content="webkit"> & ...
web的基础和html简单的标签
一、企业应用计算的演变Host-basedClient、serverWeb-base(是当前用的最多的一种模式)不同的客户端可以按装不同的东西,一代比一代更好,但是第三种(BS)是有缺点的,不支持大型产品,因为它支撑不起,但是它是最流行的,只要有互联网就可以用。建一个服务器就可以 ...
ie6兼容性问题总结
2017-08-20 16:00:12

ie6兼容性问题总结

1.<!DOCTYPE HTML>文档类型的声明。产生条件:IE6浏览器,当我们没有书写这个文档声明的时候,会触发IE6浏览器的怪异解析现象;解决办法:书写文档声明。2.不同浏览器当中,很多的标签的默认样式不同,如默认的外部丁内补丁。产生条件:不同浏览器;解决办法:利 ...
jQuery对表格的操作
2017-08-20 13:00:12

jQuery对表格的操作

1.表格变色(1)普通的隔行变色CSS代码:.even{background:#fff;} //偶数行样式.even{background:#fff;} //奇数行样式①包括表头$(function(){ $("tr:odd").addCla ...
CSS选择器
2017-08-20 12:00:15

CSS选择器

【本博客为原创 >  前言:  在工作中编写CSS样式表时随着选择器层数的增加总会看到选择器又丑又长的情况,利用工作之余研究从其命名再到如何提高其性能。本博客将以“通俗易懂”、“简洁””的方式来探究CSS选择器的性能,以及叙述总结如何提升CSS选择器的性能。(2017-8- ...
单文件文件上传到服务器(HTML5+js+Java)
上传单文件到服务器 应公司要求,在HTML5页面上实现 ...
css3 文本模型
2017-08-19 17:00:04

css3 文本模型

我前期是一名前端开发者,经常会遇到关于文本模型的问题,很多地方我们会经常遇到这种问题。例如栏目的标题,在设计师给我们图的时候并不会考虑到标题的长度,所以我们自己开发的过程中自己注意这一点。首先和大家将一下文本模型的一些基本的属性然后再针对一些案例去解析<text>模型 ...
css border
2017-08-19 16:00:14

css border

Border模型 ...
css高度已知,左右定宽,中间自适应三栏布局
css高度已知,左右定宽,中间自适应三栏布局:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta nam ...
改变选择文字的color及background
在一些特殊的网站中,常常会有着一些新奇的体验,在阅读网页的时候相信许多人都会和我一样有着一个习惯,把一些文字选中然后进行阅读,或者时要复制粘贴的时候选择文字对吧。然而无论是在ie,chrome,firefox,safari或者是以这些为内核的浏览器默认的选择文字都是蓝底白字吧.例 ...
我的启蒙
2017-08-18 23:00:18

我的启蒙

HTML5  1.HTML5:万维网的核心语言,HTML规范的第五次重大修改.现在大部分网站的主流编译语言.学好HTML5是每一个前端的基础课,当然她也很简单  2.HTML5新增语义化标签(虽然很少用到,但是还是要说一下)    (1)<laomaoshi>老猫师: ...
CSS改网页鼠标指针、改指定元素指针(1)——代码部分
要实现CSS改网页鼠标指针、改指定元素指针,我们应该首先了解以下内容:所有主流浏览器都支持 cursor 属性。注释:Opera 9.3 和 Safari 3 不支持 url 值。注释:任何版本的 Internet Explorer (包括 IE8)都不支持属性值 &qu ...
给单元素艺术添加动画
2017-08-18 19:00:12

给单元素艺术添加动画

原文:Animating Single Div Art翻译:nzbin导读:学习工具的最好的方法就是尝试新技术,本文通过&ldquo;单元素艺术&rdquo;介绍了 CSS 变量的使用以及给单元素添加动画的几种方法。通过学习作者编写的复杂的&ldquo;单 ...
响应式web设计之@media
2017-08-18 17:00:11

响应式web设计之@media

两种方式,一种是直接在link中判断设备的尺寸,然后引用不同的css文件:1<link rel="stylesheet" type="text/css" href="styleA.css" media=" ...
BFC简析
2017-08-18 15:00:26

BFC简析

一、BOX模型box是CSS中布局的基本单位,而不同类型的box,会参与不同的Formatting Context(一个决定如何渲染文档的容器),box内的元素会以不同的方式渲染。block-level:display属性为blcok、table、list-item,会生成blo ...
CSS布局
2017-08-18 15:00:24

CSS布局

在web页面布局中居中是我们常遇到的情况,而居中分为水平居中与垂直居中 文本的居中CSS中对文本的居中做的非常友好,我们是需要text-align, line-height 两个属性就可以控制文本的水平以及垂直居中 <head> <style type= ...
HTMLCSS——使用DIV和CSS完成网站首页重构
1、DIV 相关的技术   Div 它是一个 html 标签,一个块级元素(单独显示一行)。它单独使用没有任何意义,必须结合CSS来使用。它主要用于页面的布局。  Span 它是一个 html 标签,一个内联元素(显示一行)。它单独使用没有任何意义,必须结合CSS 来使用。它主要 ...
H5之audio标签放音兼容所有浏览器方法
前端交流群,群文件提供大量文档、书籍和资料。期待你的加入!群号:127768464 由于项目需要,最近刚做了一个网页放音的功能,使用到了H5新标签<audio></audio>,但是audio只能支持IE8以上的 ...