遛狗的代码-CSDN博客

原创你可能不知道的JSON.stringify

JSON.stringify,是定义在ES5中的标准对象。(以下均简称stringify)说到stringify,大家可能再熟悉不过了，不过，我们最常见的使用还是使用的是仅仅带一个参数的情况。stringify至多可接收3个参数，value: 要序列化的对象， ?replacer: 过滤条件，?space: 缩进。replacer可以是3种值，null，字符串数组，函数。1、当是n...

2019-03-22 23:11:53 405

原创 ElementUI解决自定义表头

开门见山，我直接阐述我的问题的由来：根据Element官方的Demo，使用其渲染一个表格需要以下代码：<el-table :data="data" stripe border> <el-table-column prop="date" label="日期" width="180"> &lt

2019-03-08 16:09:37 1641

原创 HTML5视频播放的一点儿小收获

事情的起因是因为本人最近在淘宝网上买了一套Photoshop的视频，但是有个问题就是，它只能在淘宝学习模块观看，但是淘宝学习做的不能用难用来形容（相比网易云课堂、慕课网），于是我萌生了把视频下载下来的想法。开始准备工作，以为满心欢喜的打开了F12，准备把它抓取出来。然后就开始问题来了：然后，发现它的URL是一个blob，由此，开始引入Blob类。我才疏学浅，就不进行解释了，直...

2019-01-19 13:35:24 813

原创对于JavaScript同样的正则表达式多次执行的结果不一致分析

正则表达式的基础内容我就不在此进行赘述，不懂的小伙伴们请自行Google。废话不多说，直接上正题：我现在要验证一个10以内(包括10)的数字，最多保留2位有效数字，但是不能以0打头，可以是0.00。那么：^((10)|[0-9])(\.\d{1,2})?$我们到图形化正则表达式的网站上测试一下。https://regexper.com/，在此把链接贴出来，大家可以自行测试。...

2018-12-15 17:47:04 2003

转载在Vue项目里面使用阿里巴巴IconFont

http://ms.csdn.net/geek/257473

2018-04-13 14:22:49 325

var SysUser = sequelize.import('../models/SysUser.js');var MonitorSetting = sequelize.import('../models/MonitorSetting.js');var Car = sequelize.import('../models/Car.js');var Camera = sequelize.imp...

2018-03-28 21:46:31 14887 1

原创简谈对ES7的async和await的理解

如果遇到过深度回调的朋友一定对JS的回调地狱再熟悉不过了，举个例子说（如果我的列子不恰当尽请谅解），常见的就是省市区级联吧，假如我要获取一个县级市的信息，那么我首先得获得它所在的省的信息，当取得省的信息以后，再拉去地级市的信息，当获得地级市的信息以后，然后才有可能获取到它的信息。这就是典型的深度回调的业务场景。这使得开发人员变得痛苦不堪，代码的质量难以得到保证。对此，ES6中引入了一个Promis...

2018-03-14 22:20:41 907

原创解决vue-cli中webpack无法打包js变量中的图片路径

首先，我们先来重现一下问题，如果直接通过路径的形式引入一个图片，例如：<template> <div id="app"> <img src="./assets/demo.jpg">  <HelloWorld/&gt

2018-03-12 22:33:02 2860 1

原创从axios看前后端数据交互

axios作为Vue生态系统中浓墨重彩的一笔，我学习这个东西也是花了一定的时间的。刚开始的时候，也是遇到了很多问题。逐渐摸透了它的脾气。首先说说FormData和Payload两种数据格式的区别：先是提交一个FormData的请求试试看：然后我们看后端：然后我们提交一个以Payload传输数据的请求：我们再切到后台：这就是使用axios和

2017-10-28 20:40:19 19585 2

原创 Vue-cli之http请求代理

现在流行前后台分离开发，就是前端先前端的页面，后端写后端的接口。但是，当两者的工作合并的时候，要么前端自己搭建一个服务器，要么后端开启跨域让前端访问接口，我一般在开发的时候采用的是后者。但是这个是很坑的，经常出现无法跨域的错误。Vue-cli中自带了代理，当你配置了这个代理之后，你访问他人电脑的接口的时候，就像访问自己本机的接口一样，避免了跨域的问题。首先找到，config下面的index

2017-10-28 16:28:26 3287

原创 JS删除一个数组中满足条件的所有数据

function removeItem(src, cb) { var counter = src.length - 1; while (true) { var result = cb(src[counter]); if (result) {

2017-10-27 15:03:57 6039

原创 JS按照特定的条件对数组进行归类

函数定义：function groupBy(arr, prop, callback) { var newArr = [], tempArr = []; for (var i = 0, j = arr.length; i < j; i++) { var result = callb

2017-10-27 14:51:21 2905

原创深入理解JS原型及其扩展

相信各位一定看到过Array.prototype.slice.call(arguments,1);这样的写法。（我是清楚的记得在看函数柯里化的时候遇到的，这儿我们不讨论它）先查slice的定义：上面的写法和我们看到MDN的例子看起来有很大的差别，其实殊途同归。首先，简单向大家提及一下call，apply，bind的区别:apply:(...).apply(context,[

2017-09-09 20:38:10 1156

原创解决axios跨域请求出错的问题

错误信息：Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:9000' is therefore not al

2017-08-11 22:48:26 28695 10

原创详解JavaScript中proto和prototype

首先对象才会有__proto__，函数(为了命名规范，所有函数首字母都是大写，那用这一规范来说的话，粗暴的理解为首字母大写的才会有哦prototype)才会有prototype;比如(1).__proro__===Number.protype,({}).__proto__===Object.prototypevar Factory= function(){} 那么Fac

2017-05-12 11:14:59 359

原创 Ionic2踏坑之旅

今天开始学习Ionic2，Ionic和Cordova的安装都没有什么问题，和我之前写过的文章一样，Android_SDK的配置也是一样，此处不会赘述。问题在于当你把一切准备工作做好了的时候，在命令行中输入ionic serve，问题来了：说什么插件没有装好，然后ionic-cli的功能被限制了，于是各种坑爹的找资料。最后：然后基本上ionic serve已经可以用了，问题接踵而至，坑爹

2017-05-10 20:56:42 356

原创 Vue之自定义指令进行表单验证。

Vuejs学了也有将近半年了，感觉没有实质上的进步。于是自己尝试些了一点儿东西。Vuejs参照了Angularjs的设计思想，引入了指令的概念，于是，想当然的就会想到自定义一些好用的指令来减少平时繁琐的编码。Vujes中自定义指令部分，鄙人不在此赘述，不懂的道友直接撸官方文档。我首先定义了一个扩展方法$on，为了方便后面的代码的编写。HTMLElement.prototype.$o

2017-05-09 20:41:39 1280

原创 JavaScript之EcmaScript5中geter和setter

我在搞懂JavaScript的getter和setter之前，通过百度搜索在网上看了很多别人写的文章，个人的内心是表示很气愤的，因为大家都是一知半解，很多博主都并没有真正的理解这个语法的用处。虽然getter和setter的意思是这样，但是它的意义并不是局限于此。先说下网上大部分人的理解： function Person(){ var _personName="anon

2017-05-01 10:26:32 756

原创 Angular2踩坑之自定义Pipe管道

从15年底接触的AngularJS,当时的感觉是除了难学还是难学，跟后来的React和Vue相比，到现在AngularJS1.x已经没有什么优势了，谷歌去年推出了Angular2（习惯上从2.0版本开始就不再加"JS"），今年3月推出了4.0版本，于是我开始爬坑之旅。Pipe，管道，如果写过Gulp的朋友肯定非常熟悉，就是工厂的生产线加工模式，我只负责实现某个模块，做完就扔给下一个人，绝不越俎

2017-04-23 21:19:46 1132

原创解决nodejs不支持async和await关键字的问题

1、$ npm install --save-dev babel-cli2、$ npm install --save-dev babel-preset-es2015 babel-preset-es20173、Create .babelrc in the project root folder with the following contents:

2017-04-09 10:59:40 7997

原创编写模块化的jquery插件

这篇博客是解决了jquery加载jquery.cookie插件，jquery加载失败的问题。这两天看了点儿requirejs,于是开始尝试编写模块化的Javascript代码，于是，特别想应用到项目中去。废话不多说，鄙人菜鸡一枚，就不赘述requirejs的API了，不懂的朋友请自行到它的官方网站查看。然后，我急切的将它应用到项目中，第一个问题就让我懵逼了，得益于这个问题，让我学到了新

2017-03-26 15:30:28 1350

原创 sequelize解决模型不是sequelize创建的实例

最近研究Express这个框架中，然后到Yeoman上面扒了一个Express的项目来玩儿，基于MVC思想的。看到数据访问那儿，让我懵逼了很久，于是花了一点儿时间来研究Sequelize，这是一个为nodejs打造的ORM，在这之前我已经很熟悉微软爸爸的Microsoft Entity Framework了，还是爬了一点儿小坑。sequelize是CodeFirst开发模式，（Entity

2017-03-11 22:11:32 2822

原创理解Angularjs的指令

最近撸了一遍Reactjs，然后回过头来复习Angularjs，温故而知新，为师矣就算了，但是有提高确实是实实在在的。Angularjs的三大特征，MVC，依赖注入，指令，其中，指令是最难学的，我个人也是理解了好久。下面，我们尝试定义一个简单的指令：var app = angular.module("dirModule", []);app.directive("btnDange

2017-03-09 15:28:26 404

转载全面解析Angular中$Apply()及$Digest()的区别

使用 $apply()的情况如下：•通常可以依赖于Angular提供的可用于视图中的任意指令来调用 $apply() 。所有 ng-[event]指令（比如 ng-click 、 ng-keypress ）都会调用 $apply() 。•此外还可以依赖于一系列Angular内置的服务来调用 $digest() 。比如 $http 服务会在XHR请求完成并触发更新返回值（pr

2017-03-07 21:11:34 613

原创 webpack解决‘config unkown property postcss’

当配置postcss的时候，按照webpack1.X的版本，需要:postcss: () => { return [ require('precss'), require('autoprefixer') ]; }当运行webpack的时候，会报错，告诉你未知的属性postcss，查阅资料，需要换一种书写的方式，在plugins中引入：new

2017-02-21 21:38:19 1133

转载配置Java过滤器编码

刚从.NET转Java，基础走起中.....Web.XML代码: SelfFilter Filter.MyFilter encoding utf-8 过滤器中的代码:package Filter;import javax.servlet.*;import j

2017-02-03 21:22:11 609

原创不定宽高的弹出框自适应居中

传统的弹出框居中一般是这样的: .layer { position: fixed; top: 50%; left: 50%; background: red; width: 200px; height: 400px; margi

2017-02-01 10:57:34 546

原创文件上传显示缩略图

文件上传之后是不能直接把文件的路径赋值给img的src的，需要用一个API进行转换，其方法如下: "createRelUrl": function (src) { if (window.URL) { return window.URL.createObjectURL(src); } else if (window.

2017-01-18 11:14:46 3008 1

原创 html本地存储localStorage和sessionStorage存对象

HTML5提供了很多本地缓存的API，我个人用到的是localStorage和sessionStorage，这两个的用法也很简单，以key-value的形式，setItem("key",value) ,getItem('key')这是其中的写入和读取的方法，还有常用的clear(),remove()等，localStorage是没有过期策略，永久保存，除非手动删除，而sessionStorage老

2016-12-07 22:34:14 628

原创 ionic加载百度地图失败的解决方案

最近比较寂寞，试着用ionic写点儿东西，因为在上个作品中用到了百度地图，这次也有地图查询功能，那么，毫不犹豫的插入百度地图，插入之后，发现一个较大的问题，地图无法加载，被搞的很懵逼，说好的JavaScript API到了移动端就不行了，于是，各方查资料，终于找到答案，https://www.v2ex.com/t/162491，这是原链接，答案是在评论里面，就是在安卓的配置文件里加一句：<uses

2016-12-04 21:31:47 1742

原创解决LINQ中的多对多的问题

首先，一般我们要解决表中数据多对多的问题，一般是这样的做法：使用外键相关联，然后如果想通过左表访问到所有与之关联的右表数据，只需要查出中间表与左表对应的Id的数据即可。如果是直接写SQL就是一个in查询运算符即可，但是LINQ中是没有现成的方法的，我们需要手动来实现一个。///获取所有的Id集合 List proIdList = Context.BLLS

2016-10-05 09:12:45 2381

原创 ASP.NET MVC实现多文件上传

要实现ASP.NET MVC中的多文件上传，其实最关键的一步是要在input上定义multiple属性，使之可以支持多文件上传。其实有几个比较重要的地方，form一定要申明enctype=“multipart/form-data”，其次是，表单要有name属性。好了，前台写好之后，我们就可以选择上传的时候一下子上传多个文件了。接下来，我们编写后台代码：在ASP.NET中，我们

2016-09-30 22:32:34 4371 1

原创 ASP.NET MVC分页

之前写了一个关于ASP.NET MVC+妹子UI的Ajax分页控件，今天在那个控件的基础上，抽出了一个后台的分页控件，特此与大家分享 public class PageFactory { public PageFactory( string Controller, string Action, int Total, int limit,string Area=""

2016-09-25 21:08:55 390

原创使用纯CSS实现文字超过一定的长度后自动显示省略号

在我不知道CSS具有这个功能之前，我都是通过在后台判断字符串的长度，然后通过取substr再通过字符串连接“...”形成想要的效果，但是，如果遇到英文的话，就会判断不准确了，用我自己的话讲叫做英文字符比较瘦。偶然发现，CSS可以完成这样的事情，而且可以完成的非常棒： * { margin: 0px;

2016-09-23 12:18:39 2591

原创浅谈对JavaScript原型的理解

说到JavaScript原型，我硬是花了几个月才把这个概念吃透。原型与对象的关系就好比是印章和印章印出的印一样，我们必须要聊到的两个属性是__proto__和prototype。 Object.prototype.Show = function() { console.log("Hello World!"); } var obj

2016-09-15 16:36:53 363

原创 C#数据类型详解

C#数据类型主要分为两种，值类型和引用类型，值类型主要包括：数值型 bool型结构体枚举可空类型引用类型主要包括：字符串集合类的实体（接口）数组委托其中，值类型都是存储在栈上的，但是栈的容量相对于堆来讲，就比较小，而引用类型是在栈从一个引用，指向堆，就可以获得访问堆的一部分数据结构的权利。假如我们int[] A =new int[4];其实，在内存中开辟了实例如下

2016-09-11 16:02:25 341

原创 ECMAScript6中的箭头函数

在2015年新出的ECMAScript6中，其中的函数部分，有了一个这样的东西:箭头函数()=>{}，大概对它解释一下，其中，左边的括号是函数的形式参数，右边的花括号是函数体。接下来，我们聊一聊如何使用这个箭头函数:1.一般情况 var func1 = () => { console.log("Hello World!");

2016-09-11 12:43:15 572

原创为JavaScript内置对象扩展方法

首先，需要准备一个扩展的模板： Function.prototype.method = function(name, func) { if (!this.prototype[name]) { this.prototype[name] = func; console.log(this);

2016-09-11 12:08:57 1595

原创妹子UI之自定义分页控件

妹子UI，http://amazeui.org，在这儿顺便帮他打下广告，我个人觉得比Bootstrap漂亮，于是，我就选择了基于它的UI写出来自己的分页控件。paginator.js的内容如下：(function ($) { $.fn.paginator = function (options) { //this指向当前的选择器 var config

2016-08-30 10:28:59 4644 1

原创浅谈数据结构之直接插入排序的理解

要想透彻的理解这个算法，如果玩儿过扑克的朋友，请一定回想起来玩儿扑克牌的情景。首先，摸第一张牌，不用整理手牌。摸第二张，然后，如果比第一张大，那么，插入到第二张的后面（这儿我们先以从小到大排序），如果不是，那么，我们就往前找，两张牌的时候，直接就找到了。摸第三张，像刚才的那样。......摸第N张，我们摸起来的牌就是从小到大排序排好了的。 public static cl

2016-08-26 22:39:26 591

深入理解bootstrap电子书

空空如也