自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(139)
  • 收藏
  • 关注

转载 git bash 出现vim弹框的时候怎么退出

如果是输出状态,首先按Esc键退出输入状态,然后按Shift+“;”,再输入q!或wq!(不保存改动,wq!是保存文件的写入修改)退出。so easy!!转载于:https://www.cnblogs.com/fengxiongZz/p/8916403.html...

2018-04-23 10:38:00 349

转载 git clone过程中发生的错误

错误提示:问题原因以及解决方式:http://blog.csdn.net/huihut/article/details/79404421转载于:https://www.cnblogs.com/fengxiongZz/p/8528460.html

2018-03-08 14:56:00 227

转载 ES6高频面试题目整理

本篇文章是根据以下内容进行的总结1、https://segmentfault.com/a/11900000113443012、http://www.bslxx.com/a/mianshiti/tiku/2017/1019/953.html3、http://www.bslxx.com/a/mianshiti/tiku/javascript/2017/1213/1505.html...

2018-01-04 15:33:00 502

转载 在技术胖博客上学习ES6遇到的坑和想法

第一节:ES6的开发环境搭建坑1:全局安装babel-cli已经不被官方推荐,改为局部安装(cnpm install babel-cli --save-dev);坑2:babel src/index.js -o dist/index.js命令失效,可以直接跳过这一步。想法相对于来说,这是一个挺好的入门的教程,既没有阮老师写的那么晦涩难懂,也没有各种视频一来就写上一堆...

2018-01-03 22:18:00 163

转载 ES6入门——类的概念

1、Class的基本用法概述JavaScript语言的传统方式是通过构造函数,定义并生成新对象。这种写法和传统的面向对象语言差异很大,下面是一个例子:function Point(x, y) { this.x = x; this.y = y;};Point.prototype.toString = function () { return '...

2018-01-02 17:45:00 155

转载 CSS深入理解之overflow(HTML/CSS)

简介overflow看上去其貌不扬,其中蕴含的知识点还是很多的,有很多鲜为人知的特性表现。overflow基本属性值1、visible(默认)2、hidden3、scroll4、auto5、inheritbody/html与滚动条无论什么浏览器,默认滚动条均来自html标签,而不是body标签。因为新建一个空白html页面,body默认有m...

2017-12-31 07:26:00 173

转载 CSS深入理解之absolute(HTML/CSS)

absolute和float是同父异母的兄弟,因为它们具有相同点:包裹性与破坏性absolute的特点1、独立的,并且可以摆脱overflow的限制,无论是滚动还是隐藏;2、无依赖,不受relative限制的,行为表现上是不使用top/right/bottom/left任何一个属性或使用auto作为值;3、脱离文档流;4、具有跟随性(依据这个特点,能省很多的re...

2017-12-30 20:34:00 132

转载 CSS深入理解之float(HTML/CSS)

float的设计初衷仅仅是:为了文字环绕效果float的包裹与破坏包裹:收缩、坚挺、隔绝(BFC)破坏:父元素高度塌陷<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Layout</titl...

2017-12-30 07:42:00 119

转载 如何使用CSS进行网页布局(HTML/CSS)

什么叫做布局?又称为版式布局,是网页UI设计师将有限的视觉元素进行有机的排列组合。题目:假设高度已知,请写出三栏布局,其中左栏和右栏宽度各为300px,中间自适应1、浮动布局<!DOCTYPE html><html> <head> <meta charset="utf-8" /> ...

2017-12-29 23:23:00 190

转载 网页简单布局之结构与表现原则(HTML/CSS)

结构 样式 行为真正的分离前端初级人员会在页面上单纯的用各个div把相关内容独立开;前端中级人员明白相关属性的设置会给元素带来什么改变,从而减少div的书写;前端高级人员会以及其简单的和稳定的方式实现相应的效果。代码展示:<!DOCTYPE html><html> <head> <meta ...

2017-12-29 22:48:00 342

转载 浅谈搜索引擎SEO(HTML/CSS)

SEO:搜索引擎优化(免费);SEM:搜索引擎营销(付费)。它们两者的区别是:1、SEM高投入,SEO低投入;2、SEM短、效益块,SEO长期投入、增长慢;3、新广告法颁布之后SEM广告位减少,竞争压力大。专业名词解释1、IP:独立IP访问的用户;2、PV:页面浏览量或点击量;3、UV:独立访客数。SEO排名机制1、搜索引擎蜘蛛...

2017-12-29 15:55:00 731

转载 Vue小案例(一)

案例需求:创建一个品牌展示表格,表头有编号(id),品牌名称(name),创建时间(time)和操作,需要实现的功能是对数据的增删操作,和时间的格式化。思路分析:在开发之前需要想清楚要用到Vue中的什么方法或者特性来实现所要的功能,把案例分成以下几个部分来开发:展示数据,需要使用v-for指令删除数据,需要使用v-on绑定一个事件添加数据,需要使用双向数...

2017-12-27 17:27:00 155

转载 vue2.0中的计算属性

计算属性是一个很邪门的东西,只要在它的函数里引用了data中的某个属性,当这个属性发生变化的时候,函数仿佛可以嗅探到这个变化,并自动重新执行。View Code上代码会源源不断的打印出a的值。如果希望b依赖data中的x而变化,只需要保证b函数中有this.x即可。如果函数中没有出现data中的属性,那么无论data中的属性怎么变,b对应的函数一次也不会执行。Vue是怎...

2017-12-27 07:06:00 137

转载 Vue.js双向绑定原理

Vue.js最核心的功能有两个,一个是响应式的数据绑定系统,另一个是组件系统。本文仅仅探究双向绑定是怎样实现的。先讲涉及的知识点,再用简化的代码实现一个简单的hello world示例。一、访问器属性访问器属性是对象中的一种特殊属性,它不能直接在对象中设置,而必须通过defineProperty()方法单独定义。<!DOCTYPE html>&l...

2017-12-26 23:08:00 107

转载 Vue实例对象的数据选项(火柴)

前言一般地,当模板内容比较简单的时候,使用data选项配合表达式即可。涉及到复杂逻辑时,则需要用到methods、computed、watch等方法。本文将详细介绍Vue实例对象的数据选项。datadata是Vue实例的数据对象。Vue将会递归将data的属性转换为getter/setter,从而让data属性能够响应数据变化。【注意】不应该对data属性使用箭...

2017-12-26 20:40:00 144

转载 基于Vue的WebApp项目开发(六)

实现商品购买列表页面步骤一:新建goodslist.vue文件<template> <div id="tml"> <!--利用mui中的图文表格组件实现--> <div id="mui-content" class="mui-content" style="background-color:#fff"&g...

2017-12-26 08:06:00 347

转载 基于Vue的WebApp项目开发(五)

实现图片分享列表步骤一:新增图片列表文件photolist.vue<template> <div id="tml"> 图片分享页面 </div></template><script></script><style></style&...

2017-12-25 10:30:00 279

转载 基于Vue的WebApp项目开发(四)

实现新闻咨询页面目录结构步骤一:创建newslist.vue文件<template> <div id="tml"> <!--使用mui框架,实现新闻资讯列表样式--> <ul class="mui-table-view"> <li v-for="item in list"...

2017-12-25 07:08:00 309

转载 基于Vue的WebApp项目开发(三)

实现根组件通用的头部和底部样式明白由webpack搭建起来的Vue项目的执行流程,那么就可以知道实现这个需要只要在根组件和入口文件上做“手脚”即可<!--以后项目的根组件--><template> <div> <!--利用mint-ui中的header组件实现整个系统的头部--> <mt...

2017-12-23 17:16:00 185

转载 基于Vue的WebApp项目开发(二)

利用webpack解析和打包.vue组件页面相关知识:vue项目中的每个页面其实都是一个.vue的文件,这种文件,Vue称之为组件页面,必须借助于webpack的vue-loader才能运行,所以必须安装相关的包。【注意】从webpack2.0开始,在webpack.config.js中添加babel:{}是不认识的,需要在项目根目录下新建.babelrc文件,内容填写如...

2017-12-23 10:30:00 157

转载 webpack学习(一)

开始使用webpack之前,首先要先安装npm。以下是npm的安装过程安装:一般情况下安装了node.js就会自动装上npm测试:npm -v升级:(window系统)npm install npm -g或者cnpm install npm -g注意:一般情况下npm的版本跟随着node的版本走,当npm升级的时候而node却没升级,那么...

2017-12-21 20:55:00 97

转载 基于Vue的WebApp项目开发(一)

了解webpack的魔力:项目结构以及开发环境webpack初体验之打包文件1、首先创建三个文件,分别是index.html、main.js和calc.jsindex.html<!DOCTYPE html><html> <head> <meta charset="utf-8" /&...

2017-12-21 20:54:00 700

转载 webpack踩坑之旅

1、安装webpack失败问题错误原因:这主要是我以普通用户的身份进行webpack的全局安装,权限不够。【普通用户】说白了就是通过运行window+r+cmd进入的命令行解决方式:用管理员权限打开命令行然后输入cnpm install webpack -g即可2、webpack运行错误问题要么是代码出了错误要么就是文件丢失...

2017-12-21 20:37:00 127

转载 vue2.0中的watch和计算属性computed

watch和computed均可以监控程序员想要监控的对象,当这些对象发生改变之后,可以触发回调函数做一些逻辑处理watch监控自身属性变化<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title&g...

2017-12-20 17:00:00 118

转载 vue2.0路由写法、传参和嵌套

前置知识请戳这里vue-routerCDN地址:https://unpkg.com/vue-router@3.0.1/dist/vue-router.jsvue-router下载地址:https://github.com/vuejs/vue-router/tree/dev/distvue2.0路由基本写法<!DOCTYPE html>&lt...

2017-12-20 15:52:00 107

转载 vue2.0中的ref.html

前置知识请戳这里获取DOM对象以及组件对象<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.jsdelivr.net/...

2017-12-20 11:33:00 219

转载 Vue2.0的动画效果

本文只是结合一些代码和图片加强对Vue动画的理解,更多资料请戳这里结合原生CSS实现动画下面是一张图片,简单清晰明了是吧^-^下面是一段代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>&lt...

2017-12-20 07:43:00 68

转载 Vue2.0的生命周期

什么是钩子?大白话就是一系列的内部方法下面是一张生命周期钩子的说明图下面是一段代码测试<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <scrip...

2017-12-20 07:09:00 76

转载 Vue2.0中的Ajax请求

Vue可以借助于vue-resource来实现Ajax请求http请求报文浏览器与服务器数据交互是遵循http协议的,当浏览器要访问服务器的时候,浏览器需要将相关请求数据提交给服务器。格式分为:请求报文行、请求报文头、请求空行、请求报文体http响应报文当浏览器请求服务器的时候,服务器需要将数据返回给浏览器,这种数据是通过响应报文响应会回浏览器的。格式...

2017-12-19 17:17:00 97

转载 MVVM模式

MVVM拆分解释为:Model:负责数据存储;View:负责页面展示;View Model:负责业务逻辑处理(比如Ajax请求等),对数据进行加工后交给视图展示MVVM要解决的问题是将业务逻辑代码与视图代码进行完全分离,使各自的职责更加清晰,后期代码维护更加简单。以下用图解的形式分析Ajax请求回来数据后直接操作DOM来达到视图的更新的缺点,以及使用MVVM...

2017-12-19 16:42:00 87

转载 Vue2.0过滤器

概念Vue1.0提供了一系列的固定逻辑来使程序员更加容易的实现这些功能,我们称它为系统过滤器。Vue也提供了一个接口用来给程序员定义属于自己的特殊逻辑,Vue称之为自定义过滤器。自定义私有的过滤器下面是一个冗余的示范代码<!DOCTYPE html><html> <head> <meta charse...

2017-12-19 15:10:00 76

转载 Vue2.0中的系统指令

v-on注册事件<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue"></s...

2017-12-19 10:08:00 80

转载 Vue组件的基础用法(火柴)

前面的话组件(component)是Vue最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码,根据项目需求,抽象出一些组件,每个组件里包含了展现、功能和样式。每个页面,根据自己的需要,使用不同的组件来拼接页面。这种开发模式使得前端页面易于扩展,且灵活性高,而且组件之间也实现了解耦。本文将详细介绍Vue组件基础用法。概述在Vue里,一个组件本质上是一个拥有预...

2017-12-18 21:40:00 108

转载 Vue入门基础(火柴)

前言由于个人十分欣赏博友——小火柴的蓝色理想,他的博文我看了大多数,觉得十分的精彩,然而很多都是看后即忘。我想除了没有经常动手敲代码,更可能是在看的时候忽略了很多细节,因此打算把他的博文通通给“抄袭”下来,各位不要和我一般见识哈^_^概述Vue.js是一套构建用户界面的渐进式框架,采用的是自底向上增量开发的设计,核心库只关注视图层,不仅易于上手,还便于和第三方库或既...

2017-12-18 17:29:00 92

转载 HBuilder自定义格式化代码

对于代码格式到底为两个空格还是四个空格,可能大家喜欢的都不同,如果你是在使用HBuilder编辑器,那么恭喜你,这两种代码格式你可以轻易的更换。下面贴步骤1、打开工具—>选项2、选择HBuilder—>整理代码格式设置3、新建一个配置,名字自己取4、点击右上角的修改,即可进入编辑页面当你配置好了,那就开发的时候展现出来的就是所需要的效果...

2017-12-18 17:13:00 1387

转载 教你如何在微信公众号优雅的展示代码

最近在微信公众号上记录自己的技术成长以及面试经历,在添加代码块的时候,尝试了很多种方式,都无法很友善的显示代码,对于代码的换行和样式感到头大,对这个排版问题,苦恼了很久。刚开始有在各种微信公众号编辑器里插入代码然后进行复制,然而都不尽人意,需要自己不断的调整代码格式,并且把代码复制进微信公众号上会发现上下的空格居然可以这么大!!!严重影响到了浏览效果,果断放弃。接着在...

2017-12-15 11:27:00 478

转载 ES6入门——函数的扩展

1、函数参数的默认值在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。现在ES6可以为函数的参数添加默认值,简洁了许多。ES5function show(a,b){ b = b || 8; return a*b;}console.log(show(8,8)); //64ES6let show = (a,b=8) =&...

2017-12-08 09:59:00 94

转载 ES入门——数组的扩展

1、Array.from()该方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象,包括ES6新增的数据结构Set和Map。下面是一个类似数组的对象,Array.from将它转为真正的数组。let arrayLike = { "0":"a", "1":"b", "2":"c",...

2017-12-07 23:30:00 76

转载 ES6入门——数值的扩展

1、二进制和八进制表示法ES6提供了二进制和八进制数值的新的写法,分别用前缀0b或0B和0o或0O表示。2、Number.isFinite(),Number.isNaN()ES6在Number对象上,新提供了Number.isFinite()和Number.isNaN()两个方法用来检查一个数值是否为有限和用来检查一个值是否为NaN。3、Number.pars...

2017-12-07 22:19:00 94

转载 ES6入门——正则的扩展

1、RegExp构造函数在ES5中,RegExp构造函数的参数有两种情况。第一种情况是参数是字符串,这时第二个参数表示正则表达式的修饰符;第二种情况是,参数是一个正则表示式,这时会返回一个原有正则表达式的拷贝。但是,ES5不允许此时使用第二个参数,添加修饰符,否则会报错var regex = new RegExp('xyz','i');//等价于var regex =...

2017-12-07 21:27:00 95

空空如也

空空如也

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

TA关注的人

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