-
Vue知识点索引
案例相关代码下载方式使用git命令从github的存储库中克隆,即可使用git clone https://github.com/hemiahwu/vue-basic.git其中,master分支中啥也没有,需要切换lesson-1分支,一直到lesson-25废话不多讲,直接就一个列表 Vue的项目目录解析 Vue学习笔记 ...…
-
我的第一个Vue程序
废话不多讲,直接就上代码index.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>VueJS Tutorials</title> <link href="styles.css" rel="stylesheet" /> <script src="https://u...…
-
第36天日报
轻松的一天今天写了一些博客,关于vue的基础内容看了一些关于jetbrains的使用技巧,可能我们都欠jetbrains一个,正本授权吧!每日新词jetbrains每日听书《彼得原理 》今日博文WebStrom实时预览功能–ChromeSublime运行代码 open in browser快捷键设置jetbrains 系列IDE 使用技巧Vue知识点索引我的第一个Vue程序…
-
sublime快捷键和设置配置(jetbrains习惯)
起步很多小伙伴使用jetbrains系列的编辑器后,在使用轻量级的sublime,可能会有一些设置和快捷键习惯不适应小编今天就给大家一些常用的sublime设置和快捷键的配置设置{ // 颜色主题 "color_scheme": "Packages/Color Scheme - Default/Monokai.sublime-color-scheme", // 自动保存 "expand_tabs_on_save": true, // 字体大小 "font...…
-
sublime一键格式化html/css/js
1.使用快捷键ctrl+shift+p调出控制台,输入install package,然后输入html-css-js prettify,进行下载2.下载完成后,在preference打开package settings,会出现如下内容:html-css-js prettify安装成功。3.具体的快捷键在preference > package setting > html/css/js prettify > keyboard-shortcuts-default中注...…
-
Visual Studio Code引入jetbrains快捷键
前言:相信很多学习编程的小伙伴都用过jetbrains系列的ide吧,毕竟它们很专业但是有时候我们可能需要一个更轻量级的ide,比如vscode,刚开始使用,可能你很不适应它的一些快捷键习惯 今天小编就教大家将Visual Studio Code打造成轻量级的jetbrains起步快捷键对于编辑器就相当于八倍镜对于98K 别管别的,在vscode任意界面,直接就按ctrl+shift+k和ctrl+shift+m 在搜索栏中输入intelliJ idea keybindings,并选择...…
-
教你将Visual Studio Code打造成更加强大的sublime
前言:相信很多学习编程的小伙伴都用过sublime编辑器吧,它是一个很小巧并且功能强大的编辑器但是如果有一天你需要使用vscode,可能你很不适应它的一些习惯 今天小编就教大家将Visual Studio Code打造成sublime的颜色主题起步快捷键对于编辑器就相当于八倍镜对于98K 别管别的,在vscode任意界面,直接就按ctrl+shift+P打开命令面板 输入theme 进入首选项->颜色主题,然后直接就选择monokai主题 现在你会神奇的发现,当前主题...…
-
Vue的项目目录解析
废话不多讲,直接就一个表格 目录/文件 说明 build 项目构建(webpack)相关代码 config 配置目录,包括端口号等。我们初学可以使用默认的。 node_modules npm 加载的项目依赖模块 src 这里是我们要开发的目录,基本上要做的事情都在这个目录里。里面包含了几个目录及文件: assets: 放置一些图片,如logo等。 components: 目录里面放了一个组件文件,可以不用。 App.vue: 项目入口文件,我们也可以直接将组件...…
-
Vue学习笔记
什么是vue.jsvue.js 是目前最火的前端框架,react是最流行的一个前端框架(react除了开发网站,还可以开发手机app,vue语法也是可以进行手机app开发的,需要借助于weex) vue.js 是前端的主流框架之一,和angular.js、react.js 一起,并成为前端三大主流框架! vue.js 是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第三方库或及既有项目整合.(vue有配套的第三方类库,可以整合其起来做大型项目的开发)...…
-
初始化vue项目并启动
初始化vue项目项目起名为vue-playlistvictor@asus:~/WebstormProjects/vuejs/vue_demo2$ vue init webpack vue-playlist确认项目名字,这里我们直接就一个回车,默认的名字不用改? Project name vue-playlist下面是添加对于项目的描述? Project description Vue基础知识作者的信息,默认就行了,直接就一个回车? Author fengming <fengming1...…
-
Vue CLI的安装
关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。Node 版本要求 Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。可以使用下列任...…
-
第35天日报
充实的一天今天继续学习vue每日新词eap: early access programprettifyESLint ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具CSPwebpackgulp reactMVC和MVVM…
-
ES6中let和var的区别
原文链接 let是在ES6中新引入的关键字,用来改进var带来的各种问题。let和var相比,大致有下面几个方面的不同:作用域通过let定义的变量,作用域是在定义它的块级代码以及其中包括的子块中,并且无法在全局作用域添加变量。通过var定义的变量,作用域为包括它的函数作用域或者全局作用域。function varTest() { var x = 1; if (true) { var x = 2; // same variable! console.log(x); ...…
-
ES6中的let命令
基本用法 不存在变量提升 暂时性死区 不允许重复声明基本用法ES6新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1上面代码在代码块之中,分别用let和var声明了两个变量。然后在代码块之外调用这两个变量,结果let声明的变量报错,var声明的变量返回了正确的值。这表明,let声明的变...…
-
ES6中的const命令
const声明一个只读的常量。一旦声明,常量的值就不能改变。const PI = 3.1415;PI // 3.1415PI = 3;// TypeError: Assignment to constant variable.上面代码表明改变常量的值会报错。const声明的变量不得改变值,这意味着,const一旦声明变量,就必须立即初始化,不能留到以后赋值。const foo;// SyntaxError: Missing initializer in const declaration上...…
-
第34天日报
充实的一天今天继续学习vuesass还没看呢每日新词webpackTDZVant轻量、可靠的移动端 Vue 组件库每日看视频如何快速理解这个世界?15分钟极简人类史!驱动式学习视频转换为演讲,一种空洞感,把零散的东西穿起来,有一个钥匙,感觉自己脑容量不够,了解的不详细学历史,政治,生产力与生产关系,能穿起来所问非所答驯化和异化(马克思),穿衣服为了保暖,现在是时尚,从一个基本的温饱问题,后来变成了一种富士康,工人1w->1周假期:干什么???及时享乐就是消费主义,消费主义算是资本主义...…
-
Vue指令大全
Vue指令大全 2 2018.06.06 12:49:13 字数 1222 阅读 28624 1. v-text v-text主要用来更新textContent,可以等同于JS的text属性。 <span v-text="msg"></span> 这两者等价: <span></span...…
-
第33天日报
充实的一天在网易云课堂的Vue2.0小白入门教程最全里学了几节课内容如下Vue2.0小白入门教程-CDNVue-初识Vue及引入CDNVue-实例化Vue对象Vue-数据和方法Vue-属性绑定Vue-事件(点击:双击:鼠标事件)Vue-事件修饰符(once:prev:stop)Vue-键盘事件及键值修饰符(alt:enter)Vue-双向数据绑定Vue-计算属性ComputedVue-动态绑定CSS样式Vue-指令v-if…
-
Vue2.0 中,“渐进式框架”和“自底向上增量开发的设计”这两个概念是什么?
作者:徐飞链接:https://www.zhihu.com/question/51907207/answer/136559185来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。在我看来,渐进式代表的含义是:主张最少。每个框架都不可避免会有自己的一些特点,从而会对使用者有一定的要求,这些要求就是主张,主张有强有弱,它的强势程度会影响在业务开发中的使用方式。比如说,Angular,它两个版本都是强主张的,如果你用它,必须接受以下东西:- 必须使用它的模块机制- 必...…
-
第32天日报
荒废的一天铺页面 ,淘宝的页面淘宝的商品详情页面登录页面,写的巴拉科技每日新词渐进式:Vue2.0 中,“渐进式框架”和“自底向上增量开发的设计”这两个概念是什么? angular :Angular is a platform for building mobile and desktop web applications. Join the community of millions of developers who build compelling user interfaces ...…