- 博客(31)
- 收藏
- 关注
转载 input和textarea的区别
<input>1.是一个单行输入框,有value属性(value属性指定初始值),但是它不能自动换行;2.用来放置字数较少的单行文字内容;3.通过size属性指定显示字符的长度,value属性指定初始值,Maxlength属性指定文本框可以输入的最长长度;<textarea>1.是一个多行输入框,没有value属性,但是它能自动换行;一般让用户...
2017-06-29 15:11:00 235
转载 网站笔记
一、配色类网站http://colorhunt.co这个网站给我们提供了很多的配色方案,我们直接使用就OK了。使用方法也很简单,鼠标移动到对应的颜色上,我们就可以看到颜色的十六进制码,复制这个颜色到工具里就可以使用了。https://webgradients.com/180种渐变方案供你选择,还可以直接复制CSS样式应用到网页中https://color.adobe....
2017-06-29 14:26:00 124
转载 sql常用语句
登录:可视化:phpmyadmin数据库;用户名:rootshow databases;dom创建数据库:create database cc charset utf8;表:1.使用:use cc;2.创建表create table cq(name tinyint,age smallint,sex int,number bigint)charset utf8;show tabl...
2017-03-31 08:54:00 113
转载 原生下拉框改变图片
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style>#sel1{ width:308px; height:20px;}#div1{ width:308px; height:560px; background...
2017-03-03 08:38:00 202
转载 ECMAScript6 初步认识
JavaScript由3部分组成,分别是:Dom,BOM和ECMAScript !核心(ECMAScript):由ECMA-262定义,提供核心语言功能;ECMAScript是属于国际标准化语言,所有浏览器开发商都要按照它制定的标准来开发浏览器。开发者也一样,按照它的规定来编程代码。 作用:语法– 解析规则,关键字,语句,声明,操作等 类...
2016-12-22 10:21:00 148
转载 BOM对象有哪些:
BOM对象有哪些: 1、window对象 ,是JS的最顶层对象,其他的BOM对象都是window对象的属性; 2、document对象,文档对象; 3、location对象,浏览器当前URL信息; 4、navigator对象,浏览器本身信息; 5、screen对象,客户端屏幕信息; 6、history对象,浏览器访问历史信息;...
2016-12-05 09:59:00 1954
转载 CSS外边距叠加问题
CSS外边距叠加就是margin-collapse,边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距,水平边 距永远不会重合。重叠结果计算规则:①.两个相邻的外边距都是正数时,折叠结果是它们两个之间较大的值.②.两个相邻的外边距都是负数时,折叠结果是两者绝对值的较大值.③.两个边距一正一负时,折叠结果是两者相加的和.解决方案:外层元素padding代替内层元素透明边框 bor...
2016-11-28 15:14:00 95
转载 为什么利用多个域名来存储网站资源会更有效?
1、CDN缓存更方便2、突破浏览器并发限制3、节约cookie带宽4、节约主域名的连接数,优化页面响应速度5、防止不必要的安全问题转载于:https://www.cnblogs.com/cxy66/p/6109529.html...
2016-11-28 14:55:00 625
转载 事件绑定和普通事件的区别
普通添加事件的方法:var btn = document.getElementById("hello");btn.onclick = function(){ alert(1);}btn.onclick = function(){ alert(2);}执行上面的代码只会alert 2事件绑定方式添加事件:var btn = document.g...
2016-11-22 22:36:00 148
转载 浏览器地址栏输入一个URL后回车,将会发生的事情
浏览器向DNS服务器查找输入URL对应的IP地址。DNS服务器返回网站的IP地址。浏览器根据IP地址与目标web服务器在80端口上建立TCP连接浏览器获取请求页面的html代码。浏览器在显示窗口内渲染HTML。窗口关闭时,浏览器终止与服务器的连接。这其中最有趣的是第1步和第2步(域名解析)。我们输入的网址(域名)是IP地址的一个别名, 在一个DNS内,一个...
2016-11-20 18:33:00 111
转载 cookies,sessionStorage 和 localStorage区别
cookies,sessionStorage 和 localStorage 的区别 cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)。 cookie数据始终在同源的http请求中携带(即使不需要),记会在浏览器和服务器间来回传递。存储大小: cookie数据大小不能超过4k。sessionStorage和localStor...
2016-11-17 21:20:00 93
转载 优雅降级和渐进增强的理解:
优雅降级和渐进增强的理解:渐进增强 :针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级 :一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。区别:优雅降级是从复杂的现状开始,并试图减少用户体验的供给,而渐进增强则是从一个非常基础的,能够起作用的版本开始,并不断扩充,以适应未来环境的需要。降级(功能...
2016-11-17 09:10:00 81
转载 前端面试题小结④
1.<!Doctype> 声明文档的类型。 指示web浏览器关于页面使用哪个HTML版本进行编写的指令。2.如何解决HTML5在实际应用中的兼容性问题?其实解决HTML5在实际应用中的兼容性难题,真正实现HTML5的跨平台,有两个途径:1)通过HTML5的底层框架来屏蔽不同浏览器的兼容问题,所有的HTML5应用在框架之上来开发。像国外的...
2016-11-17 08:49:00 90
转载 前端面试题小结③
简述HTML5当中变更的内容a) 新增了一些标签,nav,header,footer……b) Canvas:绘图c) Svg:绘图d) 音频与视频标签,且提供了音频和视频的控制e) 本地存储f) 离线应用g) 地理位置定位h)...
2016-11-15 20:05:00 214
转载 前端面试题小结②
javascript是哪一个规范的扩展?当前最新的规范版本是什么?a) ECMAScript,ECMA-262,b) 2015年6月17日,ECMAScript 6正式版—>ECMAScript2015àES6简述javascript的适用特点以及使用场景a) 脚本语言:解释型b) ...
2016-11-15 19:06:00 167
转载 前端面试题小结①
对web标准以及W3C的理解与认识1.1web标准,简单来说就是将页面的结构、表现和行为各自独立实现,W3C对web标准提出了规范化的要求:1.对结构的要求:(标签规范可以提高搜索引擎对页面的抓取效率,对SEO帮助)1)标签字母要小写;2)标签要闭合;3)标签不允许随意嵌套。2.对css和js的要求:1)尽量使用外联css样式表和js脚本,使结...
2016-11-14 21:13:00 90
转载 css3动态旋转魔方练习
图片素材:html部分:<!DOCTYPE html><html><head> <meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /> <title>葫芦兄弟旋...
2016-11-14 20:34:00 275
转载 jQuery用法小结
jQuery加载1.$(document).ready()2.添加css样式:单个:$("p").css("color","red"); 多个样式:$("p").css({"color":"red","border":"1px"})3.选择器:$("p") 选取 <p> 元素。$("p.intro") 选取所有 class="intro" 的 <p...
2016-11-12 18:49:00 65
转载 Bootstrap个人总结
Bootstrap框架 1.以栅栏式布局,分12列,16列,24列和32列,常用12列。 2.整个页面必须在container容器内部 3.移动端以 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 来使视图一比一缩放。(响应式布局) 4.载入bootstrap时需要经过七个步骤...
2016-11-10 21:26:00 179
转载 javascript平时例子⑩(表情发送)
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #div1 { ...
2016-11-10 14:54:00 101
转载 javascript平时小例子⑨(小型抽奖功能)
<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>抽奖活动</title> <style> * { margin: 0; padding: 0; } #title { co...
2016-11-10 14:32:00 112
转载 javascript平时例子⑧(大屏轮播)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0;padding: 0; } ul{ list-style: none;...
2016-11-10 14:25:00 368
转载 javascript平时小例子⑧(导航置顶效果)
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0;padding: 0; } .wrap{ width: 100%...
2016-11-10 11:52:00 82
转载 javascript平时小例子⑦(鼠标跟随的div)
<!doctype html><html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #div1 { width: 200px; height: 200px; background-color: #...
2016-11-10 11:49:00 59
转载 javascript平时小例子⑥(简易计算器的制作)
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script>window.onload = function(){ var oTxt1 = document.getElementById("txt1"); var...
2016-11-10 11:44:00 90
转载 javascript平时小例子⑤(投票效果的练习)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #dakuang { width: 1000px; height: 30px; } #left, #right...
2016-11-10 11:40:00 72
转载 javascript平时小例子④(setInterval使用2)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> * { margin: 0 auto; } #kaishi { text-align: center; ba...
2016-11-10 11:30:00 98
转载 javascript平时小例子③(setInterval使用1)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .lala{ text-align: center; } </style> </head> <body> ...
2016-11-10 11:26:00 70
转载 javascript平时小例子②(正则表达式验证邮箱)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>邮箱正则</title> </head> <body> <input type="text" id="Txt1" /> <input typ...
2016-11-10 11:05:00 97
转载 javascript平时小例子①(移动的小div)
css样式:#box{ width: 300px; height: 300px; background: deepskyblue; position: absolute; margin-right: 20px; }html布局:<div id="box"></div>js部分:window.onlo...
2016-11-10 11:00:00 56
转载 Web前端代码页面布局总结
一. html(1)编码:所有编码均采用xhtml,标签必须闭合,属性值用双引号包括,编码统一为utf-8。(2)语义化:语义化html,正确使用标签。(3)文件命名:命名以中文命名,依实际模块命名,方便查找(4)文件头部head的内容title,需要添加标题编码charset=UTF-8缓存:Content=’-1’表示立...
2016-11-10 10:46:00 540
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人