随笔分类 - JavaScript
摘要：以下示例中，应用Vue动态绑定数据，如class ,href img等等：
阅读全文
摘要：Web API接收参数的方法IEnumerable<T>： 前端Vue的axios.POST： 执行时，所传送的参数：
阅读全文
摘要：存储数据值中，也许都会包含以下定字符串： 如："2.35em","5.8%","10em","14.8rem"...... 现Insus.NET写一个小函数来处理，分别取得数值或单位。
阅读全文
摘要：数据集合: $scope.xxx 但是这个集合有可以是这样子： 集合中的对象数据类型不一样。 写一个小函数： 即是说，angular.ForEach时，对象有propery时，请属性带进去，如果没有，传一个''长度为0的参数。 如： Exists($scope.fontsizes,'Size', "
阅读全文
摘要：这2天，在完成一个功能，即是angularjs文件上传的功能。 把文件存储在MS SQL中，把文件上传至Web API中进行处理。 数据库结构表： 模组： Entity: 接下来，我们将要实现Web API来处理用户上传的文件。 在实现之前，得先仔细研究这篇《Web API: how to acce
阅读全文
摘要：在Zxing中的BarCodeFormat，是以Enum的格式存在。 想获取这些格式，你可以使用Enum.GetNames()方法来取得》 前端angularjs呈现为下拉列表： 读取web api接口： 另外附注： 当用户选择下拉列表，获取的格式传入服务端进行BarCode生成时， 你又得需要把字
阅读全文
摘要：QR Code容错级别有4种，可以让前端下拉列表选择H, L, M或Q 当传入服务端，处理QR Code时，Zxing模块接收的却不是字符串"H","L","M","Q" 所以，Insus.NET写一个静态扩展方法来处理这个参数： public static ErrorCorrectionLevel
阅读全文
摘要：qrcode版本有从1至40。 正则表达式： /^([1-9]|[1-3][0-9]|40)$/ 在用户创建qr code时，一个栏位就是实现qr code版本信息的。 以下Insus.NET把这个验证写成一个angularjs指令： 'use strict'; dmApp.directive('v
阅读全文
摘要：服务端出现异常时，返回给客户端status仍然是ok的。因此在前端的catch或是error是得到不到服务端的throw异常信息的。 所以，你在服务端中，把异常时，也得作为成功执行返回给客户端。 你可以写一个类别： using System; using System.Collections.Gen
阅读全文
摘要：需要在项目中，去验证一个件是否存在。 C#中可以使用File.Exists(physical path) 你也可以在API接口中写一个异步方法： public async Task<bool> FileIsExists(JObject jObj) { var jsonStr = JsonConver
阅读全文
摘要：正则： /^([0]|[1-9]\d?|[1]\d{2}|2([0-4]\d|5[0-5]))$/ 在angularjs的指令目录中，写一个指令js文件： 'use strict'; app.directive('validateRGBColor', function () { var REQUIR
阅读全文
摘要：正则： /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/ 'use strict'; dmApp.directive('validateHexColor', function () { var REQUIRED_PATTERNS = [ /^#([A-Fa-f0-9]{6}|
阅读全文
摘要：vue获取下拉列表选中的项值，很简单： <div id="test"> <select @change="changeSelect($event)"> <option value=""> </option> <option v-for="o in ops" :value="o.op_id">{{o.
阅读全文
摘要：昨天在vue.js项目中，产生彩色二维码，并显示出来。 如这个样子： 敢用手机扫一扫？ 哈哈，这个二维码只是本博客http://insus.cnblogs.com链接而已。 代码简单： <div id="test"> <img :src="'data:image/png;base64,'+ qrco
阅读全文
摘要：程序中，有2个文本框，输入4位数字作为年份。我们可以写一个定义指令，来检测输入是否为有效的年份。 如ms sql server的min year为1753，max year为9999。 'use strict'; app.directive('validateYear', function () {
阅读全文
摘要：学习与使用angularjs这么久，觉得javascript也可以重构。 如下面这段代码，是angularjs拿到数据之后，使用 $index来进行分列呈现在html之上。 以上高亮部分都是相同的，我们可以把它抽取出来： 再写一个方法来对append方法进行封装：
阅读全文
摘要：在选择的元素内： append() //后 prepend() //前 在选择的元素外： after() //后 before() //前 举例：
阅读全文
摘要：下面2个service中，方法体均一样。只是其中service名，参数和url路径不一样。 原因是曾经对项目升级或是重构留下来的结果。 由于程序中N多处地方有引用，又不能合并它，删除更不用说了。 因为，Insus.NET为了让其更好维护，因此写了另外一个Service来进行重构它们： 好了，博文中最
阅读全文
摘要：这几天，对程序重构，主要针对angularjs的绑定： 第一个例子： 下面是一段html程序： 不管是name或者是ng-model的属性值，它都有一定规律"StartX"和"EndX" 后面的数字是连续的序号。 我们可以使用ASP.NET MVC的Razor的语法@for来简化它们： @{ for
阅读全文