html
关注
分享
扫一扫
F-process
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
常见的网页返回码
DOM元素简介200（成功） 服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。201（已创建） 请求成功且服务器已创建了新的资源。202（已接受） 服务器已接受了请求，但尚未对其进行处理。 203（非授权信息） 服务器已成功处理了请求，但返回了可能来自另一来源的信息。204（无内容） 服务器成功处理了请求，但未返回任何内容。205（重置内容） 服务器成功处理了请求，但未返回任何原创 2017-07-29 16:20:09 · 1406 阅读 · 0 评论 -
Cookie与Session区别
简介我们在实际生活中总会遇到这样的事情，我们一旦登录（首次输入用户名和密码）某个网站之后，当我们再次访问的时候（只要不关闭浏览器），无需再次登录。而当我们在这个网站浏览一段时间后，它会产生我们浏览的记录，而且有的网站还提供购物车的功能。这些简单实用的功能就是通过Cookie与Session实现的，接下来，让我们一起探讨一下它们是如何运行的。Cookie有时也用其复数形式Cookies，指某些网站为原创 2017-10-18 18:34:06 · 358 阅读 · 0 评论 -
checkBox实现单选加样式
实现使checkBox实现单选功能，样式更加美观。 代码.join{ height: 540px; background-image: url("../../img/joinmember/join.png"); background-size:cover; background-repeat: no-repeat; background-position:原创 2017-10-27 17:53:15 · 615 阅读 · 0 评论 -
JQ阻止事件冒泡
原理时间冒泡由内而外，向外迸发，为了阻止无谓的事件发生，所以阻止事件冒泡方法一 $("#div1").mousedown(function(event){ event.stopPropagation(); });方法二 $("#div1").mousedown(function(event){ return false;原创 2017-10-30 18:34:31 · 543 阅读 · 0 评论 -
HTML5-Canvas简介line to&move to
Canvascanvas是HTML5中新增的标签，用于绘制图形，实际上，这个标签和其他的标签一样，其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象，我们可以通过JavaScript脚本来控制该对象进行绘图。 canvas只是一个绘制图形的容器，除了id、class、style等属性外，还有height和width属性。在canvas元素上绘图主要有三步：1获取c原创 2017-10-23 15:57:26 · 765 阅读 · 0 评论 -
实现一页展示网页的内部链接
原理给你想要到达的位置的块的A标签加上 name=”xx”属性代码 <a href="#brand" class="nav2Link">品牌活动<span>/</span></a> <a name="brand"></a>这样就会跳转到对应的块原创 2017-10-31 18:30:52 · 1117 阅读 · 0 评论 -
SELECT 实现placeholder
原理增加一个不可选中的option方法 <select> <option value="" disabled selected>Select your option</option> <option value="1">JACK</option> </select>原创 2017-11-29 10:59:10 · 6933 阅读 · 0 评论 -
CSS,font-family,好看常用的中文字体
简介例1（小米米官网）：font-family: “Arial”,”Microsoft YaHei”,”黑体”,”宋体”,sans-serif;例2（淘宝技术研发中心）：font: 12px/1.5 Tahoma,Helvetica,Arial,’宋体’,sans-serif;例3（加网 ）：font: 14px/1.5 ‘Microsoft YaHei’,arial,tahoma,\5b8b\4f原创 2017-11-30 14:35:41 · 2344 阅读 · 0 评论 -
localStorage简介
什么是localStorage在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。通常为string。localStorage的写入if(！window.l原创 2017-12-26 15:36:45 · 1109 阅读 · 1 评论 -
移动端常用适配方法
REM方法css中使用的尺寸与设计稿保持一致，body的宽度设为屏幕宽度。将页面宽度定为屏幕宽度，通过设置html的font-size与使用rem来实现尺寸与设计稿一致。假设设计稿宽度为750px那么以设计稿为准，设置body的宽度为750px由于使用rem单位，因此需要设置html标签的font-size为计算方便，取100px为参照，所以body的宽度为7.5rem由于设备的dip!=设原创 2017-09-05 13:49:19 · 468 阅读 · 0 评论 -
从走前端之路
序言写在正文前的 贵有恒何必三更眠五更起，最无益只怕一日曝十日寒。 一只大学刚毕业有着一年工作经验的程序猿，随着在工作过程中的开发，越发的重视基础，于是开始了自己的博客生涯，从头走一遍前端路，巩固基础，一是为了技术分享，二是为了自我督促，望诸君共勉。 if(keep== 'everyday'){ alert("everything is possible-KG");}序言原创 2017-07-27 11:28:17 · 329 阅读 · 0 评论 -
Javascript-this
thisthis是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用,随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。function test(){ this.x = 1; }纯粹的函数调用var x = 1; function test(){ this.x = 0翻译 2017-08-09 18:59:53 · 303 阅读 · 0 评论 -
CSS简介与选择器优先级
CSS的简介在样式表中，CSS的写法通常如下。<selector>{ <attr1>:<value1>; <attr2>:<value2>; <attr3>:<value3>; ...... <attrN>:<valueN>;}selector的中文名叫“选择器”，表示对哪个元素设置样式。大括号内部设置具体的样式，如字体等。设置样式的方法是通过多对:组合而成，中间用分号( ;原创 2017-08-01 13:47:20 · 301 阅读 · 0 评论 -
CSS的三种引用方式
CSS的三种引用方式CSS的三种引用方式：内联式css样式、嵌入式css样式、外部式css样式。内联式css样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head> <body> <span style="color:red">我是内嵌样式原创 2017-07-31 13:31:34 · 662 阅读 · 0 评论 -
初试CSS-盒模型
CSS盒模型简介CSS盒模型就是一个元素的模型，因为模型原理看起来像生活中的盒子所以叫做盒模型，内容(content)、填充(padding)、边框(border)、边界(margin)， CSS盒模式通常具备这些属性。边框（border）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Doc原创 2017-07-31 13:24:00 · 272 阅读 · 0 评论 -
JS&ES5&ES6简介
JavaScriptJavaScript一种动态类型、弱类型、基于原型的客户端脚本语言，用来给HTML网页增加动态功能。 动态：在运行时确定数据类型。变量使用之前不需要类型声明，通常变量的类型是被赋值的那个值的类型。 弱类：计算时可以不同类型之间对使用者透明地隐式转换，即使类型不正确，也能通过隐式转换来得到正确的类型。 原型：新对象继承对象（作为模版），将自身的属性共享给新对象，模版对象称为原原创 2017-08-08 15:55:10 · 344 阅读 · 0 评论 -
初步了解HTML-元素
DOM元素简介DOM在我理解就是HTML中的各种你写在文件中的标签，如 p、span、div、ul、img等等许多标签，其中DOM元素又可以分为行元素，和块元素。 行元素常见的行元素 a img input label select span textarea 行元素的特点是，行内元素会在一条直线上排列，都是同一行的，水平方向排列，行内元素设置width无效，height无效(可以设置line原创 2017-07-28 14:53:14 · 293 阅读 · 0 评论 -
CSS的三种定位
CSS的三种定位CSS的三种引用方式：相对定位（relative）、绝对定位（absolute）、固定定位（fixed）。相对定位（relative） 被看作普通流定位模型的一部分，定位元素的位置相对于它在普通流中的位置进行移动。使用相对定位的元素不管它是否进行移动，元素仍要占据它原来的位置。移动元素会导致它覆盖其他的框。<!DOCTYPE html><html lang="en"><head>原创 2017-08-02 12:40:35 · 560 阅读 · 0 评论 -
网络通信协议
网络通信协议在我理解通信协议，也就是通信时所遵守的规则，只有双方按照这个规则“说话”，对方才能理解或为之服务。对于前端开发较为重要的就是HTTP的请求与响应。TCP HTTP UDP三者的关系:1、TCP/IP是个协议组，可分为四个层次：网络接口层、网络层、传输层和应用层。 2、在网络层有IP协议、ICMP协议、ARP协议、RARP协议和BOOTP协议。 3、在传输层中有TCP协议与UD原创 2017-08-02 13:13:08 · 478 阅读 · 0 评论 -
CSS常见布局
单列布局水平居中下面各个实例中实现的是child元素的对齐操作，child元素的父容器是parent元素inline-block 和 text-align.parent{text-align: center;}.child{display: inline-block;}margin:0 auto.child{width: 200px; margin: 0 auto;}table.parent{po原创 2017-08-07 15:21:05 · 519 阅读 · 0 评论 -
JS判断数组
JS判断数组在JS如何判断对象变量是数组obj instanceof Arrayconsole.log(a instanceof Array)Array.isArray()console.log(a.isArray())原创 2018-03-20 17:16:26 · 330 阅读 · 0 评论