你的位置:首页 > 网页设计
ajax+node+request爬取网络图片(宅男福利)
注:本文只讨论技术不涉及商业,如有侵权请告知,未经本人同意转载后果自负!本文是通过浏览器端ajax,node端request-json进行爬取”尤果网“部分图片资源,纯属技术方面兴趣,不涉及商业方面;先上图: 如果没有node基础请自行学习~获取图片原理:通过request请 ...
less学习笔记   27/8/17
2017-08-27 19:00:10

less学习笔记 27/8/17

less最新官网<link rel="stylesheet/less" href="less/style.less" />Less现在可以在客户端(如:IE+,Webkit,Firefox)和服务器(如node.js)上运行。前 ...
浅谈 css 之 position用法
2017-08-27 13:00:04

浅谈 css 之 position用法

在 css中, position 属性有四个值可用: static(默认值)、absolute、relative、fixed。  relative:相对定位(相对于自身进行在常规流中的位置进行定位,保留自身原始的位置)  absolite:     1、相对于自身的包含块定位; ...
HTTP状态码
2017-08-27 11:00:07

HTTP状态码

1.消息 2.成功 3.重定向 4.请求错误 5.服务器错误 304:响应禁止包含消息体,如果客户端发送了一个带条件的 GET 请求且该请求已被允许,而文档的内容(自上次访问以来或者根据请求的条件)并没有改变,则服务器应当返回这个状态码。 305:被请求的资源必须通过指定的代理 ...
前端微场景布局样式
2017-08-26 23:00:12

前端微场景布局样式

<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Swiper demo</title& ...
KHL 003 11
2017-08-26 19:00:14

KHL 003 11

伸缩布局盒模型 ...
html  css  js加载顺序
2017-08-26 18:00:16

html css js加载顺序

1.js放在head中会立即执行,阻塞后续的资源下载与执行。因为js有可能会修改dom,如果不阻塞后续的资源下载,dom的操作顺序不可控。  正常的网页加载流程是这样的。浏览器一边下载HTML网页,一边开始解析解析过程中,发现<script>标签暂停解析,网页渲染的控 ...
KHL 002 11
2017-08-26 18:00:08

KHL 002 11

CSS 盒模型CSS中的盒模型inlineinline-blockblocktableabsolute positionfloat盒子3D模型 可以看出: 其中 padding 、content 、background-image 、background-color ...
如何加快HTML页面加载速度
1. 页面减肥a. 页面的肥瘦是影响加载速度最重要的因素。b. 删除不必要的空格、注释。c. 将inline的script和css移到外部文件。d. 可以使用HTML Tidy来给HTML减肥,还可以使用一些压缩工具来给JavaScript减肥。 2. 减少文件数量a. 减少页面 ...
H5操作WebSQL数据库
2017-08-26 17:00:12

H5操作WebSQL数据库

HTML代码:<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"> <title>列车时刻表查询</ ...
浏览器工作原理——页面加载
浏览器工作大流程来看个图:从上面这个图中,我们可以看到那么几个事: 1)浏览器会解析三个东西:一个是HTML/SVG/XHTML,事实上,Webkit有三个C++的类对应这三类文档。解析这三种文件会产生一个DOM Tree。CSS,解析CSS会产生CSS规则树。Javascr ...
KHL 001 11
2017-08-26 16:00:16

KHL 001 11

CSS3 选择器分类 动态伪类选择器 锚点伪类的设置顺序必须遵守一个”LoVe/HAte”原则,也就是说正确的设置顺序为: a:link、a:visited、a:hover、a:active目标伪类选择器 UI元素状态选择器 结构伪类选择器 ...
CSS鼠标悬浮DIV后显示DIV外的按钮
昨天写样式遇到个问题,如何让鼠标悬浮DIV后,显示DIV外的按钮,可以点击到按钮。效果如下:问题:在DIV hover时候将按钮设为display: block,这是很直接的想法,但是这有个问题,就是在悬浮出现按钮后,鼠标要移到按钮上过程中,离开了DIV经过间距时,按钮就会消失。 ...
页面上输入任意数字,点击按钮后计算阶乘。
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/jav ...
css3制作小时钟
2017-08-26 11:00:11

css3制作小时钟

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> &l ...
用css3制作美猴王刷金箍棒
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> &l ...
checkbox框变大变小
2017-08-25 21:00:13

checkbox框变大变小

...
事件绑定,事件捕获,事件冒泡以及事件委托,兼容IE
PS:原文转自 事件分为三个阶段: 事件捕获 --> 事件目标 --> 事件冒泡● 事件捕获:事件发生时(onclick,onmouseover……)首先发生在document上,然后依次传递给body、&hellip;&hel ...
【前端】向blog或网站中添加语法高亮显示代码方法总结
向blog或网站中添加语法高亮显示的代码方法总结 文章目录预备知识目标第一类方法:嵌入第二类方法:外部引用第三类方法:忽略HTML和PHP   最近在写代码时遇到一个问题,就是如何让代码像在IDE或专业编译器一样能够高亮显示在网页或博客中(如下图显示),上网查了很多资料, ...
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中,元素可以分为 “替换元素”与"非替换元素"。如果站在元素显示的效果上看,那么元素还可以分为"块级元素"和“行内元素”。一、替换元素与非替换元素(一)替换元素元素在 ...
第一页下一页12345678910下10页末页第10/227页,总共:13570条数据