diaosaolun9127-CSDN博客

转载 input和textarea的区别

<input>1.是一个单行输入框，有value属性（value属性指定初始值），但是它不能自动换行；2.用来放置字数较少的单行文字内容;3.通过size属性指定显示字符的长度，value属性指定初始值，Maxlength属性指定文本框可以输入的最长长度；<textarea>1.是一个多行输入框，没有value属性，但是它能自动换行；一般让用户...

2017-06-29 15:11:00 225

转载网站笔记

一、配色类网站http://colorhunt.co这个网站给我们提供了很多的配色方案，我们直接使用就OK了。使用方法也很简单，鼠标移动到对应的颜色上，我们就可以看到颜色的十六进制码，复制这个颜色到工具里就可以使用了。https://webgradients.com/180种渐变方案供你选择，还可以直接复制CSS样式应用到网页中https://color.adobe....

2017-06-29 14:26:00 116

转载 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 104

转载原生下拉框改变图片

<!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 194

转载 ECMAScript6 初步认识

JavaScript由3部分组成，分别是：Dom，BOM和ECMAScript ！核心(ECMAScript)：由ECMA-262定义，提供核心语言功能；ECMAScript是属于国际标准化语言，所有浏览器开发商都要按照它制定的标准来开发浏览器。开发者也一样，按照它的规定来编程代码。作用:语法– 解析规则，关键字，语句，声明，操作等类...

2016-12-22 10:21:00 139

转载 BOM对象有哪些：

BOM对象有哪些： 1、window对象，是JS的最顶层对象，其他的BOM对象都是window对象的属性； 2、document对象，文档对象； 3、location对象，浏览器当前URL信息； 4、navigator对象，浏览器本身信息； 5、screen对象，客户端屏幕信息； 6、history对象，浏览器访问历史信息；...

2016-12-05 09:59:00 1934

转载 CSS外边距叠加问题

CSS外边距叠加就是margin-collapse，边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距,水平边距永远不会重合。重叠结果计算规则：①.两个相邻的外边距都是正数时，折叠结果是它们两个之间较大的值.②.两个相邻的外边距都是负数时，折叠结果是两者绝对值的较大值.③.两个边距一正一负时，折叠结果是两者相加的和.解决方案：外层元素padding代替内层元素透明边框 bor...

2016-11-28 15:14:00 89

转载为什么利用多个域名来存储网站资源会更有效?

1、CDN缓存更方便2、突破浏览器并发限制3、节约cookie带宽4、节约主域名的连接数，优化页面响应速度5、防止不必要的安全问题转载于:https://www.cnblogs.com/cxy66/p/6109529.html...

2016-11-28 14:55:00 613

转载事件绑定和普通事件的区别

普通添加事件的方法：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 138

转载浏览器地址栏输入一个URL后回车，将会发生的事情

浏览器向DNS服务器查找输入URL对应的IP地址。DNS服务器返回网站的IP地址。浏览器根据IP地址与目标web服务器在80端口上建立TCP连接浏览器获取请求页面的html代码。浏览器在显示窗口内渲染HTML。窗口关闭时，浏览器终止与服务器的连接。这其中最有趣的是第1步和第2步(域名解析)。我们输入的网址(域名)是IP地址的一个别名，在一个DNS内，一个...

2016-11-20 18:33:00 105

转载 cookies，sessionStorage 和 localStorage区别

cookies，sessionStorage 和 localStorage 的区别　　cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。 cookie数据始终在同源的http请求中携带（即使不需要），记会在浏览器和服务器间来回传递。存储大小： cookie数据大小不能超过4k。sessionStorage和localStor...

2016-11-17 21:20:00 85

转载优雅降级和渐进增强的理解：

优雅降级和渐进增强的理解：渐进增强：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。区别：优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是从一个非常基础的，能够起作用的版本开始，并不断扩充，以适应未来环境的需要。降级(功能...

2016-11-17 09:10:00 76

转载前端面试题小结④

1.<!Doctype> 声明文档的类型。指示web浏览器关于页面使用哪个HTML版本进行编写的指令。2.如何解决HTML5在实际应用中的兼容性问题？其实解决HTML5在实际应用中的兼容性难题，真正实现HTML5的跨平台，有两个途径：1）通过HTML5的底层框架来屏蔽不同浏览器的兼容问题，所有的HTML5应用在框架之上来开发。像国外的...

2016-11-17 08:49:00 84

转载前端面试题小结③

简述HTML5当中变更的内容a) 新增了一些标签，nav，header，footer……b) Canvas：绘图c) Svg：绘图d) 音频与视频标签，且提供了音频和视频的控制e) 本地存储f) 离线应用g) 地理位置定位h)...

2016-11-15 20:05:00 207

转载前端面试题小结②

javascript是哪一个规范的扩展？当前最新的规范版本是什么？a) ECMAScript，ECMA-262,b) 2015年6月17日，ECMAScript 6正式版—>ECMAScript2015àES6简述javascript的适用特点以及使用场景a) 脚本语言：解释型b) ...

2016-11-15 19:06:00 162

转载前端面试题小结①

对web标准以及W3C的理解与认识1.1web标准，简单来说就是将页面的结构、表现和行为各自独立实现,W3C对web标准提出了规范化的要求：1.对结构的要求：（标签规范可以提高搜索引擎对页面的抓取效率，对SEO帮助）1）标签字母要小写；2）标签要闭合；3）标签不允许随意嵌套。2.对css和js的要求：1）尽量使用外联css样式表和js脚本，使结...

2016-11-14 21:13:00 83

转载 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 263

转载 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 54

转载 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 171

转载 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 93

转载 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 100

转载 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 355

转载 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 77

转载 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 54

转载 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 85

转载 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 56

转载 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 88

转载 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 58

转载 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 89

转载 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 53

转载 Web前端代码页面布局总结

一. html（1）编码：所有编码均采用xhtml，标签必须闭合，属性值用双引号包括，编码统一为utf-8。（2）语义化：语义化html，正确使用标签。（3）文件命名：命名以中文命名，依实际模块命名，方便查找（4）文件头部head的内容title，需要添加标题编码charset=UTF-8缓存：Content=’-1’表示立...

2016-11-10 10:46:00 530

diaosaolun9127的博客