你的位置:首页 > 网页设计
animation 动画属性
2017-01-20 12:00:15

animation 动画属性

animation-name: 选择器名称animation-duration: 完成动画所需时间animation-timing-function: 动画的速度曲线 值描述测试linear动画从头到尾的速度是相同的。测试ease默认。动画以低速开始,然后加快,在结束 ...
ueditor编辑器插件 chrome中图片上传框延时问题
最近在项目中使用ueditor插件进行文字的在线编辑功能时,发现这个插件的图片上传弹框在chrome浏览器延迟非常的厉害。经过多方搜索,终于解决。现将解决方案记录如下: 1、修改/Ueditor/dialogs/image/image.j ...
H5移动端知识点总结
2017-01-20 12:00:13

H5移动端知识点总结

来自: http://www.cnblogs.com/tugenhua0707/p/5180841.htmlH5移动端知识点总结阅读目录移动开发基本知识点calc基本用法box-sizing的理解及使用理解display:box的布局理解flex布局Flex布局兼容知识点总结 ...
修改输入框placeholder文字默认颜色
针对placeholder来设置想要的颜色:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000; opacity:1; }::-moz-placeholder { /* Mozilla Firefox 19+ ...
2D转换下的zoom和transfor:scale的区别
一、什么是zoom  在我们做项目和查看别人的网页的时候总会看到在一些元素的样式里,看到有一个家伙孤零零的待在那里,它到底是谁呢?    它的名字叫zoom,zoom的意思是“变焦”,虽然在摄影的领域经常被提到,但是在web的世界里也可以这样理解它的意思,就是改变元素的尺寸,进行 ...
css里颜色的那些事儿(合法颜色值)
css中主要有六种方法指定颜色:1.十六进制颜色2.RGB颜色3.RGBA颜色4.HSL色彩5.HSLA颜色6.预定义/跨浏览器的颜色名称前三种是我们最常见的,也是用的最多的,而后三种对于初学者来说简直就是“什么鬼?”。但是!不用怕,今天我们就来好好聊聊css中的这六位小成员的事 ...
纯CSS的三角符号
2017-01-20 12:00:08

纯CSS的三角符号

项目中经常用到三角形,现在给大家讲下用纯CSS写的下三角实心图形1 .triangle{2 border-width: 5px 4px 0 4px;3 border-color: #454A7Btransparent transparent transparent;4 ...
移动端H5页面遇到的问题总结
最近刚做完一个移动端的项目,产品之无敌,过程之艰辛,我就不多说了,记录下在这个项目中遇到的问题,以防万一,虽然这些可能都是已经被N多前辈解决掉了的问题,也放在这里,算是为自己漫漫前端路铺了一颗小石子儿吧,也在文末留下自己未能解决的疑问,希望看到的朋友能解惑。  都知道做移动端的开 ...
css3 小图标提示特效
2017-01-20 12:00:03

css3 小图标提示特效

最近的计划,就是每天来几个特效,当然这里有限制,在什么候选区只能放一个,还每天有限制发布的,哎,啊 终于写完了,看到一个挺好玩的东西,想到能不能用网页的特效做出来,试试呗!不过,一想肯东有很多的相类似的了,不过,反正就是挺有成就感的。高兴即来淫诗一首,两眼黑黑,灯下黑黑,嘿嘿嘿嘿 ...
es6笔记5^_^set、map、iterator
一、set1.基本用法  数据结构Set类似于数组,但是成员的值都是唯一的,没有重复的值。 let s = new Set(); [2,3,5,4,5,2,2].map(x => s.add(x)) for (let i of s) {console.log(i)}/ ...
es6笔记4^_^function
2017-01-19 12:00:12

es6笔记4^_^function

一、function默认参数  现在可以在定义函数的时候指定参数的默认值了,而不用像以前那样通过逻辑或操作符来达到目的了。  es5function sayHello(name){ //传统的指定默认参数的方式 let name1 = name||'hubwiz'; ...
【CSS3】使用JAVASCript触发过渡效果
使用 :hover 和 :focus 这样的伪类,我们可以很方便的将元素从一个样式切换到另一个样式,而且切换是会有过渡效果。但有时我们想要使用 js 来驱动过渡(即在代码中触发过渡)也是可以实现的。和普通过渡一样,先创建两个样式规则,一个是元素的初始状态, ...
jQuery鼠标悬停3d菜单展开动画
效果体验:http://hovertree.com/texiao/jquery/93/竖直的主菜单贴着页面左侧,当光标移入菜单项时,以3D动画的方式弹出对应的二级菜单。采用jQuery和CSS3实现。支持Chrome,火狐,Edge等浏览器。效果图:代码如下:<!DOCTY ...
网站图标多,首次打开慢,怎么破?
背景项目开发过程中可能会遇到首次打开一个工具栏有特别多图标的网站,图标加载特别慢原因分析如果服务器上存的图片都是单独分开的话,那打开网站后,面板上的所有图标是不是都要请求服务器呢?次数是不是就多了?那我们就减少请求服务器次数。优化一是本次文章的主题:切图,其它优化是网页优化优化一 ...
div中嵌套div中使用margin
2017-01-19 00:06:53

div中嵌套div中使用margin

div中嵌套div中使用margin-top失效问题 ...
head中的title显示在body中
2017-01-19 00:06:16

head中的title显示在body中

今天遇到一个问题,就是title中的内容会显示在body中1 <head>2 <title>324234</title>3 </head>网上搜了一下是说编码方式有问题会出现这种情况,于是查看我的编码情况,发现没有任何问题。于是开始 ...
Chrome浏览器正常,IE下界面却乱了
背景:项目实战中总会遇到一些小问题,IE特别多Chrome浏览器页面正常,IE下界面就乱了原因分析1、首先想到的是代码有米有问题呢?主要指的是兼容性2、兼容性没有问题,那我们打开IE的开发工具看看,纳尼,居然是IE7、8、9、10、11随便一个。反正不是你想要的IE版本模式好吧, ...
如何自定义博客园样式
2017-01-19 00:05:44

如何自定义博客园样式

苦恼每次看到别人的博客样式都感觉很舒服,很好看。当自己开通博客后,使用了预置的样式也无法达到自己想要的页面效果,怎么办?废话不多说,直奔主题如何设置博客园自定义的样式还有这样的功能,我怎么不知道,后来也是看到园友发表过类似的文章才知道的。首先我们要在后台设置tab页里,找到博客皮 ...
列表样式
2017-01-19 00:00:49

列表样式

1.board.w<view > <view > <scroll-view scroll-y="true" height="100%"> <block wx:for="{{board ...
es6笔记3^_^object
2017-01-18 12:00:09

es6笔记3^_^object

一、destructuring  ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构Destructuring。//es5if(1){ let cat = 'ken'; let dog = 'lili'; let zoo = {cat: cat, d ...
写一个简单的CSS表
2017-01-18 12:00:08

写一个简单的CSS表

1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 4 <titl ...
用canvas编写表白动画
2017-01-18 12:00:06

用canvas编写表白动画

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> < ...
用c3制作3d盒子旋转特效
2017-01-18 12:00:06

用c3制作3d盒子旋转特效

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> < ...
html标签详解(1)
2017-01-18 00:00:31

html标签详解(1)

http标签详解及讲解 1.基础标签1 <!DOCTYPE html> <!--表示文本类型-->2 <html> <!--<html></html> ...
html标签详解(2)
2017-01-18 00:00:27

html标签详解(2)

http标签详解声明 1:这里的文字都是我从我自己csdn账号拷贝过来,是本人学习总结的结晶,所以请尊重本作品。2:如要要转载本文章,则要说明文字的出处。3:如有哪里不对欢迎指出。在上一篇文章中主要讲了,http的一些基础标签,比方说链接标签,图片标签,html框架等,那接下来主 ...
IE8下实现兼容rgba
2017-01-18 00:00:24

IE8下实现兼容rgba

前几天做一个项目的时候遇到一个问题,透明度的问题,今天空了给大家讲讲我的一些看法和怎样兼容透明度一:两种方式 (IE9+)  1:rgba() (只是背景透明)  2:opcity (里面的内容与背景都透明)二:解释区别在css3以前,我们的css中的颜色都是基于R ...
sql注入【手工及一些工具】
Sql注入原理分析:  网站程序存在可控传递参数,参数未进行过滤直接带入数据库查询,导致攻击者可通过传递恶意sql语句代码进行执行攻击。Sql注入产生条件  1.必须有参数传递  2.参数值带入数据库查询并执行判断是不是用注入:  例:http://www.xxx.xxx asp ...
如何在网页中循环播放声音?
HTML中可以播放声音的标签有bgsound、embed、audio、object等,下面先简单介绍这几个标签 <bgsound>:  <bgsound> 是用来插入背景音乐,但只适用于 ie,其参数设定不多。如下  <bgsound src=& ...
DIV+CSS详解
2017-01-18 00:00:21

DIV+CSS详解

DIV+CSS详解✪DIV+CSS"这种叫法其实是一种不准确的叫法  在做笔记的最前面必须先给大家纠正一个错误,就是"DIV+CSS"这种叫法其实是一种不准确的叫法,是国人给这种布局标准页面的方法起的名字,是对技术理解不够透彻导致的,而标准的叫法是什 ...
利用Kaptcha.jar生成图片验证码(以下源码可以直接复制并自定义修改)
说明:Kaptcha是一个很实用的验证码生成工具,它可以生成各种样式的验证码,因为它是可以配置的 目录: 一 实现步骤 二 实例 A 编写jsp页面 B 配置web.一 实现步骤 1 下载Kaptcha-2.3.jar 2 复制jar包,放于项目的lib包下 ...
css块级标签,行内标签,行内块标签的转换(2)
css块级标签,行内标签,行内块标签的转换版权声明本文原创作者:雨点的名字作者博客地址:https://home.cnblogs.com/u/qdhxhz/ 在基础1中,我详细讲了css的常见属性,几种不同的选择器,在此基础之上我们来进一步地认识它们的特性从而 ...
CSS清楚浮动
2017-01-18 00:00:16

CSS清楚浮动

CSS清楚浮动方法1.给父级一个height属性<style type="text/css"> .div1{background:#000080;border:1px solid red;/*解决代码*/height:200px;} .div2{b ...
Flexible 弹性盒子模型之CSS order 属性
实例设置弹性盒对象元素的顺序:div#myRedDIV {order:2;}div#myBlueDIV {order:4;}div#myGreenDIV {order:3;}div#myPinkDIV {order:1;}复制效果预览浏览器支持表格中的数字表示支持该属性的第一个浏 ...
HTML页面3秒后自动跳转的三种常见方法
在练习中,我们常常遇到一种问题就是,怎么实现页面N秒之后自动跳转呢? 我自己遇到问题和查找资料,总结了3个方法 方法1: 最简单的一种:直接在前面<head>里面添加代码: <span style="font-size:18px;&qu ...
关于清除浮动的几种方法
直到写这篇随笔,才认真的去研究了一下每一种清除浮动的方法到底是什么原理(⊙﹏⊙)b 对于刚刚接触CSS的人来说,就像当时的我一样,在做一些小项目和练习的时候,总会莫名其妙的问自己“哎!?我的div去哪了!?( ⊙ o ⊙ )”然后默默地加上一个背景色来看一下我辛辛苦苦写的小 ...
结合swiper使用图片懒加载
本人渣渣一枚,技术一般,记录下笔记,大神勿喷,可以留下优化建议,谢谢  最近刚刚做了个展示型的网站,使用swiper搭的框架,因为图片比较多,所 以首次加载稍微有些慢,虽然压缩过了,但是尽可能的优化吧,刚开始找了个懒加载的一个插件,但没想到怎么跟swiper结合使用,就自己写了个 ...
[转]HTTP请求模型和头信息参考
[转]HTTP请求模型和头信息参考参考: http://blog.csdn.net/baggio785/archive/2006/04/13/661410.aspx模型: http://blog.csdn.net/baggio785/archive/2006/04/13/ ...
手机端H5 header定义样式
2017-01-17 00:00:15

手机端H5 header定义样式

<meta content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/> <met ...
Flexible 弹性盒子模型之CSS justify
实例在弹性盒对象的 <div> 元素中的各项周围留有空白:div{display: flex;justify-content: space-around;}复制效果预览浏览器支持表格中的数字表示支持该属性的第一个浏览器的版本号。紧跟在 -webkit-, -ms- 或 ...
标签a的注意事项1
2017-01-16 12:00:09

标签a的注意事项1

使用a标签时,其子元素可以为其他元素,但是不能包含<a>标签,否则会造成布局改变!因此请尽量不要在a标签里放太多子元素,可以在外层套一个div,其他子元素放在a标签同级下。正确布局:<div>  <a>    <span>我是a中的 ...
CSS3特性修改(自定义)浏览器默认滚动条
前言:我们做前端时,会遇到一些需求,要求把默认浏览器的滚动条样式给改写了,诶。好好的改它干啥了,也带不来用户体验,就是好看点嘛!实现原理其实是用了伪元素,webkit的伪元素实现很强,可以把滚动条当成一个页面元素来定义,再结合一些CSS3属性,比如圆角、渐变、rgba等等。最常见 ...
es6笔记2^_^array
2017-01-16 00:00:25

es6笔记2^_^array

一、Array.from()  Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map)。if(1){ let list = document.quer ...
win10的IIS配置
2017-01-15 12:00:08

win10的IIS配置

安装IIS:控制面板---程序---启用或关闭windows功能---Internet Information ServicesIIS 和 IIS 可承载的web核心 有何区别? 是否两个都必须勾选才可以建立web服务器?前者就是IIS , 基础服务; 后者是 ...
Microsoft Edge与Google Chrome那些不同的举止
以下针对14393版本Edge与Chrome 54html dom/select的如果options里没有符合的值时edge会选择第一个,chrome(54)会置空选项html dom/input[type=date]如果设置了高度,那么控件里的上下箭头会居上对其,其它子控件会正 ...
HTML5的文档结构
2017-01-15 00:00:12

HTML5的文档结构

HTML5的文档结构  HTML5简化了许多,它的设计遵循了3个原则:1.兼容性、2.实用性、3.通用访问性 1. header 元素 <header> 标签定义文档或者文档的一部分区域的页眉,又可用于设置文章标题。 < ...
在网页中嵌入多媒体内容
第10章 在网页中嵌入多媒体内容现在在制作网页时,除了可以在网页中放置文本、图片外,还可以在页面中嵌入声音、视频、动画等多媒体内容,使得页面看上去更加丰富多彩、动感十足。10.1 设置滚动字幕<marquee>属性 属性值 ...
利用HTML5的devicemotion事件实现手机摇一摇抽奖,年会抽奖
摇一摇JS脚本逻辑:接下来是移动端JS脚本逻辑的实现,摇一摇的实现需借助html5新增的devicemotion事件,获取设备在位置和方向上的改变速度的相关信息,该事件的基本使用如下:if (window.DeviceMotionEvent) { window.addEvent ...
HTML页面加载和解析流程详细介绍
浏览器加载和渲染html的顺序、如何加快HTML页面加载速度、HTML页面加载和解析流程等等,在本文将为大家详细介绍下,感兴趣的朋友不要错过浏览器加载和渲染html的顺序 1. IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。 2. 在渲染到页面 ...
xhtml头文件设置
2017-01-14 00:02:02

xhtml头文件设置

设置字符集编码:<head> <meta http-equiv="Content-Type" Content="text/html" charset="utf-8" /></head> ...
空中飘动的云动画
2017-01-14 00:01:57

空中飘动的云动画

步骤:1.创建五朵云; 2.给云朵添加不同样式和位置; 3.让这些云朵以不同的速度穿过屏幕; <!doctype html><html><head><meta c ...
CSS之纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等)
图形包括基本的矩形、圆形、椭圆、三角形、多边形,也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性,所以在你打开这篇文章的时候,我希望你用的是firefox或者chrome,当然IE也能看一部分的。那好,下面就一起来看看我们是如何用纯CSS来画这些图形的 ...
图片热点
2017-01-14 00:01:22

图片热点

图片热点: 规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果 网页划区: 在一个网页里,规划出一个区域用来展示另一个网页的内容。 网页的拼接: 在一个网络页面内,规划 ...
SVG基础以及使用Javascript DOM操作SVG
SVG不依赖分辨率支持事件处理器最适合带有大型渲染区域的应用程序(比如谷歌地图)复杂度高会减慢渲染速度(任何过度使用 DOM 的应用都不快)不适合游戏应用Canvas依赖分辨率不支持事件处理器弱的文本渲染能力能够以 .png 或 .jpg 格式保存结果图像最适合图像密集型的游戏, ...
HTML meta 标签
2017-01-13 00:00:14

HTML meta 标签

浏览器支持IEFirefoxChromeSafariOpera 所有浏览器都支持 <meta> 标签。定义和用法<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键 ...
CSS里的 no
2017-01-13 00:00:13

CSS里的 no

简单来说,CSS里的 no-repeat是针对背景图片来说的。当你设置了no-repeat这个属性后,你的背景图片将不会被重复,再换一种说法,你在网站上所看到的背景图片就是你所添加的图片, 不会出现平铺或者重复的现象。 来自:https://zhidao.baidu.com/ ...
链接中的href=#是什么意思呢
链接当前页面。 ------------------- 通常有如下用法: <a href="#" onclick="window.close()">关闭</a> 将href="#"是指联接到当前页 ...
HTML dl 标签
2017-01-13 00:00:12

HTML dl 标签

<html><body><h2>一个定义列表:</h2><dl> <dt>计算机</dt> <dd>用来计算的仪器 ... ...</dd> ...
微信小程序的动画效果
2017-01-13 00:00:12

微信小程序的动画效果

前言  由于公司计划有变,所以从H5页面改成去小程序写。所以在着手开发小程序。本人也不是什么前端高手,只是一名写后端偶尔写写前端的渣渣。请前端大神们勿喷。一、什么是微信小程序?  小程序在我的理解中只是高度封装的H5,封装了各种组件。根据官方的说法小程序运行不是在浏览器当中。姑且 ...
HTML  target 属性
2017-01-13 00:00:11

HTML target 属性

定义和用法<a> 标签的 target 属性规定在何处打开链接文档。如果在一个 <a> 标签内包含一个 target 属性,浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或 ...
Mac 安装 Grunt
2017-01-12 12:04:12

Mac 安装 Grunt

第一步:安装brew打开http://brew.sh/登陆brewhome官网,上面有安装命令。 第二步:安装node第一步安装成功后,命令行输入 brew install node 第三步:安装grunt第二步安装结束后,命令行输入 npm install -g gru ...
第一页下一页12345678910下10页末页第1/190页,总共:11387条数据