你的位置:首页 > 网页设计
表单form/form提交方式的区别
<form action="" method="get/post">表单<form></form>的提交方式有两种:post,getpost 方式 指交互信息 放入到请求体里面 get 方式 指交互 ...
换行、文字隐藏省略号问题
1、一行超出文字隐藏overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis; /*文字隐藏后添加省略号*/white-space: nowrap; /*强制不换行*/ 2、div显示两行文字,超出两行部分省略号显示overflo ...
简洁大方的wordpress主题,不容错过的主题,附带主题源码下载
cu主题是由疯狂的大叔设计,界面简洁大方是它最大的特点之一。手残君也比较喜爱这款主题,在使用的过程中,根据手残君的个人习惯,对其进行了优化。标题优化标题居中显示增加标题div背景色标题div平滑优化相关代码:.wen-title{margin-bottom: 60px;backg ...
html5知识点:简析正则表达式
很多人对正则表达式的印象都是用来做表单验证的,这其实是不大准确的。正则表达式目前在很多软件中都得到了广泛的应用,包括Linux,Unix等操作系统,VBScript,Java,PHP等开发环境中,以及很多应用软件都能应用到正则表达式。一,正则的历史。首先先来扫清一个误区,老是有人 ...
wordpress疯狂的大叔,主题标题+标签云等多项优化,附带主题源码下载
cu主题是由疯狂的大叔设计,界面简洁大方是它最大的特点之一。手残君也比较喜爱这款主题,在使用的过程中,根据手残君的个人习惯,对其进行了优化。标题优化标题居中显示增加标题div背景色标题div平滑优化相关代码:.wen-title{margin-bottom: 60px;backg ...
记一次使用Node.js electron打包网站的记录
具体步骤请参考 >{ "name": "appname", "version": "0.1.0", "main": "./main.js", " ...
sublime使用技巧
2017-11-30 21:00:09

sublime使用技巧

Ctrl+N 新建一个编辑区,Ctrl+Shift+C 或!加 Ctrl+E新建一个骨架完好的文件。Ctrl+Shift+P开启命令模式,sshtml 切换html语法。 esc退出,Ctrl+`打开工作台、Ctrl+Enter 在当前行下添加一行。Ctrl+Shift+Ente ...
github个人博客绑定单独阿里域名指南
详情 >github个人博客绑定单独阿里域名指南起源 禁止微信重拍版 给github pages绑定域名获取github pages的ip地址 配置阿里云域名并解析(是域名就行,是不是阿里不重要) 配置github pages的custom domain ...
旋转卡  可以用做登录注册
最新新出的设计稿,设计要求登录注册找回密码不设置单独页面 直接弹窗出来 且切换效果要旋转来 以为不容易 没想到做着感觉还阔以 哈哈 现在贴出来 这是两个按钮,样式按照自己的来写就行<a id="loginEnter&qu ...
html5知识点:CSRF攻击
2017-11-30 04:00:02

html5知识点:CSRF攻击

CSRF全称叫做,跨站请求伪造。就是黑客可以伪造用户的身份去做一些操作,进而满足自身目的。 这是请求伪造的基本原理。那么支付宝验证用户身份的机制是什么呢? 伪造请求的方式一般有如下几种方式:页面中有一个超链接,诱导用户进行点击<a href=”https:// ...
301和302状态码区别
2017-11-30 01:00:03

301和302状态码区别

一、官方解释301 redirect: 301 代表永久性转移(Permanently Moved)302 redirect: 302 代表暂时性转移(Temporarily Moved ) 301表示旧地址A的资源已经被永久地移除了(这个资源不可访问了),搜索引擎在抓取新内 ...
【原】小程序常见问题整理
目录 (更新于201701130)常见问题如何做页面适配如何正确的使用image标签如何禁止页面滑动本地资源无法通过 WXSS 获取怎么解决小程序如何跳小程序wxss-选择器受限制问题没有html的br标签怎么换行scroll-view标签bug如何模拟触摸按钮的hover效果如 ...
通俗解释浏览器缓存机制
转自:https://zhuanlan.zhihu.com/p/23299600?refer=study-fe1. 思路1,无缓存浏览器向服务器请求资源 a.jpg,服务器找到对应资源把内容返回给浏览器。当浏览器再次向服务器请求资源a.jpg时,服务器重新发送完整的数据文件给浏览 ...
解决div里面img标签后面跟着空白符
直接在div里面添加img标签有一个坑,img的高度会莫名添加几个像素的高度,查询之后才知道原来css2出现的问题。引起这个问题原来是img标签默认基线引起的,vertical-align:baseline解决办法1、调整基线:vertical-align:middle2、直接把 ...
JAVASCRIPT与前端推荐
2017-11-29 22:00:01

JAVASCRIPT与前端推荐

推荐两个网站,JAVASCRIPT与前端相关,两边都可以玩,蛮方便的,然后全通后你拿个全英文版本的证书提升逼格.https://www.freecodecamp.org/https://www.freecodecamp.cn/ ...
HTML Entity 字符实体(字符转义)
目录1. HTML Entity2. 字符与Entity Name的互相转换3. 字符与Entity Number的互相转换 1. HTML Entity1.1 介绍在编写HTML页面时,需要用到"<"、">"、&quo ...
胶囊式菜单
2017-11-29 18:00:08

胶囊式菜单

<div> <ul > <li ><a href="#Index" aria-controls="Index" role="tab" data-toggle="t ...
HTML页面跳转及参数传递
2017-11-29 07:00:01

HTML页面跳转及参数传递

HTML页面跳转:window.open(url, "", "width=600,height=400");第二个参数:_self,在当前窗口打开窗口;_blank(默认值),在另外的新建窗口打开新窗口;window.location.hr ...
HTML基础上
2017-11-29 03:00:34

HTML基础上

知识点一:HTMLHyper Text Markup Language 超文本标记语言。 HTML标准结构:< ! doctype html> 声明文档类型<html> 根标签<head> 头标签<title>& ...
HTML Entity 字符实体
2017-11-29 03:00:09

HTML Entity 字符实体

目录1. HTML Entity2. 字符与Entity Name的互相转换3. 字符与Entity Number的互相转换 1. HTML Entity1.1 介绍在编写HTML页面时,需要用到"<"、">"、&quo ...
html5知识点:CSS3新增选择器
css3选择器是在css2.0的基础上的修改创新。他增加了一些UI元素状态伪类选择器、结构伪类选择器、属性选择器等。Css3新增的这些选择器很多强大,他的出现给我们前端带来了好多便利。一、使我们的网页代码更简洁、结构更加清晰,结构清晰就会有利于SEO(搜索引擎)的优化,代码简洁说 ...
css实现六边形图片(最简单易懂方法实现高逼格图片展示)
不说别的,先上效果: 用简单的div配合伪元素,即可&lsquo;画出&rsquo;这幅六边形图片,原理是三个相同宽高的div,通过定位旋转拼合成一个六边形,再利用背景图层叠,形成视觉上的一张整图。下面咱们一步一步来实现。(1)那么第一步,当然是绘制容器,容器 ...
写了一个从网页中抓取信息
写了一个从网页中抓取信息(如最新的头条新闻,新闻的来源,标题,内容等)的类,本文将介绍如何使用这个类来抓取网页中需要的信息。本文将以抓取博客园首页的博客标题和链接为例:上图显示的是博客园首页的DOM树,显然只需提取出class为post_item的div,再重中提取出class为 ...
placeholder字体样式及兼容
样式修改css::-webkit-input-placeholder { /* WebKit browsers */ color: #fff!important;}:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: # ...
flex和box兼容性写法
2017-11-28 19:00:14

flex和box兼容性写法

display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+ ...
sublime安装 和 插件安装
2017-11-28 19:00:06

sublime安装 和 插件安装

先从官网下载sublime https://www.sublimetext.com/3 安装完毕后 快捷键ctrl+` 或者View->Show Console,输入如下代码(sublime text3)import urllib.request,os ...
表格和表单
2017-11-28 08:00:11

表格和表单

表格是一个组合标签,用来布局,兼容性好;现在布局思路大多数是div+Css。  对于表格标签做了一下概述,认识一下。表格的头部<thead></thead,和<tfoot></tfoot>可以省略,主要样式如下  <!DOCTYPE ...
元素垂直居中
2017-11-28 08:00:03

元素垂直居中

1、表格实现父级{display:table;}子级{display:table-cell;vertical-align:middle;}display:table- cell属性类似于td标签。会受一些css属性破坏:float,position:absolute;displa ...
HTML 表单、样式
2017-11-27 18:00:03

HTML 表单、样式

目录:1.<form>2.<head>3.<embed> 1.form  创建表单,使用<form>标签。表单的作用是向服务器传输数据,实现用户交互。标签中包含input、menus、textarea、fieldse ...
视频转码
2017-11-27 17:00:04

视频转码

/// <summary> /// 转换成MP4格式 /// </summary> /// <param name="fromFilePath"></param> /// <returns>& ...
iframe的使用
2017-11-27 08:00:01

iframe的使用

1.父页面调用子页面的元素$('a').contents().find("b") (a代表iframe的id或者class,b代表子页面) 2.子页面调用父页面的元素$(window.parent.document).conten ...
day02HTML_CSS
2017-11-27 05:00:06

day02HTML_CSS

掌握表单标签<form action="http://www.baidu.com" method="post"> ...</form>了解CSS的概念英文缩写 Cascading Style Sheet层叠样式表 ...
HTML 文件框架结构
2017-11-27 05:00:05

HTML 文件框架结构

1.head1.1.meta标签<!-- 设定字符集、自动刷新、自动跳转、关键字 --><meta charset="utf-8"><meta http-equiv="Content-Type" Content ...
幸运抽奖
2017-11-27 02:00:12

幸运抽奖

var oPointer=document.getElementsByTagName("img")[0]; var oTurnable=document.getElementsByTagName("img")[1]; var cat=15; ...
一道前端学习试题
2017-11-27 02:00:07

一道前端学习试题

对于没参加过互联网企业招聘,或是没有参加过大型互联网企业招聘的人来说,能以这些公司的面试题做为锻炼,无疑是一种非常好的学习和进步的途径。下面是一道腾讯的前端面试题(JS解答),题目本身在现实中意义不大,主要是考察应试者对js及算法的理解程度,本文给出了三种答案,期待有更大的侠来一 ...
纯CSS实现轮播图效果,你不知道的CSS3黑科技
前言轮播图已经是一个很常见的东西,尤其是在各大App的首页顶部栏,经常会轮番显示不同的图片。一提到轮播图如何实现时,很多人的第一反应就是使用Javascript的定时器,当然这种方法是可以实现的。不过就是有些繁琐,今天这篇文章我们来看看如何不用Javascript,而使用纯CSS ...
你有学习者综合征吗?Web 开发是重灾区
【导读】:学习者综合征的主要表现:学而不用,不停学习,却没有真正实际应用知识来做东西。如果过去的一年里,学习的语言或框架超过三个,那可能已经感染学习者综合征了。Web 开发是重灾区咯。你有学习者综合征吗?好吧,这本不是什么值得说道的事儿,但我注意到最近出现了一种行为趋势,尤其是在 ...
慕课网实战百度云
2017-11-27 00:00:02

慕课网实战百度云

慕课网实战 百度云web前端实战:Node.js入门到企业Web开发中的应用Web前端性能优化 让你的页面飞起来前端跳槽面试必备技巧前端JavaScript面试技巧全套node.JS 线上服务器部署vue2.0 node.js MongoDB全栈打造商城vue 2.0 高级实战- ...
H5新增标签
2017-11-26 23:00:04

H5新增标签

<header style="text-align: center; color: blue;">欢迎来到Html5的学习之路,我是header标签。</header>这是一个定义选项列表的标签datalist 这个的作用就是将text ...
推荐10个适合初学者的 HTML5 入门教程
HTML5 作为下一代网站开发技术,无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者,都值得去研究。借助尖端功能,技术和 API,HTML5 允许你创建响应性、创新性、互动性以及令人惊叹的漂亮网站。更进一步,你也可以使用 HTML5 创建原来只能用于桌面平台上的复杂应 ...
css/css3实现未知宽高元素的垂直居中和水平居中
其实在平常的一些布局中也经常有要实现元素的垂直居中和水平居中的的需要,下面来写几种css/css3实现的未知宽高元素的水平和垂直居中的写法ps:不考虑兼容问题(下次会写js实现元素的水平and垂直居中 )第一种 css3的transform.ele{/*设置元素绝对定位*/ po ...
easyUI 自学01
2017-11-25 05:00:05

easyUI 自学01

jQuery EasyUI 是一个基于 jQuery 的框架,集成了各种用户界面插件。jQuery EasyUI 框架提供了创建网页所需的一切,帮助您轻松建立站点。对于我这种不适合前端UI的人来说是一种福音,现在就开始记录一下easyUI的第一天学习内容。首先需要在网 src=& ...
让DIV随滚动条滚动
2017-11-25 02:00:03

让DIV随滚动条滚动

$(window).scroll(function(event){ //JQ监听滚动条   $('DIV').css("top", $(window).scrollTop()-300);//设置DIV的top}); ...
响应式布局 max
2017-11-24 20:53:46

响应式布局 max

闲来没事,研究了一下多屏适配和响应式布局的 CSS。第一种写法 1 @media screen and (max-device-width: 320px) { 2 3 } 4 5 @media screen and (min-device-width: 321px) and ...
CSS之BFC、IFC、FFC and GFC
2017-11-24 20:53:43

CSS之BFC、IFC、FFC and GFC

CSS之BFC、IFC、FFC and GFC什么是FC? BFC(Block Formatting Contexts)BFC的布局规则: 如何生成BFC: IFC(Inline Formatting Contexts) FFC(Flex Formatting C ...
css3的perspective()使用
2017-11-24 20:53:39

css3的perspective()使用

perspective() 未完待写 ...
练习——设计中文报刊版式
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>设计中文版式&l ...
HTML 字符实体
2017-11-24 18:00:10

HTML 字符实体

HTML 中的预留字符必须被替换为字符实体。HTML 实体在 HTML 中,某些字符是预留的。在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(characte ...
html5知识点:HTML5新特性
2017-11-24 17:00:26

html5知识点:HTML5新特性

最近几年web前端开发领域最热的话题当属HTML5,HTML5从根本上改变了开发商开发web应用的方式,从桌面浏览器到移动应用,这种语言和标准都正在影响并将继续影响着各种操作平台。关于HTML5的介绍:html5:万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HT ...
input 对伪元素(:before :after)的支持情况
最近做一个自定义视觉效果的Switch组件,用到了 input:radio 和 label,并在label里用伪元素 :before 模拟状态的切换效果。但是同事评审的时候说可以不用label,直接用input的微元素就可以实现。之前一直以为input这样的自闭合元素没有伪元素, ...
html页面动态缩放/meta viewport/viewport
<meta id="viewport" name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1, ...
网页信息抓取
2017-11-23 19:00:29

网页信息抓取

写了一个从网页中抓取信息(如最新的头条新闻,新闻的来源,标题,内容等)的类,本文将介绍如何使用这个类来抓取网页中需要的信息。本文将以抓取博客园首页的博客标题和链接为例:上图显示的是博客园首页的DOM树,显然只需提取出class为post_item的div,再重中提取出class为 ...
html5知识点:多终端浏览器兼容
​什么是多终端?多终端就是包括了我们的电脑,手机,手持式移动设备比如ipad等。因为各类设备的显示屏幕大小不一,分辨率不一,最佳可视效果的横竖设置也不一样,所以多终端浏览器兼容主要就是学习如何让我们的项目在多终端上呈现相同的显示效果,它主要涉及到两块知识点。1、浏览器兼容2、宽高 ...
vue安装
2017-11-23 18:00:06

vue安装

一、概述1、安装node,去node官网2、新建一个项目,通过npm init命令初始化,即创建一个package.json文件3、用命令 npm install vue -g 全局安装vue二、vue测试工具(vue-devtool)的安装1、下载安装2、如果安装后,在浏览器中 ...
vue+element
2017-11-23 14:00:14

vue+element

按照他的文档来写分页最主要的是 el-table里面展示的数据怎么处理<el-table :data="AllCommodityList.slice((currentPage-1)*pagesize,currentPage*pagesize)" b ...
常用标签以及类型转换
2017-11-23 14:00:14

常用标签以及类型转换

常见标签:  标签语义,标签代表什么意思,可以做什么。  权重,优先考虑的对象。  <title></title>,网页标题,权重最大。  div标签,无实际意义。  h标签,有自己的默认样式,如font-size,font-weight,margin   ...
input range样式优化
2017-11-23 12:06:08

input range样式优化

首先HTML代码:  1 <input id="snrPollInterval" type="range" min="1" max="30">  css代码:   1 input[type ...
说说css中pt、px、em、rem都扮演了什么角色
前段时间,终于仔仔细细的把pt、px、em、rem了解了一遍,简单整理了一下做个记录。 pt、px、em、rem都是什么 pt单位名称为点(Point),绝对长度单位。现在网页中出现得很少甚至不出现,常用于印刷行业。单位换算:1in = 2.54cm = 25.4 mm = ...
学习笔记 第四章 设计网页文本
学习重点:1、熟悉HTML4定义的格式化文本标签;2、掌握HTML5新增的文本标签;3、正确选用标签设计网页文本信息。 4.1 使用文本标签4.1.1 标题文本<h1>~<h6>用于定义标题。<h1>定义最大的标题,表示最重要的信息;< ...
第一页下一页12345678910下10页末页第2/229页,总共:13723条数据