08 2018 档案
摘要：0x00 Redis介绍 Redis是当前比较热门的NOSQL系统之一，它是一个key-value存储系统。和Memcache类似，但很大程度补偿了Memcache的不足，它支持存储的value类型相对更多，包括string、list、set、zset和hash。这些数据类型都支持push/pop、
阅读全文
摘要：REST，即Representational State Transfer的缩写。翻译过来是表现层状态转换。如果一个架构符合REST原则，就称它为RESTful架构。啥叫json-rpc？接口调用通常包含两个部分，序列化和通信协议。常见的序列化协议包括json、xml、hession、protobu
阅读全文
摘要：以下资料搜集自网络 0x00 RPC RPC 即远程过程调用（Remote Procedure Call Protocol，简称RPC），像调用本地服务(方法)一样调用服务器的服务(方法)。通常的实现有 XML-RPC , JSON-RPC , 通信方式基本相同, 所不同的只是传输数据的格式. RP
阅读全文
摘要：在webpack-simple模板中，包括webpck模板。一个.vue文件就是一个组件。 为什么会这样呢？因为webpack干活了！webpack的将我们所有的资源文件进行打包。同时webpack还能将我们的html（template）、css、js文件通过模板编译的方式将这些文件打包成一个.vu
阅读全文
摘要：vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。 GitHub地址是：https://github.com/vuejs/vue-cli 一、安装Nodejs 首先需要安装Node环境。安装完成之后，可以在命令行工具中输入node -v和np
阅读全文
摘要：0x00 前言 vue的核心基础就是组件的使用，玩好了组件才能将前面学的基础更好的运用起来。组件的使用更使我们的项目解耦合。更加符合vue的设计思想MVVM。 那接下来就跟我看一下如何在一个Vue实例中使用组件吧！ 这里有一个Vue组件的示例： Vue.component('Vheader',{ d
阅读全文
摘要：0x00 修饰符 .lazy 在默认情况下，v-model 在每次 input 事件触发后将输入框的值与数据进行同步 。你可以添加 lazy 修饰符，从而转变为使用 change 事件进行同步： <!-- 在“change”时而非“input”时更新 --> <input v-model.lazy=
阅读全文
摘要：vue的核心：声明式的指令和数据的双向绑定。 那么声明式的指令，已经给大家介绍完了。接下来我们来研究一下什么是数据的双向绑定? 另外，大家一定要知道vue的设计模式：MVVM M是Model的简写，V是View的简写，VM就是ViewModel。 0x00 单向绑定和双向绑定的区别 单向绑定非常简单
阅读全文
摘要：0x00 计算属性 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如： <div> {{ message.split('').reverse().join('') }} </div> 在这个地方，模板不再是简单的声明式逻辑。你必须看一段时
阅读全文
摘要：所谓指令系统，大家可以联想咱们的cmd命令行工具，只要我输入一条正确的指令，系统就开始干活了。 在vue中，指令系统，设置一些命令之后，来操作我们的数据属性，并展示到我们的DOM上。 OK，接下来我们一一介绍我们的指令系统的用法。 条件渲染 0x00 v-if 表示条件渲染 在vue中，我们使用v-
阅读全文
摘要：0x00 安装 对于新手来说，强烈建议大家使用<script>引入 0x01 引入vue.js文件 我们能发现，引入vue.js文件之后，Vue被注册为一个全局的变量，它是一个构造函数。 0x02 使用Vue实例化对象 1.创建vue实例对象 <div id="app"> {{ msg }} </d
阅读全文
摘要：vue的作者叫尤雨溪，中国人。自认为很牛逼的人物，也是我的崇拜之神。 关于他本人的认知，希望大家读一下这篇关于他的文章，或许你会对语言，技术，产生浓厚的兴趣。https://mp.weixin.qq.com/s?__biz=MzA5NzkwNDk3MQ==&mid=2650585523&id
阅读全文
摘要：这个是解析我们es6的代码的，为什么要用它呢，因为对于一些ie浏览器，甚至FF浏览器，低版本的还不能识别我们的es6代码，那么vue里面好多还让我们去写es6的代码，这个时候我们就可以用babel这个工具将我们的es6的代码转译成浏览器能识别的代码 左边是我们写的es6代码，右边是通过babel这个
阅读全文
摘要：在这里我仅仅的是对webpack做个讲解，webpack这个工具非常强大，解决了我们前端很繁琐的一些工具流程繁琐的事情。如果感兴趣的同学，简易还是看官网吧。 中文链接地址：https://www.webpackjs.com/ 0x00 为什么要使用Webpack 现今的很多网页其实可以看做是功能丰富
阅读全文
摘要：0x00 NPM是什么 简单的说，npm就是JavaScript的包管理工具。类似Java语法中的maven，gradle，python中的pip。 0x01 NPM安装 傻瓜式的安装。 第一步：打开https://nodejs.org/en/ 第二步： 第三步：我们为了统一版本，虽然node.js
阅读全文
摘要：0x00 前言 打开Nodejs英文网：https://nodejs.org/en/ 中文网：http://nodejs.cn/ 我们会发现这样一句话： 翻译成中文如下： Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非
阅读全文
摘要：0x00 准备工作 JavaScript 语言中，生成实例对象的传统方法是通过构造函数。 function Animal(name,age){ this.name = name; this.age = age; } Animal.prototype.showName = function(){ co
阅读全文
摘要：0x00 对象的单体模式 为了解决箭头函数this指向的问题 推出来一种写法 对象的单体模式 1 var person = { 2 name:'小马哥', 3 age:12, 4 fav(){ 5 console.log(this.name,this.age); 6 } 7 } 8 person.f
阅读全文
摘要：0x00 箭头函数 基本语法： ES6允许使用“箭头”（=>）定义函数 var f = a = > a //等同于 var f = function(a){ return a; } 如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。 //无形参 var f = () => 5; /
阅读全文
摘要：0x00 模板字符串 传统的JavaScript语言，输出模板通常是这样的写的。 1 $('#result').append( 2 'There are <b>' + basket.count + '</b> ' + 3 'items in your basket, ' + 4 '<em>' + b
阅读全文
摘要：0x00 起步 1.扎实的HTML/CSS/Javascript基本功，这是前置条件。 2.不要用任何的构建项目工具，只用最简单的<script>，把教程里的例子模仿一遍，理解用法。不推荐上来就直接用 vue-cli 构建项目，尤其是如果没有 Node/Webpack 基础。 另外在这里大家补充点E
阅读全文
摘要：Ajax简介 AJAX（Asynchronous Javascript And XML）翻译成中文就是“异步Javascript和XML”。即使用Javascript语言与服务器进行异步交互，传输的数据为XML（当然，传输的数据不只是XML,现在更多使用json数据）。 同步交互：客户端发出一个请求
阅读全文
摘要：创建模型 实例：我们来假定下面这些概念，字段和关系 作者模型：一个作者有姓名和年龄。 作者详细模型：把作者的详情放到详情表，包含生日，手机号，家庭住址等信息。作者详情模型和作者模型之间是一对一的关系（one-to-one） 出版商模型：出版商有名称，所在城市以及email。 书籍模型： 书籍有书名和
阅读全文
摘要：在写文章之前，首先感谢 飞友科技 陆老师提供的文档。。 声明一下：下面的优化方案都是基于 “ Mysql-索引-BTree类型 ” 的 0x00 EXPLAIN 做MySQL优化，我们要善用 EXPLAIN 查看SQL执行计划。 下面来个简单的示例，标注(1,2,3,4,5)我们要重点关注的数据 t
阅读全文
摘要：0x00 前言 类，在学习面向对象我们可以把类当成一种规范，这个思想就我个人的体会，感觉很重要，除了封装的功能外，类作为一种规范，我们自己可以定制的规范，从这个角度来看，在以后我们学习设计模式的时候，对设计模式的理解会很有帮助。其次，语言中类是抽象的模板，用来描述具有相同属性和方法的对象的集合，比如
阅读全文
摘要：0x00 前言 相信每一个前端er对于跨域这两个字都不会陌生，在实际项目中应用也是比较多的。但跨域方法的多种多样实在让人目不暇接。老规矩，碰到这种情况，就只能自己总结一篇博客，作为记录。 0x01 什么是跨域 跨域一词从字面意思看，就是跨域名嘛，但实际上跨域的范围绝对不止那么狭隘。具体概念如下：只要
阅读全文
摘要：0x00 前言 解释Python的反射，先提一个简单的需求，现在我有一个简易的网站，由两个文件组成，一个是具体执行操作的commons.py文件，一个是入口文件index.py，现在我需要在入口文件中设置，让用户输入url，根据用户输入的url去后端执行相应的操作，内容如下： 上面我使用了if判断，
阅读全文
摘要：0x00 引言 官方文档：http://www.django-rest-framework.org/drf为我们提供强大的通用view的功能，本博客对这些view进行简要的总结分析。首先，我们看一下主要的几种view以及他们之间的关系。 这其中，还涉及了mixins，主要也分为5类： 0x01 dj
阅读全文
摘要：0x00 引言 本篇对drf中的mixins进行简要的分析总结。Mixins在drf中主要配合viewset共同使用，实现http方法与mixins的相关类与方法进行关联。 在这个viewset中，只要有5类Minxin，他们与http方法对应如下： 下面，我们将逐个Mixins介绍! 0x01 C
阅读全文