笑苍穹v-优快云博客

原创 NotePad++快捷键

程序员开发过程中用的开发工具绝对不止一个，譬如Webstorm，VScode，Editplus，NotePad++，Hbuilder等等，，一般我们开发过程中会熟悉一种开发工具并且熟悉其快捷键，但是像Webstorm这样的开发工具，基本上集成了开发过程中做需要的各种插件，这也就导致了其体量很庞大，运行速度相当耗费性能，如果我们只需要查看一个单独文件，用webstorm去打开就要浪费好长时间，所以...

2018-11-23 11:26:38 175

原创翻牌游戏

今天小编给大家上传一个翻牌小游戏，话不多说直接上代码请读者自己更改图片路径<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>连连看3</title> <style&

2018-08-27 16:14:14 1099

原创 JS实现轮播图

今天小编我为大家分享一下用js实现轮播图js效果如下鼠标悬浮图片停止切换，移出图片继续切换，点击导航区实现对应的图片切换js需要传递参数banner（String 容器ID，Array 图片地址）以下js代码可直接使用/*定义所需要的全局变量*/var index = 0;var imgContainer,imgArrNum,lis;/*清除li的背景色*/funct...

2018-08-22 10:33:12 226

转载 html前端命名规则

前端布局规范细则一、命名规范：1、基本要求：1）文件编码统一使用 UTF-8 编码； 2）命名时以符合语义为主要参考指标，CSS属性书写规范，采用统一风格及命名方法； 3）结构清晰，层级关系明朗，以不超过三级为标准； 4）同一表现形式的样式要求可重复利用，模块组件类的样式要求可整体外部移植； 5）编写 CSS 的时候，应当避免使用CSS Hack，能不用则不用。 6）所有页面...

2018-08-06 17:24:58 573

转载优雅降级与渐进增强的区别

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

2018-08-03 08:21:04 198

原创盒子模型（标准盒子模型与IE盒子模型）

做前端的都知道，盒子模型是我们前端开发网页必须要用的布局方法，当然了，盒子模型只是一个统称，那么下面我们就来具体说下盒子模型的种类有哪些。盒子模型主要分为三大类：标准盒子模型，IE盒子模型，弹性盒子这篇文章当中主要讲一下标准盒子模型以及IE盒子模型一、标准盒子模型在W3C标准下，盒子模型从外到里分别为magin（外边距）、border（边框）、padding（内边距）、conten...

2018-08-01 15:46:21 1540

原创【CSS】a标签超链接的各种样式及实现方法

做前端的应该都知道，<a>标签是我们经常用到的标签，而且<a>标签的功能强大，下面就让我来汇总下<a>标签有哪些功能吧。一、超链接 <a>标签最简单的应用无外乎就是超链接功能了，用<a>标签嵌套一段文本，一段图像均可以实现超链接功能。下面上图 ...

2018-07-28 14:46:18 27690 1

原创 CSS应用样式的方式及其优先级

一、CSS应用样式的方式有哪些CSS样式应用的方式分为三大类：（1）行内样式（2）内部样式（3）外部样式首先来说行内样式，行内样式从字面上不难理解，就是写在一行里面的样式，即写在标签内的样式，所谓存在即有其合理性，这样写的优点在于写法比较简单，适用范围广，优先级高，当然弊端也是有的，运用行内样式，内容和样式没有分离，样式也没有复用性，仅仅自作用于一个元素。 ...

2018-07-26 23:29:46 1879

原创电脑快捷键大全

电脑中有很多超实用的快捷键，学会了可以让你的工作提速不止一倍，下文加粗快捷键是比较冷门的快捷键。加粗为了让各位读者更方便清晰的了解一些自己不知道的快捷键。一、常规键盘快捷键按键目的 Ctrl + C 复制 Ctrl + X 剪切 Ctrl + V 粘贴 Ctrl + Z 撤消 DELETE 删除 Shift + Delete 永久删除所选项，而不将它放到“回收站”中...

2018-07-25 20:32:58 435

原创 H5表格浅谈

表格的语法<table> <tr> <td> </td> </tr></table><tr> 行标签<td>列标签表格标签的属性1.border属性表格的边框2.width属性

2018-07-24 23:24:53 947

qq_40818233的博客