vue实例中template: '<App/>'
new Vue({ el: '#app', components:{App}, template: '<App/>' }) components 是声明有哪些组件 template 是使用哪个组件 el: '#app' 是index.html 的<div id="app"></div> App.vue <div id
关于Vue中的 render: h => h(App) 具体是什么含义？
render: h => h(App) 是下面内容的缩写：render: function (createElement) { return createElement(App);}进一步缩写为(ES6 语法)：render (createElement) { return createElement(App);}再进一步缩写为：render (
Vue2.0 render:h => h(App)
1 new Vue({2 3 router,4 store,5 //components: { App } vue1.0的写法6 render: h => h(App) vue2.0的写法7 }).$mount('#app') vue.2.0的渲染过程：render函数是渲染一个视图，然后提供给el挂载，如
Vue页面骨架屏注入实践（备用）
作为与用户联系最为密切的前端开发者，用户体验是最值得关注的问题。关于页面loading状态的展示，主流的主要有loading图和进度条两种。除此之外，越来越多的APP采用了“骨架屏”的方式去展示未加载内容，给予了用
watch、computed和methods之间的对比
watch、computed和methods之间的对比 computed属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算。主要当作属性来使用； methods方法表示一个具体的操作，主要书写业务逻辑； watch一个对象，键是需要观察的表达式，值
apache做代理服务器转发其他端口
httpd.conf【主配置文件】-->1#加入这两个模块让apache支持代理LoadModule proxy_module modules/mod_proxy.soLoadModule proxy_http_module modules/mod_proxy_http.so-->2#开启NameVirtualHost *:80-->3#include配
jsonp原理详解
什么是JSONP？先说说JSONP是怎么产生的：其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，着用自己的方式来阐释一下这个问题，看看是否有帮助。1、一个众所周知的问题，Ajax直
传智播客vue教学笔记（第六天）
Vue.js - day6注意：有时候使用npm i node-sass -D装不上，这时候，就必须使用 cnpm i node-sass -D在普通页面中使用render函数渲染组件在webpack中配置.vue组件页面的解析 运行cnpm i vue -S将vue安装为运行依赖； 运行c
传智播客vue教学笔记（第五天）
Vue.js - Day5 - Webpack在网页中会引用哪些常见的静态资源？ JS .js .jsx .coffee .ts（TypeScript 类 C# 语言） CSS .css .less .sass .scss Images .jpg .png .gif .bmp .svg 字体文件（Fonts） .svg .ttf .eot
传智播客vue教学笔记（第四天）
传智播客vue教学笔记（第三天）
传智播客vue教学笔记（第三天）
Vue.js - Day3定义Vue组件什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可； 组件化和模块化的不同： 模块化： 是从
传智播客vue教学笔记（第二天）
Vue.js - Day2品牌管理案例添加新品牌删除品牌根据条件筛选品牌 1.x 版本中的filterBy指令，在2.x中已经被废除：filterBy - 指令<tr v-for="item in list | filterBy searchName in 'name'"> <td>{{item.id}}</
传智播客vue教学笔记（第一天）
Vue.js - Day1课程介绍前5天： 都在学习Vue基本的语法和概念；打包工具 Webpack , Gulp 后5天： 以项目驱动教学；什么是Vue.js Vue.js 是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手
js数组遍历forEach、map、filter、find、every、some、reduce对比
1. [...].some(ck)函数 ---- 某个一个为true，则为true 对数组中每个元素执行一次ck函数，知道某个元素返回true，则直接返回true。如果都返回false,则返回false检查整个数组中是否有满足ck函数的元素。 1
vue监听子组件事件
在我们开发 <blog-post> 组件时，它的一些功能可能要求我们和父级组件进行沟通。例如我们可能会引入一个辅助功能来放大博文的字号，同时让页面的其它部分保持默认的字号。在其父组件中，我们可以通过添加一个 postFontSize
js上下文
有时候是这样的，译者在翻译书的的时候不知道拿什么来对应相应的英文，就根据自己的感觉，好像大概是这个意思来强加给广大读者，让很多人不知所以然。@原磨豆浆 的大意是对的，上下文的原意是 context, 作用域的原意是scope,
蒙版抠图，利用快速蒙版快速抠图教程
通过抠图实例，大家除了可以学会抠图外，还能了解一下快速蒙版的使用。。效果：练习素材： 蒙版抠图适用范围：图片背景部分比较复杂，要抠图的图像部分比较复杂。 优势：能处理比较复杂的图片 劣势：处理过程和步骤比较复杂，不过记住
js中 function 普通函数 与 => 箭头函数 的区别
在JS中，箭头函数并不是简单的function(){}匿名函数的简写语法糖，实际上，箭头函数和匿名函数有个明显的区别：箭头函数内部的this是词法作用域，在编写函数时就已经确定了。而匿名函数的this指向运行时实际调用该方法的对象，无
Javascript ES6重点学习总结
ES6 学习部分重要ES6知识点的总结。。长，可以先码后看 环境搭建 在项目目录下新建目录src（承载es6语法）和dist（承载编译之后的es5语法） 在项目中npm init -y初始化 安装babel-cli babel-preset-es2015 在根目录下新建.bab
Node.js安装及环境配置之Windows篇
一、安装环境1、本机系统：Windows 10 Pro（64位） 2、Node.js：v6.9.2LTS（64位）二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/ 2、选安装目录进行安装 3、环境配置 4、测试三、前期准备
Vue中非父子组件传值的问题[父子组件]
父子组件传值的问题，前面已经讲过，不再叙述，这里来说一种非父子组件的传值。vue官网指出，可以使用一个空vue实例作为事件中央线！也就是说 非父子组件之间的通信，必须要有公共的实例（可以是空的），才能使用 $emit 获取 $on 的数
vue的父子组件和局部全局组件有什么区别？[父子组件]
就是在组件里面使用另外一个组件，就形成了父子关系例如在component1中使用component2 component1就是component2的父组件 component2就是component1的子组件//component1.vue<template> <div> <component2><
CSS单位em是相对于父元素还是当前元素的字体大小？
em是CSS中一个比较常用的相对单位，因此有必要注意一些坑点。1em等于当前元素的字体大小，除非你在设置font-size有很多文章说1em是等于父元素的字体大小！这种说法实际上是不准确的。看以下例子：<!DOCTYPE html><html lang=
webstorm让css写成横排单行
Setting > Editor > Code Style > CSS > [other] > [Kepp single-line blocks]
使用 阿里云code/码云git管理项目
使用代码云托管和git来管理项目可以使多客户端和多人开发更加高效。通过对比github，bitbucket和国内一些云托管服务发现阿里云在项目空间和传输速度及稳定性上更能满足公司开发的要求。本文将介绍关于阿里云code及git