- 博客(38)
- 收藏
- 关注
RSS订阅原创 2018.09.8webstrom真机调试的设置
2018.09.08第一步：第二步：第三步：.第四步：使用手机打来连接，就可以在手机上查看了。注意：手机和电脑要在同一个局域网中。例如：手机和电脑连同一个wifi...
2018-09-08 20:09:16
1622
原创 js继承、构造函数继承、原型链继承、组合继承、组合继承优化、寄生组合继承
2018.06.03第一部分：导入1、构造函数的属性funcion A(name) { this.name = name; // 实例基本属性 (该属性，强调私有，不共享) this.arr = [1]; // 实例引用属性 (该属性，强调私用，不共享) this.say = function() { // 实例引用属性 (该属性，强调复用，需要共享...
2018-06-07 16:49:58
568
原创 水平居中、垂直居中、水平垂直居中、浮动居中、绝对定位居中.......统统帮你搞定！
2018.05.29 居中一个元素？你会想到啥？这里面的知识还真不少。包括水平居中，垂直居中，还有水平垂直居中。 如果要再要细分，还要分浮动元素、绝对定位的居中。 为了代码简介，没有加背景和其他样式，需要看效果的，可以加上背景。目录：第一部分：水平居中1、常规元素的水平居中行内元素、不定宽块级元素：text-align图片的水平居中 ：clear +...
2018-05-30 01:20:17
4910
原创 js数组方法，你记住了吗？
2018.05.21 最近在做项目的时候，感觉很多方法，又不记得了。所以赶紧补一下…第一部分：数组自身的方法 常用的方法，靠前展示。 toString() 作用：调用数组每一项的 toString()方法，返回以逗号分隔的字符串参数：无返回值：转化之后的字符串原数组是否改变：否let arr = ['a','b','c','d']let a...
2018-05-22 18:20:34
1482
原创 花 2 天时间整理的，---- 浏览器的渲染原理
2018.05.18第一部分：导入相关概念DOMContentLoaded事件：当 HTML 文档加载完成并解析完成之后，会触发 DOMContentLoaded事件；不需要等待样式表、图片和子框架的完成加载。即 DOMContentLoaded事件只与 DOM的解析完成有关。load 事件： 当整个页面加载完成之后，会触发 load 事件。注意事项浏览器为了更...
2018-05-21 13:10:00
368
原创 花费 3 天时间，整理的原型、原型链，希望对你有用
2018.05.13 最近，再次研究原型。之前对原型的理解，还值停留在记忆的层面，所以这次深入了解这里面的奥秘。注意：以下的文章内容，是针对 ES5以及ES5之前的js;因为 ES6已经有类这个概念了。第一部分：导入 – js 中的对象王福鹏的博客，js中的对象第二部分：js中的 function类型ES5以及ES5之前， js 中没有类的概念，所以 js的面向对...
2018-05-15 23:45:09
837
原创 chrome手机端调试web页面(前端项目)
2018.04.24 # #最近用 vue 做了一个 web 音乐 App, 想看看在手机端的样子。 因为之前都是使用草料二维码查看， 但是最近使用草料二维码的时候报错，页面显示不了。于是就想使用 chrome 真机调试 web 页面，发现手机端的页面还是显示不了。于是就开启了一段填坑之路。1.以下是手机端报错信息 采用 chrome 真机调试，使用 p...
2018-04-24 17:04:30
8468
1
原创 vue 中使用 stylus 报错的解决（ Error： Cannot find module 'when'）
2018.03.29 # 这次本来准备做一个音乐的 web App ,vue文件中准备使用 stylus 样式。以为一切会很顺利，可是遇到报错（心中一万个草泥马）；解决了这个问题之后，瞬间心情大悦，太开心了。 做一次记录，然后续的小伙伴，少采坑。1、报错展示：报错 Error： Cannot find module ‘when’） 2、错误...
2018-03-29 11:49:39
6075
7
原创 vue-cli下ESlint 报错解决（工具是webstorm）2018.07.18更新
## 最近在使用 vue-cli ,安装了eslint。之前还是好好的，就是这一次开始报错了。报错显示：expected indentation of 0 spaces but found 0 spaces 1、刚开始查看了下，以为是webstorm的代码格式化与 eslint 的代码规范不一致，但是查看了下：两者是一样的；所以不是这个原因，继续排查。2...
2018-03-25 12:02:44
28912
3
原创 趣解：伪类和伪元素
导入： 出来混，是要还的。之前跳过的知识点，以后的某一天都需要你加倍奉还。 最近写伪类和伪元素的时候，老是搞混淆。也许是之前没有记牢固吧，决定今天自己再理一遍。这里做一个类比：把上面图片中的这个小人看作一个体，伪类就相当于他的肢体(手)，手和个体是整体，不能拆分。吃饱了(肚子变大了)这个状态，就相当于他的状态伪类。伪元素就相当于他的书包，书包不属于个体的一部分，是额...
2018-03-10 23:31:33
198
原创 趣解：函数作用域、执行上下文
2018.03.06 # 1、故事背景 阿猿是张家界的人，这一年上高三，计划考上北京大学，去北京念书。知识类比：如果‘阿猿’比喻为‘函数’的话，张家界这个区域可以类比为‘函数作用域’。就是他出生(定义)的时候，他的出生地就已经固定了。（备注：es5 是函数作用域，es6才开始有了块作用域。）2、故事发展： 这一年的高考阿猿考的很不错，结果考上了北...
2018-03-06 13:45:41
270
原创 纯粹的函数调用的 this 指向：
## 一、纯粹的函数调用的 this 指向：> 这里只讨论纯粹的函数调用。纯粹的函数调用，这是函数的最通常用法，属于全局性调用，因此this就代表全局对象Global。### 0、全局对象 window 中的 this ：- 我们都知道，window对象是客户端JavaScript程序的全局对象。在全局对象中输入 this, 你会发现：
最近在做一个项目，看了网上说的，node和mongoDB最配，于是选择了mongoDB。接下来也遇到了很多坑，踩了几天，总结以下，希望对其他人有帮助。1.安装mongoDB1.64位mongoDB的资源下载 由于mongoDB的服务器在国外，所以进入mongoDB的官网下载mongoDB是非常慢的，很有可能下载失败，所以我在网上也找了蛮久，以下就是mongoDB的下载资源链接 64位mongo
2017-11-13 14:50:05
1293
原创 translate3d(x,y,z)在页面布局中的使用（底部内容的自动撑开并弹出）
很快，又到了月底，最近遇到了一个问题，弄了蛮久，做下总结，温故知新！！！ 这是饿了么的商家页面，底层的购物车页面(父层)是使用fixed布局的，固定在下方。购物车详情页(子层)默认显示，当点击父层的时候，子层就会展开。-----------HTml代码<body> <div class="shopCart"> <div class="content&qu
2017-10-31 14:38:26
20966
3
原创 如何清除淘宝镜像cnpm
由于国内的npm。确实比较慢。所以就尝试使用淘宝镜像cnpm，谁知道cnpm是安装上了，但是在cnpm install vue-cli -g 的时候，就是一直出错。试了好久也于事无补，索性想把淘宝镜像cnpm清除掉，上网找了好多资料，也没有看到怎么清除cnpm。自己都快被自己搞晕了。 最后，试了npm uninstall cnpm -g 还真管用，查看cnpm就查不到了，哈哈。
2017-09-18 21:29:05
22858
3
原创 vue-router的使用
方式一：在初始化vue init webpack myPro的时候安装了vue-router的使用情况： 导入：这种方式 安装的vue-router，会在目录结构中产生一个 router子目录 。router目录中有一个index.js文件! 下面详细说一下index.js的文件内容： 由于在程序主入口main.js中也牵涉到vue-router，下面就是
2017-09-07 20:30:53
352
原创 vue-router的两种使用方式
方式一：在初始化vue init webpack myPro的时候安装了vue-router的使用情况： 导入：这种方式 安装的vue-router，会在目录结构中产生一个 router子目录 。router目录中有一个index.js文件!。问题
2017-08-18 12:55:37
326
原创 webstorm启用emmet出现的问题
最近，在使用webstorm这款编辑器，接触不久，但是出现了很多问题。特别是不能启用emmet这个功能，自己上网查了好久，就是没有解决。都准备重新卸载，再安装一次。自己尝试着将webstorm版本升级，就解决的这个问题。 建议去官网下载webstorm最新版。
2017-08-06 13:09:31
1155
1
原创 使用WampServer为Hbuilder编辑器配置Web服务器
最近在研究Ajax，需要一个配置Web服务器(Hbilder只有内置服务器)。花了大半天，终于弄好了。这期间遇到了很多问题，待我慢慢道来。有些地方，如有误，还请指出。 一 材料：Hbuileder编辑器(去官网下载) WampServer：下载地址https://pan.baidu.com/s/1hr3v7bI(下载并安装好，没有什么大问题，一路回车就好。
2017-07-20 23:05:17
8142
1
原创 margin的感想
怎么看待margin，就怎么看待生活。 我一直在想一个我问题，就是把工作和生活分开，是一种什么样子。其实在前端的margin，这个东西已经告诉我们了。你见过没有margin的网站吗，估计很少了。是的，网站运用margin是为了产生更好的视觉效果。如果你把margin，运用到你的人生当中，该工作的时候工作，该好好生活的时候好好享受生活，也是一样精彩。毕竟人生是多彩多样的。工作有工作的属性，生活有生活
2017-07-14 10:56:38
299
转载 前端进阶----XMLHttpRequest对象简介
Ajax最核心是浏览器提供的XMLHttpRequest对象(简称XHR)，是这个对象使得浏览器可以发出HTTP请求与接收HTTP响应,异步传输数据，实现页面局部刷新。一 XMLHttpRequest对象的使用1：创建 常用创建方式：var xhr = new XMLHttpRequest();2:注册回调函数： 接下来就要指定当服务器返回信息时客户端的处理方式。只需将相应的处理函数名
2017-06-20 11:49:06
309
原创 前端进阶-----JSON简介(1)
本人初入门径。代码和文章略显粗糙，欢迎指点改正！最近在看<json必知必会>这本书，自己看了这本书，但是很多知识点这本书上面也没有说到。最近，在慕课网，腾讯课堂里面也找了关于JSON的视频，视频多是几年前的，所以很多东西还是没有弄个明白，写写博客，权当复习之用。1 JSON的定义：与XML一样，JSON(JavaScript Object Native)也是一种数据交换格式，用于在不同平台之间传
2017-06-19 22:57:19
212
原创 前端进阶------实例对象，构造函数，以及原型之间的关系
一：直接上代码：采用构造函数和原型模式（组合模式）来举例子讲解。function Person_00(name,age){ // this.name=name; this.age=age;}Person_00.prototype={ constructor:Person， run:function(){ alert(this,name);
2017-04-15 11:44:22
672
原创 前端进阶(随手记)------原型链解析(__proto__和prototype的区别)
一 基础知识： 在JS中，万物皆对象，方法(Function)是对象，原型也是对象(简称原型对象)。以下是基本概念： 1 函数对象：函数也是对象，简称函数对象。 2 原型：函数具有的一个属性叫做原型，这个属性指向一个另一个对象，(构成原型链的基础)。原型是属性(又称原型属性)也是是对象；原型的本质是对象。 3 原型对象：原型也是对象，简称原型对象。相当于你妈。 4 构造函数：构造函数就是啪
2017-04-13 10:52:24
422
原创 前端进阶（随手记）------JSON对象
最近在看JavaScript书籍，作为初学者很多概念不是很清楚。上网找了很多资料，现在浅浅的总结复习一下。第一部分： 1 定义：JSON(javascript object notation)是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机械解析和生成。全称是javascript对象表示法。2 分类： (1)“名称/值”对的集合，也称对象(Object)
2017-03-24 14:07:26
292
原创 前端进阶（随手记）——函数的重载
1定义：函数重载是指同一个函数名可以对应着多个函数的实现。例如：用add2( )求2个数的和，用add3（)求三个数的和，没有必要写两个函数。我们只要写一个函数就可以了。如下：add() { var args = arguments;//获取参数 if(args.length ==2 ) { alert(args[0]+args[1]);//执
2017-03-24 00:11:58
570
原创 前端进阶（随手记）------src、href和rel的区别
最近在学JS，很多之前学过的知识点，有点混淆，权当复习下。 一：src 定义：src是source的缩写，引用外部资源（指向外部资源的位置）。 用于：img、 script、iframe标签上。 举例子：<img src="img/test.jpg"/>二：href 定义：href (Hypertext Reference)指定网络资源的位置，是引用和页面关联，是在当前元素和引用资源之间建
2017-03-18 16:35:43
1653
原创 前端进阶（随手记）------undefined和null的区别
一：undefined表示”缺少值”，就是此处应该有一个值，但是还没有定义。典型用法是： （1）变量被声明了，但没有赋值时，就等于undefined。（没有必要刻意为变量赋值undefined） （2）对象没有赋值的属性，该属性的值为undefined。 （3) 调用函数时，应该提供的参数没有提供，该参数等于undefined。 （4）函数没有返回值时，默认返回undefined。二：nul
2017-03-14 11:17:11
977
1
原创 前端进阶者（随手记）------框架、类库和架构的区别
最近在学习javaScript，看到框架和类库的概念不是很懂，就搜集了一些资料。以下是作为初学者对框架和类库的理解。 框架就像8成工具箱（为什么说是8成工具箱，是因为工具箱里面不会有你需要的全部工具，其它的2成工具是工具箱中没有的，比如你要去钓鱼，工具箱里面可能就没有）。工具箱里面有电锯，起子，钳子，电笔，螺丝刀，美工刀等工具。这里的具体工具（电锯、起子、钳子、电笔、螺丝刀、美工刀）就是
2017-03-09 11:52:06
395
原创 前端进阶者（流水记）----创建和使用对象（用作对象的函数称为方法）
一：对象可以添加属性，也可以添加函数。属于一个对象的函数称为方法！！<script type="text/javascript"> var student = { name :"二狗", age : 18, printMassage : func(){ document.writeln("Hello" + **this*
2017-03-09 10:21:17
372
原创 前端初学者（随手记）——创建对象的两种方法
方法一：new Object( )的方式创建对象<script type="text/javascript"> var student1 = new Object() { //student 是变量名字 student1.name = "王五"；//为变量名的属性赋值。（1） student1.age = 18; }；//记得加上分号<
2017-03-08 23:31:45
661
1
原创 全局变量和局部变量
在函数中，对于没有var 定义的变量是隐式全局变量，但是需要先执行一遍后才会生效，否则是没有定义的变量。代码如下:function sum(num1,num2){ return num1 + num2;}function show(){ result = sum(30,50);}在运行代码的时候，会显示这里的result 没有被定义，但是用谷歌浏览器设置断点调试之后，结果会正
2017-03-02 10:55:19
330
原创 当子元素的position是：absolute时候的深度分析
自己自学前端不久，遇到很多问题。特别是css中的position，着实让我头疼。自己看了一些视频，一些书籍，也慢慢对position有了一定了解。 很多关于css的文章，都讲到当子元素是position时候，绝对定位以窗口可视区为参照，可是当我敲代码的时候，出现了问题。现在总结如下： 第一种情况（子元素以可视窗口为参照点） 1：static(最近祖先元素)——>static(父元素
2017-02-05 22:41:34
659
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人