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

原文链接前言前一阵子记录了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怎么实现呢？其实按照上面一句话，实现一个最 ...继续阅读 (31)

前言原文地址最近几天花了比较长的时间在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的构造函 ...继续阅读 (11)

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 ...继续阅读 (66)

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

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

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 = ' ...继续阅读 (5)

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

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 的标配，它是个很棒的库，几乎能满足所有网络方面的日常需求，但如果对它再封装一下的话，不仅使用起来更 ...继续阅读 (11)

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

一.相关概念树：树是一种由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 ...继续阅读 (2)

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

裁剪(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。可以看出蓝色的透明系数最小，即表示蓝色的透明度最弱，相应绿色的透明度最强。根据上面公式 ...继续阅读 (17)

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 ...继续阅读 (20)

流体排版这一词似乎看上去有点陌生，在英文中常把他称之为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中动态计算的话， ...继续阅读 (54)

之前我们学过用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 ...继续阅读 (1)

代码：[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 ...继续阅读 (39)

在 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& ...继续阅读 (49)

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状 ...继续阅读 (18)

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 ...继续阅读 (8)

没有太多可以说的，直接列脚本：[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 ...继续阅读 (40)

异步编程模式在前端开发过程中，显得越来越重要。从最开始的XHR到封装后的Ajax都在试图解决异步编程过程中的问题。随着ES6新标准的出来，处理异步数据流的解决方案又有了新的变化。Promise就是这其中的一个。我们都知道，在传统的ajax请求中，当异步请求之间的数据存在依赖关系的时候，就可能产生很难看的多层回调，俗称”回调地狱”（callback hell）。另一方面，往往错误处理的代码和正常的业务代码耦合在一起，造成代码会极其难看。为了让编程更美好，我们就需要引入promise来降低异步编程的复杂性。PromisePromise对象是一个返回值的代理，这个返回值在promise对象创建时未必已知。它允许你为异步操作的成功返回值或失败信息指定处理方法。 这使得异步方法可以像同步方法那样返回值：异步方法会返回一个包含了原返回值的promise对象来替代原返回值。 ——MDN我们来看一下官方定义，Promise实际上就是一个特殊的Javascript对象，反映了”异步操作的最终值”。”Promise”直译过来有预期的意思，因此，它也代表了某种承诺，即无论你异步操作成功与否，这个对象最终都会返回一个值给你。先写一个简单的demo来直观感受一下：const promise = new Promise((resolve, reject) => ...继续阅读 (24)

被alibaba从C++调剂到Java岗位，仍在面试中，然而对Java并不熟悉，基础很差，故整理而学习之。同时询问，简书又没TOC功能的替代？没有目录很艰难[TOC]线程安全线程安全当多个线程类并发操作某类的某个方法，在该方法的内部来修改这个类的某个成员变量的值，不会出错，我们就说，这个方法是线程安全的。某类的某个方法是否线程安全的关键是：该方法是否修改该类的成员变量；是否给该方法加锁（是否使用synchronized）线程不安全当多个线程类并发操作某类的某个方法，在该方法内部来修改这个类的某个成员变量的值，很容易发生错误，故我们说，这个方法是线程不安全的。如果要把这个方法变成线程安全的，则用synchronized关键词来修饰这个方法即可。TIPS：用synchronized关键字修饰方法，会导致加锁，虽然可能使该方法线程安全，但是会极大的降低该方法的执行效率，所以慎用该关键词。String StringBuffer StringBuilderString是字符串常量，后两者是字符串变量。String不可变是因为在JDK中String类倍声明为一个final类。StringBuffer是线程安全的，StringBuilder线程不安全。线程安全会带来额外的内存开销，所以StringBuffer效率低于StringBuilderVector ArrayList LinkedList ...继续阅读 (18)

写在前面：现在一直使用sass写css，当初入门的时候，看的很多教程，当时看的云里雾里的，现在看来还是蛮详细的，就是一点，不够小白。本人文章类型一直比较偏小白的，想要更好的为不会用sass提供一点学习的资料，相信本文对想要学习sass的人，还是有极大的参考价值的。里面有些细节，也许对已经学会使用sass的大手子也有一定的参考价值。变量是什么？w3c关于JavaScript 变量的介绍：可以去搜一下js 变量上面一大堆巴拉巴拉的东西，可以先这么理解，把变量看作一个存放东西的盒子，可以将钥匙、手机、饮料等物品存放在这个盒子中，也可以在需要的时候换成我们想存放的新物品，那里面的旧的东西就存不了，只能存一个东西。建议这里有个很好的网站，可以在线把sass文件编译成css文件，大家可以跟着栗子，一边看，一边动手做做demo，看看最后输出css是什么样子的。sass变量的格式：sass变量格式：$var:value;栗子：$color:red;1.必须是$开头解析：这是sass变量的符号2.$后面紧跟变量名解析：变量名首字母必须为字母(a-z A-Z)，下划线(_)开头。3.变量的值解析：变量值和变量名之间就需要使用冒号(:)分隔开（就像CSS属性设置一样）。sass变量的用法：$color:red;/*1.这就是声明变量*/ p{color:$color;}/*P标签的颜色被改为red——— ...继续阅读 (16)

图片发自简书App一. dict的形式dict={key:value,key:value,key:value,…}(1) dict是集合,用len()可以计算集合的大小。(2) dict是用花括号{}表示的,注意与list(用方括号[]表示)和tuple(用元括号()表示)的区别(3) 最后一对键值末尾可以不加逗号注意: 一个 key-value 算一个长度二. 访问dict(1)方法一1.方式:通过 key 访问 dict 的value。2.举例:>>> d = {…     ‘Adam’: 95,…     ‘Lisa’: 85,…     ‘Bart’: 59… }>>> print d[‘Adam’]953.注意:key是否正确,如不正确则会报错:NameError解决方法:if ‘Paul’ in d:…     print d[‘Paul’]…>>>如果 ‘Paul’ 不存在，if语句判断为False，自然不会执行 print d[‘Paul’] ，从而避免了错误。(2)方法二1.方式:dict.get(key),key存在返回value,否则 ...继续阅读 (10)

https://github.com/lishengzxc/duing/blob/master/README-zh.md进度条图标 SVG 生成器服务功能类型可配置参数Url预览Barpercent, width, heighthttps://img.lishengcn.cn/progress?percent=25Circlepercent, widthhttps://img.lishengcn.cn/progress?percent=35&type;=circleCheckboxchecked, size, colorhttps://img.lishengcn.cn/checkbox?checked=1Labelkey, value, keyColor, valueColor, keyBgColor, valueBgColor, sizehttps://img.lishengcn.cn/label?key=解决率&value;=99%Sealvalue, size, valueBgColor, valueColor, ghosthttps://img.lishengcn.cn/seal?value=FIXEDDotwidth, colorhttps://img.lishengcn.cn/dotCount (WIP)…………………部署$ docker build -t duing- ...继续阅读 (7)

【摘要】日期经过json序列化之后，变成了'/Date(-62135596800000)/'字符串，在显示数据时，我们需要解释成正常的日期。 Insus.NET和js库中，写了一个jQuery扩展方法： $.extend({ JsonDateParse: function (value) { if (val阅读全文 ...继续阅读 (30)

嗯，可能也是最后一版。。。哈哈~~~只是写着玩简化版的redux-form，只是觉得不需要redux-form那么复杂的功能，也不想要和redux关联，而且希望有一个简单管理form的东西，所以就写了一个。肯定有很多不足，比如checkbox/radio group怎么管理。。。没有解决。。。import React from 'react'; export default function reactForm(options){ const { fields=[], initialValues={}, validate, validateOnBlur, withRef } = options; return (Component)=>{ class Form extends React.Component { constructor(props) { super(props); this.initialValues = { ...initialValues, ...props.initialValues }; this.state = this.getInitialFields(); this.touchedKeys = {}; } getInitialF ...继续阅读 (11)

在 Angular 4.x 中对于使用 Template-Driven 表单场景，如果需要实现表单数据绑定。我们就需要引入ngModel指令。该指令用于基于 domain 模型，创建FormControl实例，并将创建的实例绑定到表单控件元素上。ngModel 使用示例ngModelapp.component.ts@Component({ selector: 'exe-app', template: `Name:{{ f.value | json }} `, }) export class AppComponent implements OnInit { }在表单中使用ngModel时，我们需要设置一个name属性，以便该控件可以使用该名称在表单中进行注册。单向绑定 - [ngModel]app.component.ts@Component({ selector: 'exe-app', template: `Name:{{ user | json }} `, }) export class AppComponent implements OnInit { user: { username: string }; ngOnInit() { this.user = { username: 'Semlinker' }; } }双向绑定 - [( ...继续阅读 (6)

在 Angular 4.x 中有多种方式可以更新表单的值，对于使用响应式表单的场景，我们可以通过框架内部提供的 API ，(如 patchValue 和 setValue )方便地更新表单的值。这篇文章我们将介绍如何使用 patchValue 和 setValue 方法更新表单的值，此外还会进一步介绍它们之间的差异。Reactive Form Setupapp.module.tsimport { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { ReactiveFormsModule } from '@angular/forms'; import { AppComponent } from './app.component'; import { EventFormComponent } from './event-form.component'; @NgModule({ imports: [BrowserModule, ReactiveFormsModule], declarations: [AppComponent, EventFormComponent], boot ...继续阅读 (9)