Redis 字符串数据类型的相关命令用于管理 redis 字符串值，基本语法如下：语法[root@tiejiangSRC2 ~]# redis-cli 127.0.0.1:6379> COMMAND KEY_NAME实例redis 127.0.0.1:6379> SET runoobkey redis OK redis 127.0.0.1:6379> GET runoobkey"redis"在以上实例中我们使用了 SET 和 GET 命令，键为 runoobkey。Redis 字符串命令下表列出了常用的 redis 字符串命令：序号命令及描述1SET key value设置指定 key 的值2GET key获取指定 key 的值。3GETRANGE key start end返回 key 中字符串值的子字符4GETSET key value将给定 key 的值设为 value ，并返回 key 的旧值(old value)。5GETBIT key offset对 key 所储存的字符串值，获取指定偏移量上的位(bit)。6MGET key1 [key2..]获取所有(一个或多个)给定 key 的值。7SETBIT key offset value对 key 所储存的字符串值，设置或清除指定偏移量上的位(bit)。8SETEX key seconds value将值 ...继续阅读 (86)

Redis 字符串数据类型的相关命令用于管理 redis 字符串值，基本语法如下：语法redis 127.0.0.1:6379> COMMAND KEY_NAME实例redis 127.0.0.1:6379> SET runoobkey redis OK redis 127.0.0.1:6379> GET runoobkey "redis"在以上实例中我们使用了 SET 和 GET 命令，键为 runoobkey。Redis 字符串命令下表列出了常用的 redis 字符串命令：序号命令及描述1SET key value设置指定 key 的值2GET key获取指定 key 的值。3GETRANGE key start end返回 key 中字符串值的子字符4GETSET key value将给定 key 的值设为 value ，并返回 key 的旧值(old value)。5GETBIT key offset对 key 所储存的字符串值，获取指定偏移量上的位(bit)。6MGET key1 [key2..]获取所有(一个或多个)给定 key 的值。7SETBIT key offset value对 key 所储存的字符串值，设置或清除指定偏移量上的位(bit)。8SETEX key seconds value将值 value 关联到 key ，并将 key 的过期时间设为 seco ...继续阅读 (84)

作者：Ole Begemann，原文链接，原文日期：2017-03-08译者：Cwift；校对：walkingway；定稿：CMB假设你有一个结构体：struct Person { var name: String }并且让其遵守Equatable：extension Person: Equatable { static func ==(lhs: Person, rhs: Person) -> Bool { return lhs.name == rhs.name } }实际的效果满足预期：Person(name: "Lisa") == Person(name: "Lisa") // → true Person(name: "Lisa") == Person(name: "Bart") // → falseEquatable 的一致性是脆弱的不幸的是，同我在上一篇文章中讲到的枚举的例子一样，这种方式实现的 Equatable 的一致性是非常脆弱的：每次向结构体中添加属性时，你都必须记得去更新== 函数的实现。如果忘记的话，Equatable 的一致性就会被打破，这个 bug 多久会被发现取决于测试的质量 —— 这里编译器无法提供任何帮助。例如，向该结构体中增加另一个字段：struct Person { var name: String ...继续阅读 (8)

声明：本文中部分引用了喵神博客中关于JSON处理的举例在iOS开发中，只要你的APP和网络打交道，那么基本上处理JSON是必须的。在Objective – C里面处理JSON就非常方便了，你可以随意的使用各方大神的开源库(YYModel,Mantle,MJExtension…)来处理，整个过程无痛无氧，顺滑如丝，因为Objective – C可以使用runtime非常自由。举个例子:// jsonString ------ 引用自喵神的博客 {"menu": { "id": "file", "value": "File", "popup": { "menuitem": [ {"value": "New", "onclick": "CreateNewDoc()"}, {"value": "Open", "onclick": "OpenDoc()"}, {"value": "Close", "onclick": "CloseDoc()"} ] } }}在Objective – C，如果你使用开源库来解析，非常简单，一句话：Menu *menu = [Menu yy_modelWithJSON:json]; ...继续阅读 (2)

设计api的时候遇到了一个奇怪的错误 代码如下：const mongoose = require('mongoose'); const Schema = mongoose.Schema; const CategorySchema = new Schema({ store : {type: String, required: true, unique: true}, categories : [{ parent : String, name : String, }], }, { timestamps: false, }); CategorySchema.index({store: 1}); module.exports = mongoose.model('Category', CategorySchema);建模好了之后储存没问题，但是查询的时候就出现了如下错误(node:15444) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): ValidationError: CastError: Cast to String failed for value "{ ...继续阅读 (14)

简言在没有出现Node.js之前，JavaScript还是运行在浏览器端，对于处理Unicode编码的字符串数据很容易，但是对于处理二进制以及非Unicode编码的数据无能为力，但是对于Server端操作TCP以及文件I/O的处理是必须的。在Node.js里面提供了Buffer类处理二进制的数据，可以处理各种类型的数据。并且在Node.js里面一些重要模块net、http、fs中的数据传输以及处理都有Buffer的身影，因为一些基础的核心模块都要依赖Buffer，所以在node启动的时候，就已经加载了Buffer，我们可以在全局下面直接使用Buffer。创建Buffer对象：new Buffer不安全？在v6.0之前创建Buffer对象直接使用new Buffer()构造函数来创建对象实例，但是Buffer对内存的权限操作相比很大，可以直接捕获一些敏感信息，所以在v6.0以后，官方文档里面建议使用Buffer.from()接口去创建Buffer对象。直接对比buffer.js的源码，看看两者有什么区别// Buffer构造函数的源码 function Buffer(arg, encodingOrOffset, length) { if (typeof arg === 'number') { if (typeof encodingOrOffset ...继续阅读 (1)

捣鼓了一个HTML表单校验组件，基于jQuery。 请前辈指教。使用方法请参见 index.html，等有时间了，我再写个简单的上手说明。https://github.com/itonyday/xValidator使用方法： 注册校验规则：$("#btn2").click(function () { $("#box1").validator({ name: { required: { value: true, msg: "name is requried." } // , minlength: 2 // , maxlength: { // value: 4, // msg: "最多4个字符。" // } ...继续阅读 (22)

使用 jsinspect 检测前端代码库中的重复/近似代码从属于笔者的Web 前端入门与工程实践，更多前端相关学习资料推荐阅读前端每周清单第6期：Angular 4.0学习资源，Egg.js 1.0发布，六问CTO程序员如何成长、泛前端知识图谱（Web/iOS/Android/RN）。在开发的过程中我们往往会存在大量的复制粘贴代码的行为，这一点在项目的开发初期尤其显著；而在项目逐步稳定，功能需求逐步完善之后我们就需要考虑对代码库的优化与重构，尽量编写清晰可维护的代码。好的代码往往是在合理范围内尽可能地避免重复代码，遵循单一职责与 Single Source of Truth 等原则，本部分我们尝试使用jsinspect对于代码库进行自动检索，根据其反馈的重复或者近似的代码片进行合理的优化。当然，我们并不是单纯地追求公共代码地完全剥离化，过度的抽象反而会降低代码的可读性与可理解性。jsinspect 利用 babylon 对于 JavaScript 或者 JSX 代码构建 AST 语法树，根据不同的 AST 节点类型，譬如 BlockStatement、VariableDeclaration、ObjectExpression 等标记相似结构的代码块。我们可以使用npm全局安装jsinspect命令：Usage: jsinspect [options]Detect copy-past ...继续阅读 (3)

描述符是一种在多个属性上重复利用同一个存取逻辑的方式，他能”劫持”那些本对于self.__dict__的操作。描述符通常是一种包含__get__、__set__、__delete__三种方法中至少一种的类，给人的感觉是「把一个类的操作托付与另外一个类」。静态方法、类方法、property都是构建描述符的类。我们先看一个简单的描述符的例子（基于我之前的分享的Python高级编程改编，这个PPT建议大家去看看）：1234567891011classMyDescriptor(object):_value =''def__get__(self, instance, klass):returnself._valuedef__set__(self, instance, value):self._value = value.swapcase()classSwap(object):swap = MyDescriptor()注意MyDescriptor要用新式类。调用一下：123456789In [1]:fromdescriptor_exampleimportSwapIn [2]: instance = Swap()In [3]: instance.swap# 没有报AttributeError错误，因为对swap的属性访问被描述符类重载了Out[3]:''In [4]: instance.swap ...继续阅读 (17)

在iOS项目开发过程中，我们经常会用到将从服务器获取的 json 转 model 的操作，我们可以使用 Swift 提供的setValuesForKeys或者 Objective-C 提供的setValuesForKeysWithDictionary方法来完成这一操作。使用上面两个方法只能将字典转换成 model , 如果 json 最外层是个数组，那么我们就必须在循环中使用这个方法，这非常不方便， 而且还有个条件，就是 model 中的所有属性名必须跟字典中的 key 完全对应，这样就会遇到另外一个问题，如果我们字典中的一个 key 与系统关键字重名，那我们在 model 就不能使用这个 key 作为属性名了。为了解决上面的问题，我们会使用一些第三方库去完成字典转模型的操作，例如 MJExtension 。由于它是一个 OC 的库，所以在 Swift 项目中需要引入桥接文件。在 Swift 中使用其 API 时其实是很不 swift 的。所以现在我们就用 Swift 3.0 来写一个 swift style 的 json 转模型的库吧。例如我们有这样的两个 model:class User: NSObject { var name: String? var age = 0 var desc: String? } class Repos: NSObject ...继续阅读 (8)

1.1 JavaScript 案例我们为什么要选择 JavaScript 来编程？就是因为它的灵活。如果我们对函数式编程有过了解的话，我们就知道 ECMAScript 5 中 Array 有很多原型方法，例如 map、forEach、filter……，这些都属于函数式编程。也就是说，JavaScript “天生”就支持函数式编程。[1, 2, 3].forEach(n => { console.log(n * n); }); // 1 // 4 // 9再举一个小例子，所有的 JavaScript 函数都有一个 apply 方法，它使得我们可以用一个数组来调用函数，其中，数组的元素作为函数的参数。我们就来使用它，创建一个名为 splat 的函数，它接收一个参数 fn，并返回另一个函数，这样一来，传入函数 splat 的数组的元素就是函数 fn 的参数：function splat(fn) { return function (array) { return fn.apply(null, array); }; } const addArrayElements = splat((x, y) => x + y); addArrayElements([1, 2]); // 3这就是我们函数式编程的初试 —— 一个返回函数的函数。需要注意的是， ...继续阅读 (10)

JavaScript中一个运算符优先级问题引发的思考题目假设val已经声明,可定义为任何值。则下面js代码有可能输出的结果为:console.log('Value is ' + (val != '0') ? 'define' : 'undefine');A.Value is defineB.Value is undefineC.defineD.undefineE.Value is define 或者 Value is undefineF.define 或者 undefineG.其它选项都有可能如果是你，你会选什么呢？可以说，大部分人都会在A、B、E中选择，以为重点在后面的三目运算符，前面字符串原样输出就是了。但是答案是C。分析因为我们忽略了运算符的优先级。要知道，加号+优先级高于三目运算? :，低于括号()。不管(val != '0')的真假，'Value is ' + (val != '0')是一个字符串并且转换成布尔值一定是true！下面我们来具体分析里面的每一部分。先来看看括号里面的情况，题目已经说了：假设val已经声明,可定义为任何值。所以，(val != '0')的值可以是true或者false，那么这个就涉及到JavaScript的一些隐式转换逻辑。众所周知，0 == '0' // true null == undefined // true false == '0 ...继续阅读 (11)

前言本篇主要介绍Runtime在开发中的一些使用场景，顺便讲解了下MJExtension的底层实现。如果喜欢我的文章，可以关注我微博:袁峥Seemygo,也可以来小码哥，了解下我们的iOS培训课程。后续还会更新更多内容。。。一、runtime简介RunTime简称运行时。OC就是运行时机制，也就是在运行时候的一些机制，其中最主要的是消息机制。对于C语言，函数的调用在编译的时候会决定调用哪个函数。对于OC的函数，属于动态调用过程，在编译的时候并不能决定真正调用哪个函数，只有在真正运行的时候才会根据函数的名称找到对应的函数来调用。事实证明：在编译阶段，OC可以调用任何函数，即使这个函数并未实现，只要声明过就不会报错。在编译阶段，C语言调用未实现的函数就会报错。二、runtime作用1.发送消息方法调用的本质，就是让对象发送消息。objc_msgSend,只有对象才能发送消息，因此以objc开头.使用消息机制前提，必须导入#importmessage.h>消息机制简单使用/ 创建person对象 Person *p = [[Person alloc] init]; // 调用对象方法 [p eat]; // 本质：让对象发送消息 objc_msgSend(p, @selector(eat)); // 调用类方法的方式：两种 / ...继续阅读 (13)

1、多线程介绍多线程优点资源利用率好程序设计简单服务器响应更快多线程缺点设计更复杂上下文切换的开销增加资源消耗线程需要内存维护本地的堆栈，同时需要操作系统资源管理线程。2、并发模型并发系统可以有多种并发模型，不同的并发模型在处理任务时，线程间的协作和交互的方式也不同。并行工作者委托者将任务分配到不同的现场去执行,每个工作者完成整个任务。工作者们并行运作在不同的线程上，甚至可能在不同的CPU上。如图所示:优点:很容易理解和使用。缺点:共享状态会很复杂共享的工作者经常需要访问一些共享数据，无论是内存中的或者共享的数据库中的。在并行工作者模型中，线程需要以某种方式存取共享数据，以确保某个线程的修改能够对其他线程可见。线程需要避免竟态，死锁以及很多其他共享状态的并发性问题。无状态的工作者共享状态能够被系统中得其他线程修改。所以工作者在每次需要的时候必须重读状态，以确保每次都能访问到最新的副本，不管共享状态是保存在内存中的还是在外部数据库中。工作者无法在内部保存这个状态（但是每次需要的时候可以重读）称为无状态的。每次都重读需要的数据，将会导致速度变慢，特别是状态保存在外部数据库中的时候。任务顺序是不确定的作业执行顺序是不确定的。无法保证哪个作业最先或者最后被执行。流水线模式类似于工厂中生产线上的工人们那样组织工作者。每个工作者只负责作业中的部分工作。当完成了自己的这部分工作时工作者会将作业转 ...继续阅读 (20)

背景现代C++提供了一些很好的特性可以让我们实现优雅、高效的异步操作，今天向大家简要地介绍一下。std::asyncstd::async(std::launch::async | std::launch::deferred, f, args...)f为需要异步执行的函数，args为f函数的参数，第一个参数可选，在Visiual C++中默认为std::launch::async,即创建的future对象在创建完成后立即异步执行，当第一个参数为std::launch::deferred时表示future对象延迟执行。样例代码#include#include#include#includeusing namespace std; int main(){ auto future1 = async([](int &&x;)->int{ auto ret = 0; for(auto i = 0; i < x; i++){ this_thread::sleep_for(chrono::seconds(1)); ret += i; cout << "Task 1 calculating to " << x - 1 << " and now the turn is " << i << ...继续阅读 (14)

在介绍 Observable 之前，我们要先了解两个设计模式：Observer Pattern - (观察者模式)Iterator Pattern - (迭代器模式)这两个模式是 Observable 的基础，下面我们先来介绍一下 Observer Pattern。Observer Pattern观察者模式定义观察者模式是软件设计模式的一种。在此种模式中，一个目标对象管理所有相依于它的观察者对象，并且在它本身的状态改变时主动发出通知。这通常透过呼叫各观察者所提供的方法来实现。此种模式通常被用来实时事件处理系统。 — 维基百科观察者模式又叫发布订阅模式（Publish/Subscribe），它定义了一种一对多的关系，让多个观察者对象同时监听某一个主题对象，这个主题对象的状态发生变化时就会通知所有的观察者对象，使得它们能够自动更新自己。我们可以使用日常生活中，期刊订阅的例子来形象地解释一下上面的概念。期刊订阅包含两个主要的角色：期刊出版方和订阅者，他们之间的关系如下：期刊出版方 - 负责期刊的出版和发行工作订阅者 - 只需执行订阅操作，新版的期刊发布后，就会主动收到通知，如果取消订阅，以后就不会再收到通知在观察者模式中也有两个主要角色：Subject (主题) 和 Observer (观察者) 。它们分别对应例子中的期刊出版方和订阅者。接下来我们来看张图，从而加深对上面概念的理解。观 ...继续阅读 (6)

表单是前端非常重要的一块内容，并且往往包含了错误校验等逻辑。React对表单元素做了专门的优化处理，他对表单元素做了一些抽象，使得他们的使用方式更统一更规范。约束性和非约束性组件表单里面出来了一个新的概念叫“约束性组件”。那么如何理解约束性组件和非约束性组件呢。约束性组件，简单的说，就是由React管理了它的value，而非约束性组件的value就是原生的DOM管理的。他们的写法上也有很大区别。非约束性组件这么写：这个 defaultValue 其实就是原生DOM中的 value 属性。这样写出的来的组件，其value值就是用户输入的内容，React完全不管理输入的过程。而约束性组件是这么写的：//...省略部分代码 handleChange: function(e) { this.setState({name: e.target.value}); }这里，value属性不再是一个写死的值，他是 this.state.name，而 this.state.name 是由 this.handleChange 负责管理的。这个时候实际上 input 的 value 根本不是用户输入的内容。而是onChange 事件触发之后，由于 this.setState 导致了一次重新渲染。不过React会优化这个渲染过程，实际它依然是通过设置input的value来实现的。但是一定要注意，约束性 ...继续阅读 (9)

Android自定义动画系列三，今天来分享第三个自定义Loaidng动画，同样的先起了一个名字叫旋转的叶子，还是老规矩先介绍，后上图。实现效果在最后，GIF有点大，手机流量请三思。介绍首先依旧是声明，做这些动画的初衷是为了学习和分享，所以希望大家可以指点错误，让我更好的进步。从这里起，我做一个系列的加载动画（截止时间：我放弃的时候）。上一个动画链接：Android自定义动画-StarLoadingView正文今天这个动画是我做上个蹦跶的星星时，无意中绘制出来的图形，感觉挺好看的，就把它做了出来，部分代码如下：先是初始化，参数定义如下注释@Override protected void initParams(Context context) { initPaint(); //最外层半径 mStarOutR = getAllSize(); //外层贝塞尔曲线中间值 mStarOutMidR = mStarOutR * 0.9f; //内层半径 mStarInR = mStarOutR * 0.7f; //内层贝塞尔曲线中间值 mStarInMidR = mStarOutR * 0.3f; //中心圆半径 ...继续阅读 (3)

RxJava2RxJava2 发布已经有一段时间了，是对 RxJava 的一次重大的升级，由于我的一个库cv4j使用了 RxJava2 来尝鲜，但是 RxJava2 跟 RxJava1 是不能同时存在于一个项目中的，逼不得已我得把自己所有框架中使用 RxJava 的地方以及App 中使用 RxJava 的地方都升级到最新版本。所以我整理并记录了一些已经填好的坑。填坑记录1. RxJava1 跟 RxJava2 不能共存如果，在同一个module中同时使用RxJava1和RxJava2，类似如下：compile 'io.reactivex.rxjava2:rxandroid:2.0.1' compile 'io.reactivex.rxjava2:rxjava:2.0.7' compile 'io.reactivex:rxandroid:1.2.0' compile 'io.reactivex:rxjava:1.1.5'那么，很不幸你会遇到这样的错误Rxjava1和Rxjava2无法共存.jpeg同理，在 App 中如果使用了 Rxjava2，但是某个第三方的 library 还在使用 Rxjava1 也会遇到同样的错误。上面的错误是因为 RxAndroid 2.0.1 本身依赖了 RxJava 2.0.1。我们尝试去掉对 RxJava 的依赖，只留下 RxAndroid 。还是会遇 ...继续阅读 (14)

@[tools|c++|json]概述JSON的全称为：JavaScript Object Notation，顾名思义，JSON是用于标记Javascript对象的，JSON官方的解释为：JSON是一种轻量级的数据传输格式。本文并不详细介绍JSON本身的细节，旨在记录及介绍如何使用C++语言来处理JSON使用JsonCPP库处理Jsoncpp是个跨平台的开源库，首先从https://github.com/open-source-parsers/jsoncpp上下载jsoncpp库源码。关于Jsoncpp代码的编译这里就不多说了，在jsoncpp/makefiles/目录里有msvc2010和vs71两个文件夹，根据windows本地安装的编译器，找到相应目录下的jsoncpp.sln，双击打开运行，默认生成静态链接库。 在工程中引用，只需要include/json及.lib文件即可。当然，也可以直接将源码文件加入到自己的工程目录下，跟随你的源码一起编译到程序里面，这样也相当于实现了跨平台JsonCPP类简介jsoncpp中所有对象、类名都在namespace Json中，包含json.h即可。Jsoncpp主要包含以下三个类：Json::Value 是jsoncpp中最基本、最重要的类，用于表示各种类型的对象，jsoncpp支持的对象类型可见Json::ValueType枚举值。J ...继续阅读 (14)

首先要解释一下什么是“赢家的诅咒”。 赢家的诅咒并不代表你付出的超过了物品的实际价值的钱，即便你付出了价格小于你的最大支付意愿，你依然有可能是被诅咒的。Common Value和Private Value在两个名词，这个时候是和直觉是相反的：Private Value是指各花入各眼，同一个东西，你一个心理价位，我一个心理价位，我们对这件物品的评价体系是不一样的，但是我们对价格的分布的理解是有共识的，比如都在100万到1000万之间的均匀分布；而Common Value则是指这件拍卖品上有一些价值是我们共同认可的，比如一件花瓶，如果是宋朝的，我们都认可它值1000万，如果是明朝，我们都认可它值得100万，但是具体是宋朝还是明朝，可能有些出价者知道，有些出价者不知道，所以Common Value就是在大家有共识的基础上，每个人可能还有自己私人信息的比较优势。故而Private Value信息虽然是私有的，但是拍卖品并不存在一个“大家共同认可的价值”；而Common Value 虽然存在“大家共同认可的价值”，但是对这个价值的概率分布每个出价者又不一样。而赢家的诅咒只出现在“Common Value”下。我们来看一个具体的例子，比如有一件古董分两个部分，一个杯子一个茶壶；你什么都不知道，只知道两个东西的价格都分别要么是0，要么是100，所以这一套茶具的期望价格是100元；相反，你的竞争对 ...继续阅读 (18)

这两天上班接手，别人留下来的爬虫发现一个很好玩的 SQL脚本拼接。只要你的Scrapy Field字段名字和 数据库字段的名字 一样。那么恭喜你你就可以拷贝这段SQL拼接脚本。进行MySQL入库处理。具体拼接代码如下：def process_item(self, item, spider): if isinstance(item, WhoscoredNewItem): table_name = item.pop('table_name') col_str = '' row_str = '' for key in item.keys(): col_str = col_str + " " + key + "," row_str = "{}'{}',".format(row_str, item[key] if "'" not in item[key] else item[key].replace("'", "\\'")) sql = "insert INTO {} ({}) VALUES ({}) ON DUPLICATE KEY UPDATE ".format(table_name ...继续阅读 (20)

有时候，真的不愿意用xmanager连服务器，再用GUI界面去创建、删除数据库，所以摸索了一下静默方式。以下内容是以oracle11gR2为参照版本的。1、静默方式建库oracle用户的主目录touch一个db_create.rsp文件，编辑该文件，内容如下：[GENERAL] RESPONSEFILE_VERSION = "11.2.0.1.0" OPERATION_TYPE = "createDatabase" [CREATEDATABASE] GDBNAME = "tasdb" TEMPLATENAME = "General_Purpose.dbc" CHARACTERSET = "ZHS16GBK" oracle.install.db.InstallEdition = EE SYSPASSWORD = oracle SYSTEMPASSWORD = oracle MEMORYPERCENTAGE = "15"responsefile_version 响应文件版本，其实就是数据库版本operation_type 静默操作类型于下的内容请看稍后的响应文件例子。之后，执行这个命令开始建库dbca -silent -responseFile ./db_create.rsp2、静默方式删库oracle用户的主目录touch一个db_remove.rsp文件，编辑该文件，内容如下：[ ...继续阅读 (12)

关于如何在 Weex 上使用 Vanilla 代码写页面, 在前面有一篇文章已经介绍过了:https://hashnode.com/post/run...大致上, 可以参考这个 Demo, 其实就是一些 DOM 操作,https://github.com/alibaba/we...所以我明确的一个事实是 Weex 确实有一套 DOM API,而且这套 API 应该说是所有基于 Weex 的框架的基础, 像 Weex, Rax, 甚至如果有 Angular 版本.在 Weex 仓库里可以看到目前有 4 个框架, 其中 Vanilla 对应没有框架,https://github.com/apache/inc...但实际上这个代码已经过时了, 比如后来的weex全局变量没有的完成,所以为了方便我在本地开发, 我自己基于 Vue fork 了一个版本, 用来试验,https://gist.github.com/jiyin...试验项目可以从 GitHub 上看, 用单个文件生成的 Todolist:https://github.com/mvc-works/...最终的界面:在这个 Todolist 当中我实现了基本的增删改功能, 但明显确实一下功能:清除已读的任务排序没有做是因为太难实现了, 虽然也不是那么难, 但作为试验项目主要的目的吧,我主要还是未来试验 Weex 的 DOM API ...继续阅读 (10)

node-socketBased on node.js tcp socket of TLV packet structure （Node端基于TLV二进制协议格式进行封装的socket工具库，包括粘包断包处理）Install$ npm install --save node-socketUsage// for client const socket = require('node-socket').client socket.connect(options, onConnected, onReceived) function onReceived (tag, value) { switch (tag){ case TAG_FROM_REGIST_SUCCESS: // send message to server socket.send(1, { token: '123' }) break; case TAG_FROM_REGIST_FAIL: break; } } // for server const server = require('node-socket').server ...继续阅读 (5)

代码如下所示：class Home extends Component { render() { const { carousels: { value = [] } = {} } = this.props; return ({ value.map((item,index) => (</img> )) } </Carousel> </div> ); } }carousels是在Home组件的父组件中通过异步请求获得，然后通过props传到Home组件中的。carousels中的value是一个数组，包含了图片的url。现在的话图片加载出来就是Carousel组件的默认高度，只有100px。然后如果自动轮播或者滑动的话图片的高度才会出来。我想了一下原因大概是一开始value是空的，然后没有图片，组件就把组件高度设为了默认高度100px，就定死了。当图片的数据传下来以后，因为一开始组件已经把组件 ...继续阅读 (3)

英文原文：https://v8project.blogspot.sg...过去几个月 V8 团队聚焦于提升新增的 ES2015 的一些性能、提升最近一些其他 JavaScript 新特性的性能，使其能够达到或超越相应的 ES5 的性能。出发点在我们讨论这些不同的改进之前，要先了解在当前的 Web 开发中，已经有了广为使用的 Babel 作为编译器，为什么还要考虑 ES2015+ 的性能问题：首先，有一些新的 ES2015 特性是只有 polyfill 时需要的。例如Object.assign函数。当 Babel 转译“object spread property”的时候（在 React 和 Redux 中经常碰到），就会依赖Object.assign来替代 ES5 中相应的函数（如果VM环境支持的话）。polyfill ES2015 的新特性往往会增加代码的 size，这些 ES2015 特性却有助于缓解当前的web 性能危机，尤其像在手机设备这样的新兴市场上。在这样一种情况下，代码的解析和的成本将会很高。最后，客户端的 JavaScript 运行环境只是依赖于 V8 引擎的环境之一，还有服务端的Node.js应用和工具等，它们都不需要转译成 ES5 代码，而直接使用最新的 V8 版本就可以使用这些新特性了。一起来看一下下面这段Redux 文档中的代码：function todoA ...继续阅读 (29)

最近做一个项目，应该来说比较简单的输入框验证ip地址而已，允许空值首先是对ip地址进行检验匹配是否正确，开始我在指令中是这样写的。我输入空格后会提示输入有误，可是这就有一个问题了，我在输入框中删除空格后提示并不会消失，我就想应该先判断dns是否输入空格，可是各种姿势过后我发现没有办法区分是否输入空格。/** * 检验ip */ jbconsole.directive('checkIp', [function () { return { require: "ngModel", link: function (scope, element, attr, ngModel) { if (ngModel) { var ipRegexp = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/; } var customValidator = function (value) { if (/^\s+ ...继续阅读 (16)

iView2 来了两个星期的紧张开发，iView 终于发布了支持 Vue.js 2.x 的 2.0.0-rc.1 版本。该版本以 iView 1.x 为基础进行修改，完全保留了 43 个 UI 组件，针对 Vue 2.x 的特性，对一些 API 进行了调整，比如表单类组件充分利用 v-model 来替代 .sync。整体性能也大幅度提升。2.0 版本地址(已将 2.0 分支更改为默认分支，1.0 在 master)：https://github.com/iview/iviewiView 2 开发实践我们会在3月23日晚8点在 segmentfault 直播关于 iView 2 的组件开发实践，进一步介绍在升级过程中的开发经验和对部分组件的分析，偏干货。报名费用：1元，报名地址：https://segmentfault.com/l/15...微信扫描二维码：更新日志目前已发布至 npm，2.0 文档还需一段时间，但很快会发布新版本的 iView Cli 来支持 iView 2 。以下是一些升级中的日志线索，如有任何问题，欢迎到 GitHub 提交 issues：Button需使用 @click.nativeInput使用 v-model，增加 on-input-change // todo 考虑更名RadioGroup使用 v-modelRadiovalue 改为了 label，使用 ...继续阅读 (20)

iView2 来了两个星期的紧张开发，iView 终于发布了支持 Vue.js 2.x 的 2.0.0-rc.1 版本。 该版本以 iView 1.x 为基础进行修改，完全保留了 43 个 UI 组件，针对 Vue 2.x 的特性，对一些 API 进行了调整，比如表单类组件充分利用 v-model 来替代 .sync。整体性能也大幅度提升。2.0 版本地址(已将 2.0 分支更改为默认分支，1.0 在 master)：https://github.com/iview/iviewiView 2 开发实践我们会在3月23日晚8点在 segmentfault 直播关于 iView 2 的组件开发实践，进一步介绍在升级过程中的开发经验和对部分组件的分析，偏干货。 报名费用：1元，报名地址：https://segmentfault.com/l/1500000008614960微信扫描二维码：更新日志目前已发布至 npm，2.0 文档还需一段时间，但很快会发布新版本的 iView Cli 来支持 iView 2 。以下是一些升级中的日志线索，如有任何问题，欢迎到 GitHub 提交 issues：Button需使用 @click.nativeInput使用 v-model，增加 on-input-change // todo 考虑更名RadioGroup使用 v-modelRadiovalue ...继续阅读 (7)