自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

余光的博客

如果你现在不努力,怎么对得起你的背井离乡?

  • 博客(26)
  • 资源 (1)
  • 收藏
  • 关注

原创 vue.js入门2-组件-todolist-组件原理、拆分

大家好~在写完上一篇博客后,我回想了一下,发现印象又加深,但是这还不够,我们需要将它们熟练的运用起来,本来博客开始,先写一个最简单的todolist,以回忆上一篇文章的内容,我们共勉,加油~一、todolist简单功能开发先写好最基本的框架: <div id="root"> <div>

2018-08-24 15:30:40 497 1

原创 Vue.js文档笔记(一)=> 模版语法

这是Vue的官方网站,进入网站,点击右上角学习、教程部分首先看左侧导航栏:官网给我们提供了非常多的安装途径 在这里我们用最简单的方式,通过script标签引入的方式<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> 当

2018-08-23 14:53:56 419

原创 CSS3复习3-形状变换-过渡动画-animation

一、transform 可以实现元素的形状、角度、位置等的变化。1、transform: rotate(45deg);旋转45度,deg代表度数rotateX()//X轴旋转rotateY()//Y轴旋转rotatez()rotate3d(x, y, z, angle) x, y, z2、scale(); 以x/y为轴进行缩放 transfo...

2018-08-22 17:30:12 870

原创 CSS3复习2-选择器

一、属性选择器E[att ^ =“val”] {…} 选择匹配元素E, 且E元素定义了属性att, 其属性值以val开头的任何字符串 div[class^="aa"]{以aa开头的 background: red; } E[att $=“val”]{…}选择匹配元素E, 且E元素定义了属性att, 其属性值以val结尾的任何字...

2018-08-21 20:48:34 125

原创 CSS3复习1-阴影-2D转换

闲话不多说了,准备复习一篇css3的基础知识,如何熟练的运用css3,这需要一个代码量的积累,但是基础一定要牢固,我们共勉~一、阴影、图片、圆角1、CSS3 圆角边框-box-radiusborder-radius:20px;/border-radius:20px 20px 20px 20px;is equivalent to:border-top-left-...

2018-08-21 19:38:07 134

原创 html复习2-与浏览者交互,表单标签及相关

1、使用表单标签,与用户交互网站怎样与用户进行交互?答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。语法: 讲解:1.<form> :<form>标签是成对出现的,以<form>开始,以</form>结束。2.action :浏览者输入的

2018-08-21 15:44:09 165

原创 css复习4-布局-定位

CSS 定位 (Positioning)CSS 外边距合并CSS 相对定位CSS 定位 (Positioning) 属性允许你对元素进行定位。CSS 定位和浮动CSS 为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务。定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或...

2018-08-20 10:27:06 185

原创 CSS复习3-盒模型详解

一、盒模型1.元素分类 在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素:块状元素:块状元素都自带换行效果< div>、< p>、< h1>…< h6&am

2018-08-20 09:15:27 170

原创 CSS复习2-文字段落相关

今天复习css最基础的知识之二,很多人对html+css一笔带过,代码能看懂,但是真正运用的时候就会感觉到不流畅,博主我对自己的基础也不是很自信,所有复习一下,我们共勉~!1、文字排版–字号、颜色可以使用下面代码设置网页中文字的字号为12像素,并把字体颜色设置为#666(灰色):body{font-size:12px;color:#666}2、文字排版–粗体我们...

2018-08-17 20:34:54 249

原创 html复习1-语义化,让你的网页更好的被理解(标签知识)

以语义化的方式来介绍HTML我们主要注意两个方面的学习:标签的用途、标签在浏览器中的默认样式。标签的用途:我们学习网页制作时,常常会听到一个词,语义化。那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下使用此标签合理)比如,网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中,在文章中有想强调的文本,就...

2018-08-17 19:02:15 205

原创 jQuery - remove() 方法

这是我在面试中遇到的一个问题,知识点不难,希望我们共勉~移除所有 <p> 元素:$("button").click(function(){ $("p").remove();});定义和用法remove() 方法移除被选元素,包括所有文本和子节点。该方法不会把匹配的元素从 jQuery 对象中删除,因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保...

2018-08-17 07:11:47 775

原创 css-利用transform使悬浮图片移动

正在仿写阴阳师的官网首页,发现它涉及到了这个功能,所以记录一下这是W3C中的一个例子,实际运用起来,千变万化。 旋转 div 元素:div{transform:rotate(7deg);-ms-transform:rotate(7deg); /* IE 9 */-moz-transform:rotate(7deg); /* Firefox */-webkit-...

2018-08-16 22:19:49 2159

原创 css-定位(position)

CSS 定位 (Position)—————–**CSS 定位 (Positioning) 属性允许你对元素进行定位。**CSS 定位和浮动———CSS 为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务。定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,...

2018-08-16 13:28:27 113

原创 js-经典瀑布流demo

顾名思义,我们在浏览很多网站,例如京东商城的时候,会发现我们的鼠标可以无止境的向下拉,一旦拉到网页的地步就会刷新出新的东西,这种技术被称为瀑布流,那么他到底是如何实现的呢?话不多收,我们从头开始敲代码,边写边整理思路,共勉~1.静态布局html:<div class="pubuliu_kuang"> <u

2018-08-15 16:59:56 558

原创 瀑布流,利用JavaScript中的Dom操作,循环插入图片实现

<h1 class="pubu_head">水平瀑布流</h1> <div class="pubu_box"> var box = document.querySelector('.pubu_box'); //存储页面用的box对象 var oDiv = document.getElementsByCl...

2018-08-14 21:52:12 1076

原创 猎聘网的第二次面试之路

猎聘网是我接到的第二个面试,距离上一次面试半个月,这期间学了jq,基础部分并没有深入打牢,面的不是很理想,但是两位面试官人很好,推荐大家去尝试一下。仍然是记录下所问到的问题。1.左边有一张图片,右边有一段文字,文字可以是一段,也可以是很多段,如何布局可以让文字始终相对于图片保持居中。(文字和图片不是重合的)2.网络和http请求,请谈谈你的理解3.ajax常用的请求有哪些。4....

2018-08-09 16:34:44 2333

原创 JS prototype 属性详解

1.构造函数的简单介绍  所谓构造函数,就是提供了一个生成对象的模板并描述对象的基本结构的函数。一个构造函数,可以生成多个对象,每个对象都有相同的结构。总的来说,构造函数就是对象的模板,对象就是构造函数的实例。   构造函数的特点有:     a:构造函数的函数名首字母必须大写。     b:内部使用this对象,来指向将要生成的对象实例。     c:使用new操作符来调用构造函数,...

2018-08-09 15:04:05 137 1

原创 什么是BFC,及它的作用

一、什么是BFCBFC(block formatting context):简单来说,BFC 就是一种属性,这种属性会影响着元素的定位以及与其兄弟元素之间的相互作用。 中文常译为块级格式化上下文。是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。 在进行盒子元素布局的时候,BFC提供了一个环境,在这个环境中按照一定规则进行布局不...

2018-08-09 12:03:32 576

原创 用js如何输出一个对象的所有属性值(迭代/枚举)

做过js的人都知道,变量就var,一般我们是看不出来这个var有什么属性,要想知道它的各种属性有什么,方法如下: function ds(demo) { var str = ""; for (var i in demo.data) { str += i + " = " + demo.data[i]...

2018-08-07 22:24:46 15679

原创 模拟百度搜索框自动联想功能,原生js+jsonp轻松搞定

利用我们最熟悉的百度联想效果,去了解jsonp的原理

2018-08-07 16:16:59 8797 7

原创 前端复习-网络(4-同源策略-协议)

这篇博客基本上是一段纯文字内容,写的时候我的本意是加深印象,但是越写越头疼,以后我会想办法将其再提炼一下。浏览器有一个很重要的概念——同源策略(Same-Origin Policy)。所谓同源是指,域名,协议,端口相同。不同源的客户端脚本(javascript、ActionScript)在没明确授权的情况下,不能读写对方的资源。简单的来说,浏览器不允许包含在腾讯页面的脚本访问阿里巴...

2018-08-06 10:06:19 750

原创 前端复习-网络(3-原生js封装一个ajax)

Ajax 对象方法 abort() – 停止当前请求 getAllResponseHeaders() – 把http请求的所有响应首部作为键/值对返回 getResponseHeader(‘server’) – 返回值指定首部的串值 open(“method”, “url”, true) – 建立对服务器的调用,method参数可以是GET,POST或PUT。...

2018-08-04 19:49:43 126

原创 前端复习-网络(2-ajax实现篇)

我们需要准备几点: 1.需要一个纯 html 页面,用来实现员工查询和新建页面; 2.php 页面, 同来实现查询员工和新建员工窗口的后台接口;那么什么是php呢?PHP是一种创建动态交互性站点的服务器端脚本语言。它是开源而且免费的,使用的非常广泛(入门简单) 比如我们接触的新闻网站,它里面的每一条新闻都不是存在在我们的电脑里面的,我们需要有一个单独的地方存储,我们的电脑通...

2018-08-04 12:21:00 130

原创 前端复习-网络(1-概念)

说到网络部分,我们仍然离不开Ajax,对这一部分我是又爱又恨,但是我在看其他文章的时候看到过这样一句话:“不掌握的网络的前端工程师,就是一个UI”。这句话深深地提醒着我。fighting!请求页面时大概的流程: 1.输入网址(网址对应服务器,也对应着IP地址) 2.根据DNS解析出一个IP地址(IP指向了一个cdn缓存服务器),返回给浏览器。 3.找到服务器的位置,向服务器发送一...

2018-08-03 22:21:18 138

原创 前端复习-form表单详解(1)

第一部分、HTML 表单的基础知识HTML 表单用于搜集不同类型的用户输入。<form> 元素实例<form> .form elements .</form>HTML 表单包含表单元素。 表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。<i

2018-08-03 12:34:40 1161

原创 前端-js-ajax知识篇

第一、Ajax-Http请求Http是一种无状态的协议。 一个HTT拍的请求,通常分为7个步骤 我们来分步骤介绍。1、什么是HTTP请求一般一个HTTP请求由四部分组成: 1.http请求的方法或动作。比如是GRT 还是 POST 2.正在请求的 url (我们总需要请求的地址是什么啊/) 3.请求头,包含一些客户端的信息,身份验证信息等。 4.请求体,也就是请求正文,...

2018-08-01 14:16:03 151

淘宝首屏静态页面(HTML+CSS)布局练习.zip

适合刚接触前端基础知识的同学,初步了解了HTML+CSS后,可以尝试练习类似项目;该项目主要为HTML+CSS实现,不涉及交互、逻辑功能,旨在提高样式布局能力

2020-05-07

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除