在技术胖博客上学习ES6遇到的坑和想法 第一节：ES6的开发环境搭建坑1：全局安装babel-cli已经不被官方推荐，改为局部安装（cnpm install babel-cli --save-dev）；坑2：babel src/index.js -o dist/index.js命令失效，可以直接跳过这一步。想法相对于来说，这是一个挺好的入门的教程，既没有阮老师写的那么晦涩难懂，也没有各种视频一来就写上一堆...
CSS深入理解之absolute（HTML/CSS） absolute和float是同父异母的兄弟，因为它们具有相同点：包裹性与破坏性absolute的特点1、独立的，并且可以摆脱overflow的限制，无论是滚动还是隐藏；2、无依赖，不受relative限制的，行为表现上是不使用top/right/bottom/left任何一个属性或使用auto作为值；3、脱离文档流；4、具有跟随性（依据这个特点，能省很多的re...
网页简单布局之结构与表现原则（HTML/CSS） 结构 样式 行为真正的分离前端初级人员会在页面上单纯的用各个div把相关内容独立开；前端中级人员明白相关属性的设置会给元素带来什么改变，从而减少div的书写；前端高级人员会以及其简单的和稳定的方式实现相应的效果。代码展示：<!DOCTYPE html><html> <head> <meta ...
Vue小案例（一） 案例需求：创建一个品牌展示表格，表头有编号（id），品牌名称（name），创建时间（time）和操作，需要实现的功能是对数据的增删操作，和时间的格式化。思路分析：在开发之前需要想清楚要用到Vue中的什么方法或者特性来实现所要的功能，把案例分成以下几个部分来开发：展示数据，需要使用v-for指令删除数据，需要使用v-on绑定一个事件添加数据，需要使用双向数...
Vue实例对象的数据选项（火柴） 前言一般地，当模板内容比较简单的时候，使用data选项配合表达式即可。涉及到复杂逻辑时，则需要用到methods、computed、watch等方法。本文将详细介绍Vue实例对象的数据选项。datadata是Vue实例的数据对象。Vue将会递归将data的属性转换为getter/setter，从而让data属性能够响应数据变化。【注意】不应该对data属性使用箭...
基于Vue的WebApp项目开发（五） 实现图片分享列表步骤一：新增图片列表文件photolist.vue<template> <div id="tml"> 图片分享页面 </div></template><script></script><style></style&...
基于Vue的WebApp项目开发（四） 实现新闻咨询页面目录结构步骤一：创建newslist.vue文件<template> <div id="tml"> <!--使用mui框架，实现新闻资讯列表样式--> <ul class="mui-table-view"> <li v-for="item in list"...
git bash 出现vim弹框的时候怎么退出 如果是输出状态，首先按Esc键退出输入状态，然后按Shift+“;”，再输入q!或wq!（不保存改动，wq!是保存文件的写入修改）退出。so easy！！转载于:https://www.cnblogs.com/fengxiongZz/p/8916403.html...
git clone过程中发生的错误 错误提示：问题原因以及解决方式：http://blog.csdn.net/huihut/article/details/79404421转载于:https://www.cnblogs.com/fengxiongZz/p/8528460.html
基于Vue的WebApp项目开发（三） 实现根组件通用的头部和底部样式明白由webpack搭建起来的Vue项目的执行流程，那么就可以知道实现这个需要只要在根组件和入口文件上做“手脚”即可<!--以后项目的根组件--><template> <div> <!--利用mint-ui中的header组件实现整个系统的头部--> <mt...
ES6入门——类的概念 1、Class的基本用法概述JavaScript语言的传统方式是通过构造函数，定义并生成新对象。这种写法和传统的面向对象语言差异很大，下面是一个例子：function Point(x, y) { this.x = x; this.y = y;};Point.prototype.toString = function () { return '...
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...
webpack学习（一） 开始使用webpack之前，首先要先安装npm。以下是npm的安装过程安装：一般情况下安装了node.js就会自动装上npm测试：npm -v升级：（window系统）npm install npm -g或者cnpm install npm -g注意：一般情况下npm的版本跟随着node的版本走，当npm升级的时候而node却没升级，那么...
CSS深入理解之overflow（HTML/CSS） 简介overflow看上去其貌不扬，其中蕴含的知识点还是很多的,有很多鲜为人知的特性表现。overflow基本属性值1、visible（默认）2、hidden3、scroll4、auto5、inheritbody/html与滚动条无论什么浏览器，默认滚动条均来自html标签，而不是body标签。因为新建一个空白html页面，body默认有m...
基于Vue的WebApp项目开发（一） 了解webpack的魔力：项目结构以及开发环境webpack初体验之打包文件1、首先创建三个文件，分别是index.html、main.js和calc.jsindex.html<!DOCTYPE html><html> <head> <meta charset="utf-8" /&...
vue2.0中的watch和计算属性computed watch和computed均可以监控程序员想要监控的对象，当这些对象发生改变之后，可以触发回调函数做一些逻辑处理watch监控自身属性变化<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title&g...
CSS深入理解之float（HTML/CSS） float的设计初衷仅仅是：为了文字环绕效果float的包裹与破坏包裹：收缩、坚挺、隔绝（BFC）破坏：父元素高度塌陷<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Layout</titl...
如何使用CSS进行网页布局（HTML/CSS） 什么叫做布局？又称为版式布局，是网页UI设计师将有限的视觉元素进行有机的排列组合。题目：假设高度已知，请写出三栏布局，其中左栏和右栏宽度各为300px，中间自适应1、浮动布局<!DOCTYPE html><html> <head> <meta charset="utf-8" /> ...
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><...
浅谈搜索引擎SEO（HTML/CSS） SEO：搜索引擎优化（免费）；SEM：搜索引擎营销（付费）。它们两者的区别是：1、SEM高投入，SEO低投入；2、SEM短、效益块，SEO长期投入、增长慢；3、新广告法颁布之后SEM广告位减少，竞争压力大。专业名词解释1、IP：独立IP访问的用户；2、PV：页面浏览量或点击量；3、UV：独立访客数。SEO排名机制1、搜索引擎蜘蛛...
关注
