vue2.0读书笔记2-进阶】的更多相关文章

一.深入响应式原理 二.过渡效果 三.过渡状态 四.Render函数 五.自定义指令 六.混合 七.插件 八.单文件组件 九.生产环境 十.路由 vue-router: http://router.vuejs.org/ 十一.状态管理vuex 集成到了vue-devtools当中 十二.单元测试(断言等,使用karma进行自动化测试) 十三.服务端渲染    一.深入响应式原理 1.1.如何追踪变化 通过watcher把组件渲染过程中的依赖纪录下来,当依赖项的setter被调用时,watcher…
1.vue的应用场景.优势.劣势 优势 通常情况下,运行时效率更高:一个事件循环仅一次视图更新,无频繁的DOM操作: 数据与视图分离,通过管理数据流,控制页面的展现,便于维护.且高效: 数据双向绑定,表单操作方便.快捷: 代码风格简约,完全符合前端的书写习惯: 组件管理的方式,更便于代码的复用.管理:单文件组件将每一个独立的功能封装在独立文件中,更灵活: 有较好的插件支持:vue-router.vuex.vue-loader等. 劣势 初始化时间长: 要构建虚拟DOM,其代码风格更符合人的读写习…
一.概述 二.模版语法 三.计算属性 四.class与style绑定 五.条件渲染 六.列表渲染 七.事件处理器 八.表单控件绑定 九.组件 一.概述     在底层的实现上, Vue 将模板编译成虚拟 DOM 渲染函数.结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上.   二.模版语法 2.1.插值 2.1.1.文本 a.{{ msg }} b.v-once 指令,你也能执行一次性地插值,当数据改变时,插值处的内容不会更新.      …
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue2.0学习笔记之路由(二)路由嵌套+动画</title> <link rel="stylesheet" href="animate.css"> </head> <body> &…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue2.0学习笔记之路由(二)路由嵌套</title> </head> <body> <div id="app"> <div> <router-link to="/home…
前言: 一.优点: 轻量级.高效率.上手快.简单易学.文档全面而简洁 二.功能: 1.模板渲染 2.模块化 3.扩展功能:路由.Ajax 三.课程包含: 1.Vue实例 2.Vue组件 3.Vue指令 4.内置组件 5.实例方法 6.实例选项 7.实例属性 8.模板渲染 9.条件渲染 10.组件交互 11.标签属性 12.事件绑定 13.计算属性 14.属性监听 15.表单 16.动画 17.vue-cli项目搭建 18.Vue-router理由:实现单页面切换 19.vuex   四.vue.…
#,过滤器 #,在Vue2.x中,过滤器只能在mustache绑定中使用,为了在指令帮定中实现同样的行为,你应该使用计算属性:     #,过滤器可以串联 {{ message | filterA | filterB }} #,条件渲染     #,注意v-if与v-show的区别,v-if是决定是否创建DOM,而v-show则是DOM始终存在,只是改变了显示样式:     #,如果要切换多个元素的时候,我们就使用<template v-if='ok'>:     #,v-if 有更高的切换消…
完整项目见:Github 完整项目中最终使用了ResNet进行分类,而卷积版本较本篇中结构为了提升训练效果也略有改动 本节主要介绍进阶的卷积神经网络设计相关,数据读入以及增强在下一节再与介绍 网络相关参数 输入24*24的图片 卷积->relu激活->最大池化->标准化 卷积->relu激活->标准化->最大池化 全连接:reshape尺寸->384 全连接:192->10 SoftMax 网络实现 git clone https://github.com/…
1. 表单字段 参考: 官方文档 Django表单字段汇总 2. 表单代码示例(forms.Form) # form.py代码 # 获取数据库数据 choices_list = [(i+1,v['typename']) for i,v in \ enumerate(ProductType.objects.values('typename'))] # 自定义数据验证函数 def price_validate(value): if int(value) <= 0: print("******已…
1. 模板内置标签 Django常用内置标签 标签 描述 {% for %} 遍历输出变量的内容 {% if %} 对变量进行条件判断 {% csrf_token %} 生成csrf_token标签,用于防护跨站请求伪造攻击 {% url %} 引用路由配置地址,生成相应的URL地址 {% with %} 将变量名重新命名 {% load %} 加载导入Django的标签库 {% static %} 读取静态资源文件 {% extends xxx %} 模板继承,xxx为模板文件名,使当前模板继…
数据读取部分实现 文中采用了tensorflow的从文件直接读取数据的方式,逻辑流程如下, 实现如下, # Author : Hellcat # Time : 2017/12/9 import os import tensorflow as tf IMAGE_SIZE = 24 NUM_CLASSES = 10 NUM_EXAMPLES_PER_EPOCH_FOR_TRAIN = 50000 NUM_EXAMPLES_PER_EPOCH_FOR_EVAL = 10000 def read_cif…
Chapter 7 Beyond the Fundamentals of Querying window function是什么呢?就是你SELECT出来一个结果集,然后对于每一行,你都想给它对应一个标量(a scalar),而这个标量是通过a subset of rows计算得到的,而这个a subset of the rows其实就是你得到的结果集里面的一个subset(子集).所以说就是把每一行都对应a subset of the rows,而这个对应关系通过OVER指定.举个例子: SE…
vue-cli相当于脚手架,可以帮助我们自动生成模板工程.其内部集成了很多的项目模板,如simple.webpack.webpack-simple等.其中webpack这个项目模板适用于大型项目的开发,因为它内部包含Eslint检查代码规范和单元测试.下面我们主要介绍webpack-simple这个项目模板的使用,因为它和webpack相比,在功能上仅少了Eslint检查代码和单元测试这两部分,没有代码检查,使用起来比较方便. 1.安装vue命令环境 我们可以在任意目录下,打开cmd,键入命令-…
The major advancements in Deep Learning in 2016 地址:https://tryolabs.com/blog/2016/12/06/major-advancements-deep-learning-2016/ 主要挑战是unsupervised learning 无监督学习,2016年大量的研究专注于generative models 生成模型.几大巨头谷歌和脸书分别创新于自然语言处理NLP. 无监督学习 无监督学习指的是在没有额外信息的新数据中,提取…
1. 发送邮件 # settings.py设置 # 邮箱设置 EMAIL_USE_SSL = True # 邮件服务器 EMAIL_HOST = 'smtp.qq.com' # 邮件服务端口 EMAIL_PORT = 465 # 发送邮件账号 EMAIL_HOST_USER = "1223936862@qq.com" # SMTP服务密码 EMAIL_HOST_PASSWORD = "oxwxxxxxgbrvjejc" DEFAULT_FROM_EMAIL = EM…
1. 带变量的URL #urls.py from django.urls import path from .view import * urlpatterns = [ path('',index_views), #添加带有整数的字符类型.整形和slug的URL path('<year>/<int:month>/<slug>',mydate_views), ] URL变量类型: 字符类型 : 默认类型,匹配任何非空字符串,但不含'/' int : 整型 slug : 可…
环境搭建 vue-cli@3    vue-cli@2.X npm i -g @vue/cli 模板语法 文本 <span>Message: {{ msg }}</span> 原始HTML <span v-html="msghtml"></span> 特性 <div v-bind:id="dynamicId"></div> 表达式{{ number + 1 }}  {{ ok ? 'YES' :…
[易错点]:  1.   组件内html代码片段超过一个标签时必须套一个根元素,即template模板子元素只能是一个. 2.   组件名称采用横杠间隔命名时,第一个字母大写会报错.   写法一:全局组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head>…
事件处理 如果需要在内联语句处理器中访问原生DOM事件.可以使用特殊变量$event,把它传入到methods中的方法中. 在Vue中,事件修饰符处理了许多DOM事件的细节,让我们不再需要花大量的时间去处理这些烦恼的事情,而能有更多的精力专注于程序的逻辑处理.在Vue中事件修饰符主要有: .stop:等同于JavaScript中的event.stopPropagation(),防止事件冒泡 .prevent:等同于JavaScript中的event.preventDefault(),防止执行预设…
本系列文章由birdlove1987编写,转载请注明出处. 文章链接:http://blog.csdn.net/zhurui_idea/article/details/25242725 最终要学习矩阵的平移了,通过平移能够处理非常多问题,包含非坐标轴基准的变换问题,不同坐标系转换问题.嘿嘿! 行列式(事实上行列式就是一种计算法则) 在随意矩阵中都存在一个标量,称作该方阵的行列式. 方阵M的行列式记作 |M| 或 det M .非方阵矩阵的行列式是没有定义的. 2 * 2阶矩阵行列式的定义 3 *…
初学VUE2.0 (个人笔记,写完后发现好乱....下期使用markdown书写.) 概述 webstorm添加对VUE的支持 http://www.jianshu.com/p/142dae4f8b51 推荐拓展:vue的chrome开发者工具vuejs-devtools 按F12可看 https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd  效果: 构造器 通过改造函数V…
No1: 客户端与服务器的交互流程: 1)客户端执行网络请求,从URL中解析出服务器的主机名 2)将服务器的主机名转换成服务器的IP地址 3)将端口号从URL中解析出来 4)建立一条从客户端与Web服务器的TCP连接 5)客户端通过输出流向服务器发送一条HTTP请求 6)服务器向客户端回送一条HTTP响应报文 7)客户端从输入流获取报文 8)客户端解析报文,关闭连接 9)客户端将结果显示在UI上 No2: HTTP请求方式: 1)GET 获取服务器中某个资源,www.devtf.cn/artic…
SQL 横转竖 .竖专横 (转载)   普通行列转换 问题:假设有张学生成绩表(tb)如下: 姓名 课程 分数 张三 语文 74 张三 数学 83 张三 物理 93 李四 语文 74 李四 数学 84 李四 物理 94 想变成(得到如下结果): 姓名 语文 数学 物理 ---- ---- ---- ---- 李四 74 84 94 张三 74 83 93 ------------------- */ create table tb(姓名 varchar(10) , 课程 varchar(10)…
[英语魔法俱乐部——读书笔记] 0 序&前沿   0.1 以编者自身的经历引入“不求甚解,以看完为目的”阅读方式,即所谓“泛读”.找到适合自己的文章开始“由浅入深”的阅读,在阅读过程中就会见到各种句型和常见单词,在上下文中学习单词和句型.阅读是积累Input的过程,有了足够的Input才能有Output,从而为写作打下基础. 0.2 异国文化.历史.人文的了解,对实事.政治.新闻.暗语双关文体的理解大有益处. 0.3 <文法俱乐部>是解决句子结构和语法的问题,为阅读和写作打下扎实的基础…
<玩转Django2.0>读书笔记-探究视图 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 视图(View)是Django的MTV架构模式的V部分,主要负责处理用户请求和生成相应的响应内容,然后在页面或其他类型文档中显示.也可以理解为视图是MVC架构里面的C部分(控制器),主要处理功能和业务上的逻辑. 一.构建网页内容 1>.视图函数的retrurn的多种响应类型 在上一个篇博客里我们看到视图函数都是通过return方式返回数据内容的,然后生成响应的网页内容呈现在浏览…
<玩转Django2.0>读书笔记-编写URL规则 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. URL(Uniform Resource Locator,统一资源定位符)是对可以从互联网上得到对资源位置和访问方法对一种简介对表示,是互联网砂锅标准资源的地址.互联网上的每个文件都有一个唯一的URL,用于指出文件的路径为孩子.简单地说,URL就是常说的网址,每个地址代表不同的网页,在Django中,URL也称为URLconf. 一.URL编写规则 如下图所示,在讲解URL编写…
<玩转Django2.0>读书笔记-Django配置信息 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 项目配置是根据实际开发需求从而对整个Web框架编写相应配置信息.配置信息主要由项目对“setting”实现,主要配置有项目路径,密钥配置,域名访问权限,App列表,配置静态资源,配置模板文件,数据配置,中间件和缓存配置. 一.基本配置信息 一个简单对项目必须具备对基本配置信息有:项目路径,密钥配置,域名访问权限,App列表和中间件.以“MyWeb”项目为例,setting…
<玩转Django2.0>读书笔记-Django建站基础 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.网站的定义及组成 网站(Website)是指在因特网上根据一定规则,使用HTML(标准通用标记语言下的一个应用)等工具制作并用于展示特定内容相关网页的集合.简单地说,网站是一种沟通工具,人们可以通过网站来发布自己想要公开的咨询,或者利用网站来提供相应的网络服务,也可以通过网页浏览器来访问网站,获取自己需要的咨询或者享受网络服务. 在早期,域名,空间服务器与程序是网站的…
一个下午看了不少硬件层面的知识,看得太多太快容易忘记.于是在博客上写下读书笔记. 有关硬件 个人计算机架构&接口设备 主板芯片组为“南北桥”的统称,南北桥用于控制所有组件之间的通信. 北桥连接速度较快的组件(CPU.显卡.内存),被称为系统总线. 南桥连接速度较慢的组件(硬盘.USB.网卡),被称为I/O总线. (北桥频率称前端总线速度(FSB Hz),每次传输的位数为总线宽度(bit),总线频宽(M/s)则为“FSB*总线宽度”.) (例:前端总线速度为1600MHz,内存与北桥频宽为12.8…
昨天温故了一下vue2.0的路由 做个笔记简单记录一下! 1.首相和vue1.0一样 要使用vuejs的路由功能需要先引入vue-router.js 2.然后修改原有a标签处代码 这里以一个ul li a 为例 <ul> <li><a href="#"></a></li> <li><a href="#"></a></li> </ul> 使用 rou…