2019年12月_W Y L

原创 HTML5 22个小技巧

1、新的文档类型（Doctype）<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>上面这个既麻烦又难记的XHTML文档类型你还在使用吗？如果还是这样的话，现在该切换到新的HTML5文档类...

2019-12-30 14:25:06 116

原创 Bootstrap 模态框插件

Bootstrap 过渡效果（Transition）插件过渡效果（Transition）插件提供了简单的过渡效果。如果您想要单独引用该插件的功能，那么除了其他的 JS 文件，您还需要引用transition.js。或者，正如 Bootstrap 插件概览一章中所提到，您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。 Transition.js 是 tr...

2019-12-29 22:26:26 95

原创 js预编译

imply global 暗示全局变量：即任何变量，如果变量未经声明就赋值，此变量就为全局对象（window）所有。简单解释起来就是，如果在js中我们在赋值时经常先定义一个变量，如：var a = 123；此时123这个数字便被赋予了a这个变量，此时我们在控制台console.log(a)就会得到a的值123；这时就会我们就会有个疑问，如果我们没有定义变量直接...

2019-12-28 19:04:51 83

原创 CSS3动画按钮效果

HTML代码：<div class="button"> <a href="#">Download</a> <p class="top">click to begin</p> <p class="bottom">1.2MB .zip</p></div>CSS代码：<...

2019-12-27 19:19:19 120

原创 CSS 边框属性和背景图的用法

属性描述border 简写属性，用于把针对四个边的属性设置在一个声明。border-style 用于设置元素所有边框的样式，或者单独地为各边设置边框样式。border-width 简写属性，用于为元素的所有边框设置宽度，或...

2019-12-26 10:52:50 294

原创用CSS绘制形状和图形

今天在国外的网站上看到了很多看似简单却又非常强大的纯CSS绘制的图形，里面有最简单的矩形、圆形和三角形，也有各种常见的多边形，甚至是阴阳太极和网站小图标，真的非常强大。html代码：<div class="box"></div>Square(正方形) <style> .box{ width: 100px; ...

2019-12-25 13:57:32 199

原创 HTML元素嵌套规则

一、HTML 标签包括块级元素(block)、内嵌元素（inline）　　1、块级元素　　一般用来搭建网站架构、布局、承载内容……它包括以下这些标签：　　address、blockquote、center、dir、div、dl、dt、dd、fieldset、form、h1~h6、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul　　2、...

2019-12-24 20:21:03 325

浏览器差异1、ul和ol列表缩进问题消除ul、ol等列表的缩进时，样式应写成：list-style:none;margin:0px;padding:0px; 其中margin属性对IE有效，padding属性对FireFox有效。 [注]经验证，在IE中，设置margin:0px可以去除列表的上下左右缩进、空白以及列表编号或圆点，设置padding对样式没有影响；在 Firefox 中，设置ma...

2019-12-23 18:58:43 173

原创 Vue

Vue.js (读音[vju]，类似于 view) 是一套基于java的用于构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。vue特点简洁、轻量、组件化、快速、数据驱...

2019-12-22 21:28:08 103

原创 CSS 元素选择器

CSS 元素选择器CSS元素选择器其实就是标签选择器，例如 p{color:black;} 就是设置页面中的所有p标签的字体颜色为黑色。例子：<html> <head> <style> html {color:black;} h1 {color:blue;} h2 {color:red;} </sty...

2019-12-21 17:26:46 241

原创类选择器详解

类选择器前面使用符号.(1)基本使用为了将类选择器的样式与元素关联，必须将 class 指定为一个适当的值。例如：<h1 class="important">This heading is very important.</h1><p class="important">This paragraph is very important.</p &g...

2019-12-20 23:54:06 7293

原创 JS编程题（二）

一、假设一个简单的ATM机的取款过程是这样的：首先提示用户输入密码（password），最多只能输入三次，超过3次则提示用户“密码错误，请取卡”结束交易。如果用户密码正确，再提示用户输入取款（amount），ATM机只能输出100元的纸币，一次取钱数要求最低100元，最高1000元。若用户输入的金额符合上述要求，则打印输出用户取得钱数，最后提示用户“交易完成，请取卡”，否则提示用户重新输入金额。假...

2019-12-19 14:25:47 1110

原创 JS 编程题（一）

一、凑钱1，2，5凑20元钱有多少种可能 var count = 0; for (var i = 0; i <= 20; i++) { for (var j = 0; j <= 10; j++) { for (var k = 0; k <= 4; k++) { if (i + j * 2 + k *...

2019-12-18 20:03:41 614

原创 JS for循环练习题

一、实现 fizzBuzz 函数，参数 num 与返回值的关系如下：1、如果 num 能同时被 3 和 5 整除，返回字符串 fizzbuzz2、如果 num 能被 3 整除，返回字符串 fizz3、如果 num 能被 5 整除，返回字符串 buzz4、如果参数为空或者不是 Number 类型，返回 false5、其余情况，返回参数 num var num = prompt('请...

2019-12-17 14:06:06 1972 1

原创 JavaScript二进制、八进制和十六进制数值

JavaScript 支持把十进制数值转换为二进制、八进制和十六进制等不同进制的数值。示例1十六进制数值以“0X”或“0x”作为前缀，后面跟随十六进制的数值直接量。 var num = 0x1F4; //十六进制数值 document.write(num); //返回 500十六进制的数值是 0~9 和 a~f 的数字或字母任意组合，用来表示 0~15 之间的某个字。...

2019-12-16 14:05:27 644

原创 JavaScript 语言的历史

1、JavaScript诞生JavaScript 因为互联网而生，紧跟着浏览器的出现而问世。回顾它的历史，就要从浏览器的历史讲起。1990年底，欧洲核能研究组织（CERN）科学家 Tim Berners-Lee，在全世界最大的电脑网络——互联网的基础上，发明了万维网（World Wide Web），从此可以在网上浏览网页文件。最早的网页只能在操作系统的终端里浏览，也就是说只能使用命令行操作，...

2019-12-15 08:34:04 100

原创 JS语句练习题(二)

一、打印下列图形 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 for (var j = 0; j < 7; j++) { for (var a = 0; a < 6-j; a++) { ...

2019-12-13 08:46:56 89

原创 JS语句练习题(一)

1、打印以下图形 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 i++：for (var j = 0; j < 6; j++) { for (var i = 0; i < 6 - j; i++) { document.write(1 + '&...

2019-12-12 09:04:33 215

原创 JS语句练习题

1、先后弹出三个输入框，第一个提示：输入一个数字，第二个提示：输入一个±*/中的任意运算符，第三个提示：输入一个数字，最后弹出他们的运算结果方法一： var a = prompt('输入一个数字'); var b = prompt('输入一个 + - * / 中的任意运算符'); var c = prompt('再输入一个数字'); if (b === ...

2019-12-11 14:17:17 428

原创 CSS左边竖条的实现方法

题目1：下面这个图形，只使用一个标签，可以有多少种实现方式：用一个标签div，css样式如下：方法一：border方法二：使用伪元素方法三：外阴影box-shadow方法四：内阴影 box-shadow方法五：drop-shadow方法六：渐变 linearGradient方法七：轮廓 outline方法八、滚动条...

2019-12-10 08:57:36 682

原创 JS语句

JavaScript的组成:ECMA script核心语法DOM文档对象模型BOM浏览器对象模型document.write() 文档输出alert() 弹窗同步单线程阻塞模式console.log() 控制台输出console.time();console.timeEnd(); 网页加载时间console.table(); 以表格的形...

2019-12-10 08:24:21 47

原创 JS数据类型的转换

数据类型：基本类型：数字、字符串、布尔、null、undefined引用类型：数组、对象、函数转数字对象：强类型、显示转换：强制转换成数字类型。Number()弱类型、隐式转换：* /undefined 转数字类型 NaNnull 转数字类型 0true 转数字类型 1false 转数字类型 0数字除以0 结果是Infinity数字类型：非数字NaN,和任何数都不相等,包括它自...

2019-12-08 19:10:05 46

原创 JS基础

js：JavaScript,脚本语言js的引入方式：外部：内嵌：注意：语句结束需要写标识符 ;变量：字面意思：可以变化的量书面意思：用于存储数据的容器声明方法：var能直接赋值的就直接赋值,不能直接赋值的就先赋一个初始值,而初始值得内容是将来赋值的数据类型的初始值命名：关键字和保留字不能作为变量名组成：英文、数字、下划线、$ （数字不能作为变量名的首字母）匈牙...

2019-12-07 19:06:17 61

转载 web开发中的长度单位

1、长度单位包括哪些？长度单位：例如，厘米、毫米、英寸。还有像素（px），元素的字体高度（em）、字母x的高度（ex）、百分比（%）等这些单位，可以将它们归结为两大类别：第一类，就是绝对长度单位；第二类，就是相对长度单位。2、绝对长度单位绝对长度单位，它就是一个固定的值，一个真实的物理值，它不随设备或者受别的因素影响的长度单位。具体的绝对长度单位主要包括以下几个：1）、cm，厘米：一...

2019-12-06 22:22:49 1106

原创 H5笔记

H5新标签：大区块section文章article头部header尾部footer主体main 只能用一次时间time地址address标题组hgroup导航nav图文混排figure、figcaption侧边栏aside重做标签：标记mark菜单列表menu拼音注释ruby、rt移除标签：font、center、big、ttXHTML：标签必须全小写...

2019-12-06 22:08:02 77

原创 css3笔记

兼容性前缀：谷歌：webkit火狐：mozie：ms欧朋：o伪元素：after before在网页中可以插入元素伪类：nth-of-type一、选择器：属性选择器：*= 包含 ^= 以…开头 $=以…什么结尾伪类选择器：:first-of-type 选中第一个 :last-of-type 选中最后一个 :nth-of-type()选中第几个前3个 :nth-of-type(-...

2019-12-05 19:57:34 126

W Y L