自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端少年

写代码啦!!!

原创 2018.09.8webstrom真机调试的设置

2018.09.08 第一步: 第二步: 第三步: . 第四步: 使用手机打来连接,就可以在手机上查看了。 注意:手机和电脑要在同一个局域网中。例如:手机和电脑连同一个wifi ...

2018-09-08 20:09:16 1185 0

原创 js继承、构造函数继承、原型链继承、组合继承、组合继承优化、寄生组合继承

2018.06.03 第一部分:导入 1、构造函数的属性 funcion A(name) { this.name = name; // 实例基本属性 (该属性,强调私有,不共享) this.arr = [1]; // 实例引用属性 (该属性,强调私用,不共享) ...

2018-06-07 16:49:58 354 0

原创 水平居中、垂直居中、水平垂直居中、浮动居中、绝对定位居中.......统统帮你搞定!

2018.05.29 居中一个元素?你会想到啥?这里面的知识还真不少。包括水平居中,垂直居中,还有水平垂直居中。 如果要再要细分,还要分浮动元素、绝对定位的居中。 为了代码简介,没有加背景和其他样式,需要看效果的,可以加上背景。 目录: 第一部分:水平居中 1...

2018-05-30 01:20:17 3357 0

原创 js数组方法,你记住了吗?

2018.05.21 最近在做项目的时候,感觉很多方法,又不记得了。所以赶紧补一下… 第一部分:数组自身的方法 常用的方法,靠前展示。 toString() 作用:调用数组每一项的 toString()方法,返回以逗号分隔的字符串 参数:无 返回值:转化之后的...

2018-05-22 18:20:34 1250 0

原创 花 2 天时间整理的,---- 浏览器的渲染原理

2018.05.18 第一部分:导入 相关概念 DOMContentLoaded事件:当 HTML 文档加载完成并解析完成之后,会触发 DOMContentLoaded事件;不需要等待样式表、图片和子框架的完成加载。即 DOMContentLoaded事件只与 DOM的解析完成有关。 ...

2018-05-21 13:10:00 197 0

原创 花费 3 天时间,整理的原型、原型链,希望对你有用

2018.05.13 最近,再次研究原型。之前对原型的理解,还值停留在记忆的层面,所以这次深入了解这里面的奥秘。注意:以下的文章内容,是针对 ES5以及ES5之前的js;因为 ES6已经有类这个概念了。 第一部分:导入 – js 中的对象 王福鹏的博客,js中的对象 第二部...

2018-05-15 23:45:09 492 0

原创 chrome手机端调试web页面(前端项目)

2018.04.24 # # 最近用 vue 做了一个 web 音乐 App, 想看看在手机端的样子。 因为之前都是使用草料二维码查看, 但是最近使用草料二维码的时候报错,页面显示不了。于是就想使用 chrome 真机调试 web 页面,发现手机端的页面还是显示不了。 于是...

2018-04-24 17:04:30 4773 1

原创 vue 中使用 stylus 报错的解决( Error: Cannot find module 'when')

2018.03.29 # 这次本来准备做一个音乐的 web App ,vue文件中准备使用 stylus 样式。以为一切会很顺利,可是遇到报错(心中一万个草泥马);解决了这个问题之后,瞬间心情大悦,太开心了。 做一次记录,然后续的小伙伴,少采坑。 1、报错展示...

2018-03-29 11:49:39 3808 6

原创 vue-cli下ESlint 报错解决(工具是webstorm)2018.07.18更新

# # 最近在使用 vue-cli ,安装了eslint。之前还是好好的,就是这一次开始报错了。报错显示:expected indentation of 0 spaces but found 0 spaces 1、刚开始查看了下,以为是webstorm的代码格式化与 ...

2018-03-25 12:02:44 19274 3

原创 趣解:伪类和伪元素

导入: 出来混,是要还的。之前跳过的知识点,以后的某一天都需要你加倍奉还。 最近写伪类和伪元素的时候,老是搞混淆。也许是之前没有记牢固吧,决定今天自己再理一遍。 这里做一个类比:把上面图片中的这个小人看作一个体,伪类就相当于他的肢体(手),手和个体是整体,不能拆分。吃饱了...

2018-03-10 23:31:33 89 0

原创 趣解:函数作用域、执行上下文

2018.03.06 # 1、故事背景 阿猿是张家界的人,这一年上高三,计划考上北京大学,去北京念书。 知识类比:如果‘阿猿’比喻为‘函数’的话,张家界这个区域可以类比为‘函数作用域’。就是他出生(定义)的时候,他的出生地就已经固定了。(备注:es5 是函数作用域,...

2018-03-06 13:45:41 84 0

原创 纯粹的函数调用的 this 指向:

## 一、纯粹的函数调用的 this 指向: > 这里只讨论纯粹的函数调用。纯粹的函数调用,这是函数的最通常用法,属于全局性调用,因此this就代表全局对象Global。 ### 0、全局对象 window 中的 this : - 我们都知道,window对象是客户端Jav...

2018-01-25 14:41:34 152 0

原创 使用mongoDB的一些新的(mongoDB报错解决)

最近在做一个项目,看了网上说的,node和mongoDB最配,于是选择了mongoDB。接下来也遇到了很多坑,踩了几天,总结以下,希望对其他人有帮助。1.安装mongoDB 1.64位mongoDB的资源下载 由于mongoDB的服务器在国外,所以进入mongoDB的官网下载mongoDB是非常...

2017-11-13 14:50:05 613 0

原创 translate3d(x,y,z)在页面布局中的使用(底部内容的自动撑开并弹出)

很快,又到了月底,最近遇到了一个问题,弄了蛮久,做下总结,温故知新!!! 这是饿了么的商家页面,底层的购物车页面(父层)是使用fixed布局的,固定在下方。购物车详情页(子层)默认显示,当点击父层的时候,子层就会展开。-----------HTml代码 <body&gt...

2017-10-31 14:38:26 14554 2

原创 如何清除淘宝镜像cnpm

由于国内的npm。确实比较慢。所以就尝试使用淘宝镜像cnpm,谁知道cnpm是安装上了,但是在cnpm install vue-cli -g 的时候,就是一直出错。试了好久也于事无补,索性想把淘宝镜像cnpm清除掉,上网找了好多资料,也没有看到怎么清除cnpm。自己都快被自己搞晕了。 最后,...

2017-09-18 21:29:05 13658 3

原创 vue-router的使用

方式一:在初始化vue init webpack myPro的时候安装了vue-router的使用情况: 导入:这种方式 安装的vue-router,会在目录结构中产生一个 router子目录 。router目录中有一个index.js文件! 下面详细说一下index.js的文件...

2017-09-07 20:30:53 211 0

原创 vue-router的两种使用方式

方式一:在初始化vue init webpack myPro的时候安装了vue-router的使用情况: 导入:这种方式 安装的vue-router,会在目录结构中产生一个 router子目录 。router目录中有一个index.js文件! ![这里写图片描述](http://img.blo...

2017-09-07 20:21:49 772 0

原创 vue-router没有效果的问题解决之一

最近在学习vue,刚好学到vue-router,按照视频敲的代码,就是没有出现想要的页面。最后上网查了下,才知道原因。 一:vue-router的安装: 方式1:在 初始化目录的时候,vue会提醒你安装vue-router,可以在这 个时候安装vue-loader 方式...

2017-09-06 12:00:32 7345 3

原创 在webpack中如何使用postcss

最近在学习,看着慕课网的视频。需要看视频的可以点击如下链接:http://www.imooc.com/video/14197自己也是照着老师的一步一步敲代码。可是,到了postcss这一节,就出了小问题。在终端打包,老是报错:如图 查了一些资料,才弄清楚。 解决方案:在项目根目录下建立post...

2017-08-25 12:11:50 815 0

原创 学习webpack中存在的问题

最近在学习使用webpack。按照视频上的教学敲着代码。时不时的会报错,自己也在网查了一些资料。现在把一些问题总结以下,作为回顾。 问题1:在最后执行webpack的时候,在终端报错。 可能原因:子文件是在终端中创建的,比如src文件夹、dist文件夹、css ...

2017-08-18 12:55:37 176 0

原创 webstorm启用emmet出现的问题

最近,在使用webstorm这款编辑器,接触不久,但是出现了很多问题。特别是不能启用emmet这个功能,自己上网查了好久,就是没有解决。都准备重新卸载,再安装一次。自己尝试着将webstorm版本升级,就解决的这个问题。 建议去官网下载webstorm最新版。

2017-08-06 13:09:31 723 1

原创 使用WampServer为Hbuilder编辑器配置Web服务器

最近在研究Ajax,需要一个配置Web服务器(Hbilder只有内置服务器)。花了大半天,终于弄好了。这期间遇到了很多问题,待我慢慢道来。有些地方,如有误,还请指出。 一 材料:Hbuileder编辑器(去官网下载) WampServer:下载地址htt...

2017-07-20 23:05:17 6341 1

原创 margin的感想

怎么看待margin,就怎么看待生活。 我一直在想一个我问题,就是把工作和生活分开,是一种什么样子。其实在前端的margin,这个东西已经告诉我们了。你见过没有margin的网站吗,估计很少了。是的,网站运用margin是为了产生更好的视觉效果。如果你把margin,运用到你的人生当中,该工作的...

2017-07-14 10:56:38 206 0

转载 前端进阶----XMLHttpRequest对象简介

Ajax最核心是浏览器提供的XMLHttpRequest对象(简称XHR),是这个对象使得浏览器可以发出HTTP请求与接收HTTP响应,异步传输数据,实现页面局部刷新。 一 XMLHttpRequest对象的使用 1:创建 常用创建方式:var xhr = new XMLHttpRequest...

2017-06-20 11:49:06 162 0

原创 前端进阶-----JSON简介(1)

本人初入门径。代码和文章略显粗糙,欢迎指点改正! 最近在看<json必知必会>这本书,自己看了这本书,但是很多知识点这本书上面也没有说到。最近,在慕课网,腾讯课堂里面也找了关于JSON的视频,视频多是几年前的,所以很多东西还是没有弄个明白,写写博客,权当复习之用。 1 JSON的定义:...

2017-06-19 22:57:19 128 0

原创 前端进阶------实例对象,构造函数,以及原型之间的关系

一:直接上代码:采用构造函数和原型模式(组合模式)来举例子讲解。function Person_00(name,age){ // this.name=name; this.age=age; } Person_00.prototype={ constructor:Per...

2017-04-15 11:44:22 463 0

原创 前端进阶(随手记)------原型链解析(__proto__和prototype的区别)

一 基础知识: 在JS中,万物皆对象,方法(Function)是对象,原型也是对象(简称原型对象)。以下是基本概念: 1 函数对象:函数也是对象,简称函数对象。 2 原型:函数具有的一个属性叫做原型,这个属性指向一个另一个对象,(构成原型链的基础)。原型是属性(又称原型属性)也是是对象;原型...

2017-04-13 10:52:24 245 0

原创 前端进阶(随手记)------JSON对象

最近在看JavaScript书籍,作为初学者很多概念不是很清楚。上网找了很多资料,现在浅浅的总结复习一下。 第一部分: 1 定义:JSON(javascript object notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机械解析和生成。全称是javascript...

2017-03-24 14:07:26 203 0

原创 前端进阶(随手记)——函数的重载

1定义:函数重载是指同一个函数名可以对应着多个函数的实现。例如:用add2( )求2个数的和,用add3()求三个数的和,没有必要写两个函数。我们只要写一个函数就可以了。如下:add() { var args = arguments;//获取参数 if(args.l...

2017-03-24 00:11:58 164 0

原创 前端进阶(随手记)------src、href和rel的区别

最近在学JS,很多之前学过的知识点,有点混淆,权当复习下。 一:src 定义:src是source的缩写,引用外部资源(指向外部资源的位置)。 用于:img、 script、iframe标签上。 举例子:<img src="img/test.jpg"/>二:...

2017-03-18 16:35:43 482 0

原创 前端进阶(随手记)------undefined和null的区别

一:undefined表示”缺少值”,就是此处应该有一个值,但是还没有定义。典型用法是: (1)变量被声明了,但没有赋值时,就等于undefined。(没有必要刻意为变量赋值undefined) (2)对象没有赋值的属性,该属性的值为undefined。 (3) 调用函数时,应该提供的参数没...

2017-03-14 11:17:11 447 0

原创 前端进阶者(随手记)------框架、类库和架构的区别

最近在学习javaScript,看到框架和类库的概念不是很懂,就搜集了一些资料。以下是作为初学者对框架和类库的理解。 框架就像8成工具箱(为什么说是8成工具箱,是因为工具箱里面不会有你需要的全部工具,其它的2成工具是工具箱中没有的,比如你要去钓鱼,工具箱里面可能就没有)。工具箱里面有电...

2017-03-09 11:52:06 196 0

原创 前端进阶者(流水记)----创建和使用对象(用作对象的函数称为方法)

一:对象可以添加属性,也可以添加函数。属于一个对象的函数称为方法!!<script type="text/javascript"> var student = { name :"二狗", age : 18,...

2017-03-09 10:21:17 215 0

原创 前端初学者(随手记)——创建对象的两种方法

方法一:new Object( )的方式创建对象<script type="text/javascript"> var student1 = new Object() { //student 是变量名字 student1.name = &q...

2017-03-08 23:31:45 314 1

原创 全局变量和局部变量

在函数中,对于没有var 定义的变量是隐式全局变量,但是需要先执行一遍后才会生效,否则是没有定义的变量。代码如下: function sum(num1,num2){ return num1 + num2; } function show(){ result = sum(30,50)...

2017-03-02 10:55:19 189 0

原创 当子元素的position是:absolute时候的深度分析

自己自学前端不久,遇到很多问题。特别是css中的position,着实让我头疼。自己看了一些视频,一些书籍,也慢慢对position有了一定了解。 很多关于css的文章,都讲到当子元素是position时候,绝对定位以窗口可视区为参照,可是当我敲代码的时候,出现了问题。现在总结如下: ...

2017-02-05 22:41:34 184 0

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