vue 去哪网项目 学习笔记(一)】的更多相关文章

启动项 mian.js 是整个项目的入口程序 定义局部组建 components 是定义的局部组建 template 渲染app里的内容 单文件组建 单文件组建是以vue 结尾的内容 app组建的内容介绍 路由 根据网址的不同返回不同的内容,显示的当前路由地址所对应的内容 app view 的路由显示的helloword 的组件 通过路由找组建 创建网页集合 在src 的目录下创建一个pages 文件夹 在pages 文件夹下创建home 首页文件夹 home 中在创建home.vue 创建一个…
 一.首先安装node.js 根据自己的(windows或mac)系统进行安装node,在开发环境中一般安装LTS版本.安装成功后,在终端输入"node -v"和"npm -v",若出现相应的版本号,说明安装成功 二.代码管理仓库(travel的线上仓库) 1.如果已经有码云账号,在码云上创建一个仓库(具体操作不详细讲述) 2.然后在终端输入指令:“ssh-keygen -t rsa -C "自己的邮箱" “ ,最好与码云上的邮箱一致.点击回车,…
前言: 空余的时间,学学 Java,没准哪天用的到: 环境搭建折腾了好几天,总算搞顺了,也做个学习笔记,以防后面会忘记: 一.安装文件及介绍 JDK:jdk1.8.0 77 eclipse-maven:eclipse-maven tomcat:apache-tomcat-8.0.33 整合资料参考:http://www.iteye.com/blogs/subjects/ssm_demo 这个的配置过程比较简单,搞清楚关系就可以了. 二.maven.springmvc.mybatis 简单介绍 m…
npm install -g vue //全局安装vue npm install -g webpack //全局安装webpack npm install -g vue-cli //全局安装vue-cli //可用淘宝镜像 npm=>cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org生成项目 vue init webpack my-first-vue-project //生成项目名为my-first-vue-pr…
Vue.js起步 Vue.js介绍 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合.另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动. 起步 导入 <!-- 开发环境版本,包含了有帮助的命令行警告 --> <script src="https://cdn.…
前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记. 项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star. 搜索歌手歌曲 搜索历史保存 一.搜索页面布局 search-Box组件开发 <div class="search-box"> <i class="icon-search"></i> <input class="box" v-model…
前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记. 项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star. 歌曲列表 收藏歌曲 一.用户个人中心开发 基础功能开发 设置路由跳转 在components->user-center目录下:创建user-center.vue router->index.js中配置路由: { path: '/user', component: UserCenter } m-header.vue中通过&l…
前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记. 项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star. 当前歌曲播放列表 添加歌曲到队列 components->playlist目录下:创建playlist.vue -- 在play.vue中应用 一..歌曲列表组件显示和隐藏的控制 data中维护一个数据 showFlag: false 使用v-show判断showFlag控制显示隐藏 <div class="pl…
前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记. 项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star. 歌单及详情页 排行榜及详情页 一.歌单详情页开发 歌单详情页布局介绍及Vuex实现路由数据通讯 components->disc目录下:创建disc.vue router->index.js中:给Recommend添加二级子路由Disc { path: '/recommend', component: Recommend,…
前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记. 项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star. 播放模式切换 歌词滚动显示 一.播放器模式切换功能实现 按钮样式随模式改变而改变 动态绑定iconMode图标class: <i :class="iconMode"></i> import {playMode} from '@/common/js/config' iconMode(){ re…
前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记. 项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star. 歌曲列表 歌曲播放 一.子路由配置以及转场动画实现 components->singer-detail目录下:创建singer-detai.vue route->index.js中:引入并配置Singer子路由SingerDetail import SingerDetail from '@/components/singe…
前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记. 项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star. 一.歌手页面布局与设计 需求:联系人列表形式.左右联动的滚动列表.顶部标题随列表滚动而改变 歌手列表 快速入口列表 二.歌手数据接口抓取 api目录下创建singer.js——同recommend.js,依赖jsonp和一些公共参数 import jsonp from '@/common/js/jsonp' import {…
前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记. 上一篇总结了项目概述.项目准备.页面骨架搭建.这一篇重点梳理推荐页面开发.项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star. 一.页面简介+轮播图数据分析 数据:从QQ音乐抓取的真实数据 轮播图 热门歌单推荐 二.JSONP原理介绍 一句话解释JSONP原理:动态生成一个JavaScript标签,其src由接口url.请求参数.callback函数名拼接而成:利用js标签没有…
前言: 学习慕课网Vue高级实战课程后,在实践中总结一些这个项目带给自己的收获,希望可以再次巩固关于Vue开发的知识.这一篇主要梳理:项目概况.项目准备.页面骨架搭建.项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star. 一.项目概况 项目目标: 开发一个媲美原生的移动端音乐App 主页面 用户个人中心 播放器 播放列表 前端技术栈: Vue:用于构建用户界面的 MVVM 框架.它的核心是响应的数据绑定和组系统件 vue-router…
new Vue(Vue 初始化) 一个vue实例化到底经历了什么?已下是博主自己的总结,不正确的地方请指出,谢谢~ 一.简述 从使用角度来看,挂载的顺序如下 1. $slots 2. $scopedSlots 3. beforeCreate 4. inject 5. props 6. methods 7. data 8. computed 9. watch 10. provide 11. created 12. beforeMount 13. mounted 从源码角度来看,运行的顺序如下 Vu…
session中set方法使用 Session::set('user.username.age','18')嵌套使用得出$user = ['username'=>['age'=>18]]; 取出也可以这样Session::get('user.username.age'); 轻松学会Laravel-基础篇 5-4 使用查询构造器查询数据 DB::table(表名)->chunk(每组数量,function($data){ dd($data); if(条件) return false//只查…
通过NGUI和工程素材,学习泰课项目——黑暗之光. 现阶段心得整理: 一.开始界面 开始界面显示顺序为:①白幕渐隐:②镜头拉近:③标题渐显:④按键响应. 1.1 白幕渐隐 NGUI是一个非常强大的插件,将图形文件打包为Atlas后,添加纯白白幕:之后设定白幕Alpha值从255到0,实现白幕渐隐的效果: 1.2 镜头拉近 在调整好镜头的位置后,通过脚本中transform.translate(Vector3.forward*Time.deltaTime)对镜头Z轴进行调整,判断条件为if(tra…
组件化应用的构建 组件化应用允许我们使用小型.独立和通常可复用的组件构建大型应用. Vue注册组件 Vue.component('todo-item',{template:'<li>这是个待办项</li>'}) 根据其构建另一个模板 <ol> <todo-item></todo-item> </ol> 但是这样只能渲染出同样的文字,我们应当将父作用域的值传到子组件中去 Vue.component('todo-item', { // t…
如何让两台处在不同内网的主机直接互连?你需要内网穿透!          上图是一个非完整版内外网通讯图由内网端先发起,内网设备192.168.1.2:6677发送数据到外网时候必须经过nat会转换成对应的外网ip+端口,然后在发送给外网设备,外网设备回复数据也是发给你的外网ip+端口.这只是单向的内去外,那反过来,如果外网的设备需要主动访问我局域网里的某一个设备是无法访问的,因为这个时候还没做nat转换所以外网不知道你内网设备的应用具体对应的是哪个端口,这个时候我们就需要内网穿透了,内网穿透也…
项目介绍: IDCM:Internet Data center monitoring 网络数据中心监控平台 IRP:Information Resource planing 信息资源规划 1.设置表中公共字段 在业务逻辑的表中,都有五个公共字段,如下: `gmt_create` datetime NOT NULL COMMENT '数据新增时间', `creator` varchar(128) NOT NULL DEFAULT '0' COMMENT '创建者', `gmt_modified`…
一.流程分析 1.图书模块 2.分布分析 二.代码 1.view层 1)list.jsp <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <!DOCTYPE H…
这两节主要是说获取商品类别的1 2 3类的列表和某个类的详情 我直接上代码吧 views.py: from .serializers import CategorySerializer class CategoryViewset(mixins.ListModelMixin,# 继承这个类是为了前端请求某个字段的详细内容所用到.# 也就是说 只需要添加继承了这个类 其他地方都不需要在更改,就可以通过get+id获取到某个字段的详情. mixins.RetrieveModelMixin, views…
车牌识别的属于常见的 模式识别 ,其基本流程为下面三个步骤: 1) 分割: 检测并检测图像中感兴趣区域: 2)特征提取: 对字符图像集中的每个部分进行提取: 3)分类: 判断图像快是不是车牌或者 每个车牌字符的分类. 车牌识别分为两个步骤, 车牌检测, 车牌识别, 都属于模式识别. 基本结构如下: 一.车牌检测 1.车牌局部化(分割车牌区域),根据尺寸等基本信息去除非车牌图像: 2.判断车牌是否存在 (训练支持向量机 -svm, 判断车牌是否存在). 二.车牌识别 1.字符局部化(分割字符),根…
1. http://218.244.157.0:55443/index.html 初始访问时,弹出的窗口为index.html文件,文件有html命令组成.html展现的UI界面用的是WIN10-UI,其介绍可在项目文件夹的README.md有所介绍. Win10-UI是一款win10风格的后台UI,让您轻松搭建一个别具一格的后台界面. 本项目html文件中结构主要是head.body.script:map.html和chart.html用到了script:head:解释了该html文件用到的c…
创建Vue实例 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的: var vm=new Vue({ //选项 }) Vue的设计受到了mvvm的启发 当创建一个 Vue 实例时,你可以传入一个选项对象 一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例,以及可选的嵌套的.可复用的组件树组成. 一个 todo 应用的组件树可以是这样的 根实例 └─ TodoList ├─ TodoItem │ ├─ DeleteTodoButton │ └─ Edit…
本机配置cuda8.0使用的cudnn是下面要说的重点,vs2015,win10,1080Ti 下载了开源项目:https://github.com/senlinuc/caffe_ocr 编译的时候报错:caffe_ocr-master/src/caffe/layers/DenseBlock_layer.cu(283): error : too many arguments in function call 调用的地方: CUDNN_CHECK(cudnnSetConvolution2dDesc…
其实在介绍docker的使用和安装之前应该还要介绍虚拟机的安装与配置,以及虚拟网络的配置,但是我使用的是vmware,而视频课使用的是vagrant,这一块我简看的,因此没有过多的介绍,至于vmware的安装配置和虚拟网络的配置我倒是可以给大家推荐两篇博客: VMware 安装 Centos7 超详细过程:https://www.runoob.com/w3cnote/vmware-install-centos7.html VMware虚拟机下Centos7 桥接方式网络配置完整步骤:https:…
一.分析 > 按图名查询(模糊)(分页)> 按作者查询(分页)> 按出版社查询(分页)> 按id查询> 多条件组合查询(分页) 二.代码 1.view层 (1)gj.jsp等 <form action="<c:url value='/BookServlet'/>" method="get"> <input type="hidden" name="method" val…
一.流程分析 二.代码 1.view层 (1)list.jsp <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="…
1.统一中文编码分析 tomcat默认esetISO-8859-1编码,在servlet中,可能通过request的setCharacterEncoding(charset)和response.setContentType("text/html;charset=UTF-8");处理post请求编码,但get请求的编码控制不了,所以,如果请求类型是get,则用装饰者模式把request整个调包 2.EncodingFilter.java package cn.itcast.filter;…