主要内容第一节 - 创建最简单的输入框第二节 - 添加简单的验证功能第三节 - 显示验证失败的错误信息第四节 - 创建表单第五节 - ngModelGroup简介第六节 - 表单添加验证状态样式第七节 - 表单控件的状态第八节 - 使用单选控件第九节 - 使用多选控件阅读须知本教程的开发环境及开发语言：Angular 4 +Angular CLITypeScript基础知识Angular CLI 基本使用安装Angular CLI(可选)npm install -g @angular/cli创建新的项目ng new PROJECT-NAME启动本地服务器cd PROJECT-NAME ng serveAngular Forms 简介Angular 4 中有两种表单：Template Driven Forms - 模板驱动式表单 (类似于 AngularJS 1.x 中的表单 )Reactive Forms - 响应式表单本文主要介绍 Template Driven Forms (模板驱动式表单) 的基础知识，相关的知识点会以问答的形式进行介绍。第一节 - 创建最简单的输入框如何实现双向绑定？在 Angular 表单中，我们通过ngModel指令来实现双向绑定。import { Component } from '@angular/core'; @Component({ sel ...继续阅读 (31)

唠叨最近公司在开发一个社交管理后台，看一遍线框图后发现需要富文本编辑器我便找会上两年开发的vue-tinymce组件，可惜的是组件支持还是vue1，所以这个组件需要升级支持vue2。然后有朋友问我为何不用现有的？因为看一圈回来发觉比较不靠谱的啊，全部都需要赋予id值（明明可以内部处理的为何要外部传入？），实在看不下去结果还是完善自己写的这个没多少收藏的库吧:)关于 vue-tinymcevue-tinymce只是基于tinymce封装的vue组件，让用vue的同学能快速使用tinymce富文本编辑器。过程从tinymce开始接下来分享一些开发过程中的一些问题，首先要学会初次化，我们先来看看tinymce的官方例子：DOCTYPE htmlNext, get a free TinyMCE Cloud API key!tinymce.init({ selector:'textarea' //or // target: document.querySelector('textarea') });能看出tinymce需要引入全局才能使用，就没其他方式了？于是我找了一下npmjs.org有的有的，可以用import引入。于是不用想立马写个例子试试# index.htmlDOCTYPE htmlNext, get a free TinyM ...继续阅读 (9)

很多重视技术的互联网公司在工程师招聘的技术面环节都会要求候选人在纸上写代码（后文用“纸上代码”代称），面试官想通过这种方式考察哪些点？候选人该注意哪些点？本文基于美团早几年常用的一道区分度比较高的面试题来做详细讲解，这道题我现在还在用，面过的人很多，但是纸上代码环节能答到满分的少之又少。本文为《破解前端面试》系列文章的第 3 篇，前 2 篇链接在这里：闭包篇、DOM 篇。为什么要纸上代码？纸上代码（也有可能在白板上写）的做法乍看起来不够人性，但如果你是团队的 Leader，什么样的人能更好的融入团队？如果你是老板，你愿意掏钱养什么样的员工？纸上代码的基本目的就是考察候选人是否具备出活的能力，附带考察候选人是否思路灵活、知识面广。纸上代码环节怎么考察出活的能力？首先是出活的速度，没有编码基本功的人快速出活的概率是极低的，100% 依赖百度或者 IDE 自动完成才能完成基本任务的工程师算不上合格的工程师；其次是出活的质量，通过编码过程可以了解候选人通过学习和训练积累下来的编码风格、思考方法等；此外，通过纸上代码也可以了解候选人接受和完成任务的主动性，是不是愿意接受任何团队需要完成的任务。某种程度上说，纸上代码过程就是今后工作的缩影，既然如此，面试时排练下不是挺好的么？纸上代码该怎么做？通常来说，纸上代码都不会问特别复杂的问题，很可能只是完成非常通用的需求，解决实际遇到的业务问题，或者用 ...继续阅读 (11)

JSON(Javascript Object Notaion, javascript 对象表示法)， 是一种数据交换格式，能够在服务器端交换数据， 2001年由Douglas Crockford提出，目的是取代繁琐笨重的XML格式。JSON 数据格式的优点：与语言无关的文本数据格式轻量、简单、易维护是javascript编程语言的一个子集(Standard ECMA-262 3rd Edition - December 1999)， 符合javascript 语言语法，可以使用javascript提供的方法直接解析处理JSON 建立在两种数据结构上：键 / 值对：各种语言中可以为 字符串、对象、数组或者哈希表有序列表（值）：各种语言中实现为数组、向量、列表或者序列JSON的基本语法：JSON 对象{ "key": "value" }JSON 数组["value", "value", "value"]value 可取值可以是 String(必须使用双引号包裹)、Number、Boolean、null、Object、Array, 这些形式可以嵌套，value值不能是八进制、十六进制（0xF0F）、undefined、function、日期对象，看下面示例：合格的 JSON 格式：{ "name": "煦涵", "name": null, "male ...继续阅读 (24)

上一篇介绍了 TiDB 如何存储数据，也就是 TiKV 的一些基本概念。本篇将介绍 TiDB 如何利用底层的 KV 存储，将关系模型映射为 Key-Value 模型，以及如何进行 SQL 计算。关系模型到 Key-Value 模型的映射在这我们将关系模型简单理解为 Table 和 SQL 语句，那么问题变为如何在 KV 结构上保存 Table 以及如何在 KV 结构上运行 SQL 语句。假设我们有这样一个表的定义：CREATE TABLE User { ID int, Name varchar(20), Role varchar(20), Age int, PRIMARY KEY (ID)， Key idxAge (age) };SQL 和 KV 结构之间存在巨大的区别，那么如何能够方便高效地进行映射，就成为一个很重要的问题。一个好的映射方案必须有利于对数据操作的需求。那么我们先看一下对数据的操作有哪些需求，分别有哪些特点。对于一个 Table 来说，需要存储的数据包括三部分：表的元信息Table 中的 Row索引数据表的元信息我们暂时不讨论，会有专门的章节来介绍。对于 Row，可以选择行存或者列存，这两种各有优缺点。TiDB 面向的首要目标是 OLTP 业务，这类业务需要支持快 ...继续阅读 (12)

...继续阅读 (27)

Unsafe简单讲一下这个类。Java无法直接访问底层操作系统，而是通过本地（native）方法来访问。不过尽管如此，JVM还是开了一个后门，JDK中有一个类Unsafe，它提供了硬件级别的原子操作。这个类尽管里面的方法都是public的，但是并没有办法使用它们，JDK API文档也没有提供任何关于这个类的方法的解释。总而言之，对于Unsafe类的使用都是受限制的，只有授信的代码才能获得该类的实例，当然JDK库里面的类是可以随意使用的。从第一行的描述可以了解到Unsafe提供了硬件级别的操作，比如说获取某个属性在内存中的位置，比如说修改对象的字段值，即使它是私有的。不过Java本身就是为了屏蔽底层的差异，对于一般的开发而言也很少会有这样的需求。举两个例子，比方说：public native long staticFieldOffset(Field paramField);这个方法可以用来获取给定的paramField的内存地址偏移量，这个值对于给定的field是唯一的且是固定不变的。再比如说：public native int arrayBaseOffset(Class paramClass); public native int arrayIndexScale(Class paramClass);前一个方法是用来获取数组第一个元素的偏移地址，后一个方法是用来获取数组的转换因子即数 ...继续阅读 (41)

ä¸€čˆŹčŽ¤ä¸şĺąžäşŽçťŸčŽĄĺ­Śçš„ć˜Żçşżć€§ć¨Ąĺž‹ďźˆçťŸčŽĄé‡Œé˘ç ”çŠśçš„ćœ€ä¸şćˆç†Ÿďź‰ă€SV1MďźˆćŻ•çŤŸć˜ŻçťŸčŽĄĺ­ŚĺŽśćĺ‡şćĽçš„ďź‰ă€lasso、compressive sensing、sparse modeling、boostrappingç­‰ďźŒäź çťŸçš„p-value, tçťŸčŽĄé‡ă€AIC,BICéƒ˝ć˜ŻçťŸčŽĄçš„ďź›ä¸€čˆŹčŽ¤ä¸şĺąžäşŽćœşĺ™¨ĺ­Śäš çš„ć˜ŻçĽžçťç˝‘çťœă€čšçž¤äź˜ĺŒ–ă€é—äź çŽ—ćł•ă€ćˇąĺşŚĺ­Śäš ç­‰ďźŒä¸€čˆŹć•°ĺ­ŚĺŸşçĄ€ä¸ć˜Żĺžˆç‰˘ĺ›şďźŒĺŻšĺ¤ć‚çš„ä˝Žĺ™ŞéŸłé—Žé˘˜ćŻ”čžƒé€‚ĺˆďź›çťŸčŽĄĺ’Œćœşĺ™¨ĺ­Śäš éƒ˝ć˛žčžšçš„ć˜ŻboostingďźŒćœ€ĺź€ĺ§‹adaboostć˜ŻčŽĄçŽ—ćœşçš„äşşćĺ‡şćĽďźŒä˝†ĺŞć˜ŻäşŒĺ…ƒĺˆ†çąťďźŒçť™ĺ‡şäş†çŽ—ćł•ďźŒć•°ĺ­ŚĺŸşçĄ€ä¸ç‰˘ďź›ç„śĺŽć–Żĺ ...继续阅读 (24)

Vue里v-model和v-show等都属于核心指令，除此之外，也可以自己写一些自定义指令。虽然和组件（components）比起来，这些属于锦上添花的小技巧，不过对于大面积的使用，抽取出一些公共方法，放到指令里，有时候能起到事半功倍的效果。指令可以通过全局注册，也可以局部注册，这一点和组件类似。指令提供了几个钩子函数，主要是bind（绑定到元素时调用）、unbind（解绑时调用）、inserted（被绑定元素插入到父节点时调用）、update（被绑定元素所在的模版更新时调用）、componentUpdate（被绑定元素所在模版完成一次更新周期时调用）。这几个钩子函数的参数：el（指令绑定的元素）、binding、vnode、oldVnode，其中binding是个很有意思的参数。官方给的说明binding: 一个对象，包含以下属性：name: 指令名，不包括 v- 前缀。value: 指令的绑定值， 例如： v-my-directive=”1 + 1″, value 的值是 2。oldValue: 指令绑定的前一个值，仅在 update 和 componentUpdated 钩子中可用。无论值是否改变都可用。expression: 绑定值的字符串形式。 例如 v-my-directive=”1 + 1″ ， expression 的 ...继续阅读 (15)

修改完成不能及时刷新，提交表单不能刷新，有问题解决吗网友回复：陈***：form表单，bindsubmitEventHandle携带 form 中的数据触发 submit 事件，event.detail = {value : {'name': 'value'} , formId: ''}自己绑定事件,自己做页 ... ...继续阅读 (15)

原文链接前言前一阵子记录了promise的一些常规用法，这篇文章再深入一个层次，来分析分析promise的这种规则机制是如何实现的。ps:本文适合已经对promise的用法有所了解的人阅读,如果对其用法还不是太了解，可以移步我的上一篇博文。本文的promise源码是按照Promise/A+规范来编写的（不想看英文版的移步Promise/A+规范中文翻译）引子为了让大家更容易理解，我们从一个场景开始讲解，让大家一步一步跟着思路思考，相信你一定会更容易看懂。考虑下面一种获取用户id的请求处理//例1 function getUserId() { return new Promise(function(resolve) { //异步请求 http.get(url, function(results) { resolve(results.id) }) }) } getUserId().then(function(id) { //一些处理 })getUserId方法返回一个promise，可以通过它的then方法注册(注意注册这个词)在promise异步操作成功时执行的回调。这种执行方式，使得异步调用变得十分顺手。原理剖析那么类似这种功能的Promise怎么实现呢？其实按照上面一句话，实现一个最 ...继续阅读 (32)

前言原文地址最近几天花了比较长的时间在koa(1)的源码分析上面，初次看的时候，被中间件执行那段整的晕乎乎的，完全不知道所以，再次看，好像明白了些什么，再反复看，我去，简直神了，简直泪流满面，简直丧心病狂啊！！！more用在前面下面的例子会在控制台中打印出一些信息(具体打印出什么？可以猜猜😀)，然后返回hello world。let koa = require('koa') let app = koa() app.use(function * (next) { console.log('generate1----start') yield next console.log('generate1----end') }) app.use(function * (next) { console.log('generate2----start') yield next console.log('generate2----end') this.body = 'hello world' }) app.listen(3000)用过koa的同学都知道添加中间件的方式是使用koa实例的use方法，并传入一个generator函数，这个generator函数可以接受一个next(这个next到底是啥？这里先不阐明，在后面会仔细说明)。执行use干了嘛这是koa的构造函 ...继续阅读 (12)

Spring boot 读取配置文件, 有如下几种方法1. 直接利用Spring @Value 注解2. 利用@PropertySource("classpath:xxx.properties") 与 @Value 注解配合3. @PropertySource("classpath:xxx.properties") 与 @ConfigurationProperties 注解配合采用这三种常见的方法，甚至可以直接用配置文件组装复杂的对象都可以一，直接利用Spring @Value 注解直接在使用的类中使用,比如:程序代码@Servicepublic class MyCommandService {        @Value("${name:unknown}") private String name; public String getMessage() { return getMessage(name); } public String getMessage(String name) { return "Hello " + name; }}二. 利用@PropertySource("classpath:xxx.properties") 与 @V ...继续阅读 (78)

现在大部分高级编程语言的标准库都会提供几种常用的数据结构，诸如线性表、链表、栈、队列、哈希表等等，可以满足日常开发中的大部分需求，开发人员只要调用接口就行了。这导致有一些半路出家的程序员觉得学习数据结构没有必要，更有甚者，不仅自身满足于成为一个API Caller，还对外大肆宣扬底层无用论，误导了一些心存迷茫的初学者。其实哪怕从实用的角度讲，学习数据结构也是非常必要的。至少了解每种数据结构的特性，对于其优缺点和适用场景做到心中有数，在使用的时候才能得心应手。举个最简单的例子，我们知道线性表中的元素在空间上是连续的，对其进行查找操作十分方便，但若是要进行插入和删除操作，则需要移动其中的元素，在数据量非常大的时候效率并不高；相反，链表中的元素是通过指针相连，在空间上并不连续，查找的时候需要从首元素开始通过指针进行，效率并不高，但在插入和删除时，只需要改变目标位置的指针即可，并不需要移动元素。所以对于只需要查询或修改操作的数据当然是使用线性表为好，而对于需要进行大量增删操作的数据，则使用链表为宜，在实际开发中应根据具体情况进行选择权衡。若是对数据结构一无所知，那写出的代码质量着实令人堪忧。出来混，迟早是要还的。在我的理解中，编程，其实就是个建模+实现的过程。现在最主流的编程范式是FP（函数式编程）和OOP（面向对象编程），当然最流行的还是OOP，鼓吹的人非常多，说得神乎其神，搞得很多初学 ...继续阅读 (7)

原文收录在我的 GitHub博客 (https://github.com/jawil/blog)，喜欢的可以关注最新动态，大家一起多交流学习，共同进步，以学习者的身份写博客，记录点滴。在一个Web项目中，注册，登录，修改用户信息，下订单等功能的实现都离不开提交表单。这篇文章就阐述了如何编写相对看着舒服的表单验证代码。假设我们正在编写一个注册的页面，在点击注册按钮之前，有如下几条校验逻辑。所有选项不能为空用户名长度不能少于6位密码长度不能少于6位手机号码必须符合格式邮箱地址必须符合格式注：为简单起见，以下例子以传统的浏览器表单验证，Ajax异步请求不做探讨，浏览器端验证原理图：简要说明：这里我们前端只做浏览器端的校验。很多工具可以在表单检验过后、浏览器发送请求前截取表单数据，攻击者可以修改请求中的数据，从而绕过JavaScript，将恶意数据注入服务器，这样会增加XSS（全称 Cross Site Scripting）攻击的机率。对于一般的网站，都不赞成采用浏览器端的表单验证方法。浏览器端和服务器端双重验证方法在浏览器端验证方法基础上增加服务器端的验证，其原理如图所示，该方法增加服务器端的验证，弥补了传统浏览器端验证的缺点。若表单输入不符合要求，浏览器端的Javascript验证能很快地给出响应，而服务器端的验证则可以防止恶意用户绕过Javascript验证，保证最终数据的准确性。H ...继续阅读 (19)

1 简单描述在某些业务需求下，对于模型的某些字段，使用JSONField适配业务，但是这种字段在django admin下显示以及修改不是很直观和方便，所以这里动了念头，美化处理下JSONField。环境如下：python 3.5.2django 1.11.1postgresql 9.5.22 步骤以及代码示例说明比如创建了一个模型# -*- coding: utf-8 -*- from django.db import models from django.contrib.postgres.fields import JSONField class Book(models.Model): """book model""" name = models.CharField('书籍名称', max_length=40, blank=True, default='') extra_data = JSONField('扩展数据', default={}) create_time = models.DateTimeField('创建时间', auto_now_add=True) def __str__(self): return self.name class Meta: verbose_name = ' ...继续阅读 (7)

分布式缓存是网站服务端经常用到的一种技术，在读多写少的业务场景中，通过使用缓存可以有效地支撑高并发的访问量，对后端的数据库等数据源做到很好地保护。现在市面上有很多分布式缓存，比如Redis、Memcached以及阿里的Tair等，不管我们使用的哪种缓存产品，基本上都会遇到缓存击穿、缓存失效以及热点key的问题。如何有效地防止这些问题，也是我们在享受缓存带来的红利地同时，必须要解决地难题。通常我们在使用缓存时候都是先检查缓存中是否存在，如果存在直接返回缓存内容，如果不存在就直接查询数据库然后再缓存查询结果返回，例如下图所示，缓存使用.png缓存击穿：查询一个数据库中不存在的数据，比如商品详情，查询一个不存在的ID，每次都会访问DB，如果有人恶意破坏，很可能直接对DB造成过大地压力。缓存击穿的解决方案：当通过某一个key去查询数据的时候，如果对应在数据库中的数据都不存在，我们将此key对应的value设置为一个默认的值，比如“NULL”，并设置一个缓存的失效时间，这时在缓存失效之前，所有通过此key的访问都被缓存挡住了。后面如果此key对应的数据在DB中存在时，缓存失效之后，通过此key再去访问数据，就能拿到新的value了。缓存失效：在高并发的环境下，如果此时key对应的缓存失效，此时有多个进程就会去同时去查询DB，然后再去同时设置缓存。这个时候如果这个key是系统中的热点key或者 ...继续阅读 (13)

Swift 跟 OC 有着完全不同的设计哲学，它鼓励你使用 protocol 而不是 super class，使用 enum 和 struct 而不是 class，它支持函数式特性、范型和类型推导，让你可以轻松封装异步过程，用链式调用避免 callback hell。如果你还是用 OC 的思维写着 Swift 代码，那可以说是一种极大的资源浪费，你可能还会因为 Swift 弱鸡的反射而对它感到不满，毕竟 Swift 在强类型和安全性方面下足了功夫，如果不使用 OC 的 runtime，在动态性方面是远不如 OC 的。OOP 和消息传递非常适合 UI 编程，在这方面来说 OC 是非常称职的，整个 Cocoa Touch 框架也都是面向对象的，所以对于 iOS 开发来说，不管你使用什么语言，都必须熟悉 OOP。在 UI 构建方面，无论是 Swift 还是 OC，无非都是调用 API 罢了，在有自动提示的情况下，其实编码体验都差不多。那 Swift 相比于 OC 的优势到底体现在什么地方呢，我认为是 UI 以外的地方，跟 UI 关系越小，Swift 能一展拳脚的余地就越大，譬如网络层。讲到网络层就绕不开 Alamofire，Alamofire 几乎是现在用 Swift 开发 iOS App 的标配，它是个很棒的库，几乎能满足所有网络方面的日常需求，但如果对它再封装一下的话，不仅使用起来更 ...继续阅读 (15)

最近在看TypeScript，遇到这样一个情况。项目创建组件是这样的：new ComboCheck({ type: '', customCls: '', onClick: null, items: [], value: [] });options是个结构复杂的参数，定义它的结构是不是要单独定义一个ComboCheckOptions接口？这样感觉不太合适，求教有没有好点的办法。 ...继续阅读 (16)

一.相关概念树：树是一种由n(n>=0)个节点组成的具有层次结构的数据结构。树具有一个根节点，每个节点有零个或多个子节点。树树的高度：树的高度指树中节点的层数。例如，上图中树的高度为3，一般将根节点的层次定为0，下一层为1，再下一层为2……。二叉树：二叉树是一种特殊的树。每个节点最多只有两个子节点。二叉树二叉查找树：二叉查找树是一种特殊的二叉树。其左子树的节点中的值都小于等于根节点，右子树的节点中的值都大于等于根节点。因此，前序遍历二叉查找树，将会得到从小到大的有序列表。二叉查找树平衡二叉树：平衡二叉树是一种特殊的二叉查找树。它的任意节点的左右子树的高度差不超过1。平衡二叉树的高度为log(n)，其中n为节点个数。平衡二叉树红黑树：红黑树也是一种特殊的二叉查找树，并且平均查找性能要由于平衡二叉树。红黑树具有如下性质：（1）节点是红色或黑色（2）根节点是黑色（3）每个红色节点的两个子节点都是黑色（4）从任一节点到其每个叶子的所有路径都包含相同数目的黑色节点红黑树二.类定义TreeMap的定义如下：public class TreeMapextends AbstractMapimplements NavigableMap, Cloneable, java.io.Serializable它与HashMap在类声明上的唯一区别是HashMap实现了Map接口，而TreeMap实现了Navi ...继续阅读 (4)

一切尽在不言中，直接上代码：varobj = {"01":"Hello World!","02":"Hello Human!"}; alert(obj["02"]);这有时候会在编码过程中带来莫大的方便。 ...继续阅读 (92)

裁剪(Clipping)元素用来定义裁剪路径（我更愿意叫裁剪范围，因为内部可以是任何封闭的形状）。需要被裁剪的svg元素，通过style="clip-path:url(#clipPathId)"来指定根据clipPath范围裁剪，超出clipPath封闭形状外的部分将被隐藏。style="clip-path: url(#clip)"可以被用在形状元素和元素上。Text Colorful ClipclipPath也可以通过改变clipPathUnits属性来调整其所在坐标系，属性值默认为userSpaceOnUse，可改为objectBoundingBox，相应内部数值变为百分数。蒙版(Masking)简单来说，蒙版可以理解为附加在指定元素上的透明度属性。蒙版透明的区域，指定元素相应的区域就透明，蒙版不透明的区域，指定元素相应的区域就不透明。说到蒙版的透明度，就不得不说代表色彩空间的r(Red)g(Green)b(Blue)a(Alpha)，红绿蓝还有透明度值都会影响蒙版的透明度。蒙版透明度的计算公式为：(0.2125 * red value + 0.7154 * green value + 0.0721 * blue value) * opacity value其中所有的value值域均为0~1。可以看出蓝色的透明系数最小，即表示蓝色的透明度最弱，相应绿色的透明度最强。根据上面公式 ...继续阅读 (18)

InUsing iterators to write highly composeable code, we saw that thestaged approachto data transformation is decomposed, but duplicates the entire data set. Whereas, thesingle pass approachis more efficient, but the code was entangled and monolithic.Now we’re going to look at an interesting approach for building composeable pipelines of transformations without incurring a memory penalty,transducers.Let’s start with a review of reducing (a/k/a “folding”):reducersAreduceris a function that takes an accumulation and a value, and folds the value into the accumulation. For example, if[1, 2, 3]is an ...继续阅读 (22)

流体排版这一词似乎看上去有点陌生，在英文中常把他称之为Fluid Typography，当然也有很多朋友称之为流体字号（Fluid Size）。大概的意思就是Web排版中的font-size会根据浏览器窗口的大小自动改为。比如下图所示的一个效果：看到上图的效果，大家首先可能会想到的是CSS中的Viewport单位vw或者vh之类，当然也可能会认为是通过媒体查询来改变元素font-size来实现的。事实上，他们都能实现类似的效果，但问题是我们想要精确的实现流体排版（根据视窗大小变化精确改变font-size的值），那并不是件容易的事情。那问题来了，我们有没有方法可以实现所谓的精准流体排版呢？答案是肯定的，接下来我们就要来探讨这方面的实现思路、细节以及使用到的一些数学公式。实现思路精准流体排版最核心的就是浏览器视窗大小改变时，font-size能够根据视窗的大小做到精准的变化。当用户收缩和拉大浏览器窗口时，其大小有一个变化，在CSS中，咱们通过把每一个大小点称为断点，断点也是媒体查询中一个重要的概念。除此之外，如果我们用Viewport单位来描述的话，视窗大小始终是100vw。如果font-size设置为2vw，那么其大小就是浏览器窗口宽度的2%，当窗口拉到1000px时，这个时候font-size对应的是20px。原理是不是很简单，而且其中还涉及到一些数学计算，CSS中动态计算的话， ...继续阅读 (55)

之前我们学过用v-model进行双向数据绑定：var vm = new Vue({ el:"#root", data:{ comment:"这是一条评论" } });而且，提到过，v-model只能用于表单控件，如果用于其他元素，比如p:那么就会报错:v-model is not supported on this element type. If you are working with contenteditable, it's recommended to wrap a library dedicated for that purpose inside a custom component.它会提示用custom component，即自定义组件。在使用自定义组件之前，先来看看v-model的另外一种等价写法:该过程很好理解，首先，动态绑定输入控件的value属性到comment变量上，然后对input事件进行监控，实时同步comment的值。如果用这种写法，就可以对p等元素进行双向绑定了。由于p元素没有value属性，可以使用v-text或者插值：{{ comment }}或者:现在，我们对评论的内容进行过滤，效果如下：可以使用自定义组件，比如：如何让组件的v-model生效呢？需要按照 Vue ...继续阅读 (2)

代码：[root@oracle-cluster-3 shell]# cat define_variable_in_func.sh var_1="1" echo "Before change value is: [$var_1]" function change_value() { eval func_variable="$1" func_new_value="$2" #"`eval echo $func_variable`"="$func_new_value" eval $func_variable=\"${func_new_value}\" } change_value "var_1" "$1" echo "After change value is: [$var_1]" [root@oracle-cluster-3 shell]# [root@oracle-cluster-3 shell]# sh define_variable_in_func.sh "hello world" Before change value is: [1] After change value is: [hello world] [root@oracle-cluster-3 shell]# [root@oracle-cluster-3 shell]# sh defin ...继续阅读 (45)

在 sourceforge.net 上找的一个poi, sheet的工具类，以后可以参考下。package net.sf.jett.util;import java.math.BigDecimal;import java.math.BigInteger;import java.util.ArrayList;import java.util.Calendar;import java.util.Date;import java.util.HashMap;import java.util.List;import java.util.Map;import java.util.Stack;import org.apache.poi.hssf.usermodel.HSSFWorkbook;import org.apache.poi.hssf.util.HSSFColor;import org.apache.poi.ss.usermodel.Cell;import org.apache.poi.ss.usermodel.CellStyle;import org.apache.poi.ss.usermodel.Color;import org.apache.poi.ss.usermodel.CreationHelper;import o& ...继续阅读 (56)

1 概述AFURLRequestSerialization主要实现了根据不同情况和参数初始化NSURLRequest对象的功能。只有AFHTTPSessionManager有requestSerialization，默认是AFHTTPRequestSerializer对象。尤其是我们使用MultipartForm请求的时候，可以使用它帮我们完成繁杂的请求头拼接过程，这个是最值得推荐的。在阅读源码之前，一定要对multipart/form-data非常熟悉，不然会有很多地方看不懂。具体可以看AFNetWorking源码之AFHTTPSessionManager关于它的那部分。2 AFURLRequestSerialization的api分析AFURLRequestSerialization包含了四个部分：全局方法:AFPercentEscapedStringFromString和AFQueryStringFromParameters。协议AFURLRequestSerialization提供了一个序列化parameters参数的方法。我们可以把参数转换为查询字符串、HTTP请求体、设置恰当的请求头等。AFHTTPRequestSerializer继承自AFURLRequestSerialization协议。提供了查询字符串/URL格式的参数序列化、默认请求头处理。同时以提供HTTP状 ...继续阅读 (19)

Android Gradle manifestPlaceholders 占位符详解在实际项目中,AndroidManifest里十几个地方的值是需要动态的改变(生成apk文件的时候).如果每次去改也可以,但是累啊,在我之前他们打包是用手动替换,但我觉得这是是在没办法的办法,但是有了manifestPlaceholders占位符后就简单的多了,只需要改一个地方就行了.1. 概括下面介绍下manifestPlaceholders占位符的使用,其实很好理解,你可以认为它可以在build.gradle文件中定义字符串并将值映射到AndroidManifest清单文件的指定位置.下面说下使用方法:2. AndroidManifest 文件定义占位符部分代码如下:// 这是在Activity 标签下// 这是在Activity 标签下总结如下:${你定义名称}当然${}的前后面直接添加字符串.例如:android:value="${test_value_activity}" android:value="headword${test_value}append_word"3. build.gradle 给占位符赋值部分代码如下:defaultConfig { applicationId "com.didikee.wififriend" minSdkVersion ...继续阅读 (9)

没有太多可以说的，直接列脚本：[root@oracle-cluster-3 shell]# cat var_gen.sh var_list="a b c" var_init_value=1 for var_item in $var_list do eval loop_var_name="$var_item" eval $loop_var_name=$var_init_value eval echo "current variable is: '$'$loop_var_name, value is: \$$loop_var_name" if [ `eval echo '$'$loop_var_name` -eq 2 ] then echo "item is 2" fi let var_init_value++ echo "" done [root@oracle-cluster-3 shell]# [root@oracle-cluster-3 shell]# sh var_gen.sh current variable is: $a, value is: 1 current variable is: $b ...继续阅读 (41)