qq_41170620的博客

原创 cmd命令

1什么是cmd命令？cmd是command的缩写.即命令提示符（CMD）2有啥作用？查询系统的信息或者是判断网络的好坏。3进入cmd界面:win+r–>cmd–>enter(按照顺序输入执行)4试试命令1：help 和/?这两个命令，都表示提示信息，我来展示一下help 和/?命令的鬼王风采，会得到下面的原生命令。（红色部分为常用命令，先记住常用命令，）ASSOC 显示或修改文件扩展名关联。ATTRIB 显示或更改文件属性。BREAK

原创 滑动门

Document ddddddddddddd滑动门其实可以用一个便签嵌套两个背景图片进行常见写法：https://www.cnblogs.com/allen2333/p/9027482.html

原创 css选择器

css基础１.1  CSS整体的重点☞ 选择器    ☞ 盒子模型☞ 浮动☞ 定位☞ 动画 ，伸缩布局（c3部分）１.12 CSS特性 1. ☞ 层叠性（覆盖）         ◆在同一个标签中，如果优先级相同，如果定义的样式发生冲突，那么最后一次定...

原创 浮动元素布局特殊案例 （二）正常文档流的块标签和外部的浮动块元素发生重合时

正常文档流的块标签和外部的浮动块元素发生重合时：1。 文字排列方式会在浮动元素的相反方向排列，而不是两侧显示（不论外部）2.常规流中盒子图片也是会躲避3.常规流中的块元素不会躲避，但所有的行内元素和行内块元素，都会躲避，...

原创 浮动布局的特殊案例 第一种，下边每个浮动元素的父级都设置了clear:both

*{ padding: 0; margin: 0;}a{ text-decoration: none; }li{ list-style: none;}.clearfix::after{ content: ""; display: block; clear: both;} <header> ...

原创 vue中样式的七种写法

在VUE中添加样式 }<!-- 内联样式，跟一般css添加样式相似， 多了一个绑定，样式添加通过数组方式，数组中以字符串显示 --><div id="box" :class="['one','two']">{{mg}}</div><!--数组中添加三元表达式，只有为true时候才起作用 --> &lt...

原创 多个onload同页面执行

转载 用电脑键盘快速打出特殊符号！

在工作中，我们在文字编辑的时候经常要用到特殊符号输入。这时候，有的朋友会用到输入法程序里自带的特殊符号输入。其实还在更便捷的输入方法。在windows系统中，将Alt键和数字代码组合一起，就能打出普通键盘上不存在的特殊字符和符号。此方法需要在带有数字小键盘的电脑上使用。具体操作方法是：先按住Alt不放，在键盘右边的数字小键盘上敲打特定数字，敲完松开Alt键相应的特殊符号就出来了。例如：Alt+...

转载 容易被忽略的编码基础知识

一直对字符的各种编码方式懵懵懂懂，什么ANSI UNICODE UTF-8 GB2312 GBK DBCS UCS……是不是看的很晕，假如您细细的阅读本文你一定可以清晰的理解他们。Let’s Go!很久很久以前，有一群人，他们决定用8个可以开合的晶体管来组合成不同的状态，以表示世界上的万物。他们看到8个开关状态是好的，于是他们把这称为"字节"。再后来，他们又做了一些可以处理这些字节的机器，机器...

转载 前端工程师必备实用网站

一、配色类网站http://colorhunt.co这个网站给我们提供了很多的配色方案，我们直接使用就OK了。使用方法也很简单，鼠标移动到对应的颜色上，我们就可以看到颜色的十六进制码，复制这个颜色到工具里就可以使用了。01.pnghttps://color.adobe.com/zh/create/color-wheel这个是Adobe公司出的，他提供了多种配色方案。我们点击圆盘中间的...

转载 logo设计的忌讳与要点有哪些

在logo（吉祥物）设计中，有如下两点禁忌需注意第一点禁忌：元素禁忌元素禁忌，其实是文化（宗教）禁忌。由于各国文化差异，每个国家与地区，都有某些特定禁忌，如日本忌荷花，忌数字9和4，韩国也忌4，美国人忌数字13，加拿大和英国忌白百合。我以上提到的荷花，数字等，在logo设计中，往往以图形元素形式出现，因此，需确保在项目开始时，充分了解当地人文情况便可。更多内容，不再展开说明。龙在东西方文化中...

原创 浏览器内核

一、浏览器内核 (排版引擎/渲染引擎)首先解释一下浏览器内核是什么东西。英文叫做：Rendering Engine，中文翻译很多，排版引擎、解释引擎、渲染引擎，现在流行称为浏览器内核，至于为什么流行这么称呼，请自行领悟。Rendering Engine，顾名思义，就是用来渲染网页内容的，将网页的代码转换为最终你看得见的页面。因为是排版，所以肯定会排版错位等问题。为什么会排版错位呢?有的是由于网...

转载 AnimateScroll页面滚动动画jQuery插件

AnimateScroll 是一个简单的jQuery插件，它用来为滚动增加延迟效果。可以自定义滚动样式（30多种滚动效果）和滚动速度，还有一个可以操纵”滚动结束位置”的”padding”选项，这个插件不局限于整个页面，某个特定的包裹元素也可以作为其目标。AnimateScroll是什么？AnimateScroll是一个简单的滚动动画插件，项目地址：http://plugins.compzets...

原创 JavaScript 原型概念深入理解

原型是JavaScript中一个比较难理解的概念，原型相关的属性也比较多，对象有”[[prototype]]”属性，函数对象有”prototype”属性，原型对象有”constructor”属性。为了弄清原型，以及原型相关的这些属性关系，就有了这篇文章。相信通过这篇文章一定能够清楚的认识到原型，现在就开始原型之旅吧。认识原型开始原型的介绍之前，首先来认识一下什么是原型？在JavaScri...

原创 35个 jQuery 小技巧/代码片段

收集的35个 jQuery 小技巧/代码片段，可以帮你快速开发.禁止右键点击$(document).ready(function(){ $(document).bind(“contextmenu”,function(e){ return false; });});隐藏搜索文本框文字Hide when clicked in the search field, the value.(exam...

原创 JavaScript 各种遍历方式详解

为了方便例子讲解，现有数组和json对象如下var demoArr = [‘Javascript’, ‘Gulp’, ‘CSS3’, ‘Grunt’, ‘jQuery’, ‘angular’];var demoObj = {aaa: ‘Javascript’,bbb: ‘Gulp’,ccc: ‘CSS3’,ddd: ‘Grunt’,eee: ‘jQuery’,fff: ‘angul...

原创 js常用正则表达式

整数或者小数：^[0-9]+\.{0,1}[0-9]{0,2}$只能输入数字："^[0-9]*$"。只能输入n位的数字："^\d{n}$"。只能输入至少n位的数字："^\d{n,}$"。只能输入m~n位的数字：。"^\d{m,n}$"只能输入零和非零开头的数字："^(0|[1-9][0-9]*)$"。只能输入有两位小数的正实数："^[0-9]+(.[0-9]{2})?$"。只能输入有...

原创 HTML标记的默认样式

html, address,blockquote,body, dd, div,dl, dt, fieldset, form,frame, frameset,h1, h2, h3, h4,h5, h6, noframes,ol, p, ul, center,dir, hr, menu, pre { display: block }/*以上列表元素默认状态下以块状显示，未显示的将以内联元素显示，该列...

原创 所有 HTTP 状态代码及其定义

http 错误代码表代码指示2xx成功200正常；请求已完成。201正常；紧接 POST 命令。202正常；已接受用于处理，但处理尚未完成。203正常；部分信息 — 返回的信息只是一部分。204正常；无响应 — 已接收请求，但不存在要回送的信息。3xx重定向301已移动 — 请求的数据具有新的位置且更改是...

原创 HTML5 全屏 API

HTML5 全屏 API 原文链接: Fullscreen API 在越来越真实的web应用程序中,JavaScript也变得越来越给力. FullScreen API 是一个新的JavaScript API,简单而又强大.FullScreen 让我们可以通过编程的方式来向用户请求全屏显示,如果交互完成,随时可以退出全屏状态. 在线演示Demo: Fullsc...

原创 DTD的作用—文档规范与呈现模式

1. DTD在页面中的作用①DTD（文档类型定义）是一组机器可读的规则，它们定义XML或HTML的特定版本中允许有什么，不允许有什么。在解析网页时，浏览器将使用这些规则检查页面的有效性并且采取相应的措施。（由DTD中定义的文档类型影响）②DTD是对HTML文档声明，还会影响浏览器的渲染模式（工作模式）。（由页面中书写DTD的方式影响）2. DTD规定XML或HT...

原创 js命名规范

全名原则变量名区分大小写，允许包含字母、数字、美元符号($)和下划线，但第一个字符不允许是数字，不允许包含空格和其他标点符号 变量命名长度应该尽可能的短，并抓住要点，尽量在变量名中体现出值的类型 尽量避免使用没有意义的命名 禁止使用JavaScript关键词、保留字全名 变量名命名方法常见的有匈牙利命名法、驼峰命名法和帕斯卡命名法匈牙利命名法匈牙利命名法匈牙利命名法是电脑程序设计...

原创 width 与 offsetWidth 的区别

比较width 与 offsetWidth 的区别1、offsetWidth >= widthoffsetWidth = width + padding + border；2、offsetWidth 属性仅仅可读，而style.width 是可写的；所以通常用 style.width用作进JavaScript中设置元素的宽度，而offsetWidth不可以。3、off...

原创 替换元素和非替换元素

替换元素：浏览器根据标签的元素与属性来判断显示具体的内容。如 input标签，根据type显示内容。img标签，根据src显示内容。textarea、select、object都是替换元素。非替换元素：内容直接告诉浏览器，浏览器将其显示出来。内容为标签包裹的内容。...

原创 左侧固定，右侧宽度自适应两种常见方法

左侧固定，右侧自适应}*//float: left;或者是将#one中的改变使用左侧浮动，或者是绝对定位使元素脱离文档流,使右侧的元素能够同一行显示//#two{width: auto;height: 600px;background: black;margin-left: 200px;}//*第二种方法BFC */#one{width: 200px;hei...

转载 BFC 块级格式化上下文 (Block Fromatting Context)

摘抄 https://www.cnblogs.com/dojo-lzz/p/3999013.html对CSS有了解的道友们肯定都知道盒式模型这个概念，对一个元素设置CSS，首先需要知道这个元素是block还是inline类型。而BFC就是用来格式化块级盒子，同样管理inline类型的盒子还有IFC，以及其他的FC。那首先我们就来看一下FC的概念。 **Formatting Context：指页...

原创 选项卡侧边出现

选项卡侧边出现 下拉菜单 点击下拉菜单 1 1 2 3 4 2 11 22 33 44 3 111 222 333 444 4 1111 2222 3333...