拿饭盒当烟灰缸-CSDN博客

原创搬家了

###搬家公告：拿饭盒当烟灰缸的csdn博客正式搬入博客园。即日起csdn博客停更。后续更细都在博客园进行。新地址：https://www.cnblogs.com/yinzhida/###感谢！...

2019-03-02 11:33:26 835

原创 js实现冒泡排序（bubble sort），快速排序（quick sort），归并排序（merge sort）

排序问题相信大家都比较熟悉了。用js简单写了一下几种常用的排序实现。其中使用了es6的一些语法，并且不仅限于数字——支持各种类型的数据的排序。那么直接上代码：function compare (a, b) { return (a - b) &gt; 0;}// 冒泡排序O(n^2)const bubbleSort = function (arrayData, compareFn ...

2019-03-01 08:49:03 214

原创基于vue的cropper插件编写分享

目录简介实现功能实现原理实现效果github地址：https://github.com/yinzhida/vue-cropgit clone： https://github.com/yinzhida/vue-crop.git这个小项目最近更新到了第2版，虽然还有很多不足，还是分享给大家。简介vue-crop是一个用于标记矩形选框位置的小插件（类似于jcrop）。不同于现有的大部分crop...

2019-02-27 16:03:51 230

原创 js表达式和语句趣味题讲解与技术分享

技术分享问题1{ a: 1 } + 1// ?({ a: 1 }) + 1// ?1 + { a: 1 }// ?答案{ a: 1 } + 1// 1({ a: 1 }) + 1// "[object Object]1"1 + { a: 1 }// "1[object Object]"问题2{ 1 + 1 } + '2'// ?({ 1 ...

2018-12-19 20:44:17 188

原创程序员的知行合一与态度转变

目录前言知行合一态度转变前言时间不等人，一晃30岁了。年龄的增长主要体现在两个方面：一个是生理方面，一个是心理方面。生理方面不是说身体老了，没精力了，恰恰相反，是懂得爱惜自己的身体了。心理方面不是老了，没有向上的动力了，而是终于明白自己该怎么度过这一生了。做了5年多的程序员，当然，不只是程序员，还是员工，也是男朋友，我想把最近的收获稍微总结一下。知行合一这个题目，不讨论玄而又玄的哲学，只...

2018-12-15 10:10:34 1284 2

原创关于iframe/子窗体与父窗体的交互

父子窗体交互方式通过contentWindow交互通过postMessage交互通过contentWindow交互主窗体内嵌的iframe或者是其通过js打开的新窗口都可以通过contentWindow与主窗体交互。所以首先需要获取到contentWindow才可以。要获取到可访问的contentWindow对象需要满足同源策略,这里需要保证两个窗口的域名完全相同才可以。也就是：主窗体: ...

2018-12-15 08:58:35 363

主要内容：一浏览器重定向Http请求跨域二 html select标签可以设置属性multipe，变为多选三 document.wirte只应在script标签的顶层代码中使用。不能放在函数的定义中，否则原有文档将被清空。四 js可以打开一个新窗口，如果符合同源策略要求，可以访问新窗口的window对象。js如果要关闭一个不是通过js打开的窗口，则需要一些特殊的技巧五多个窗口（浏览器窗口）和...

2018-10-28 11:49:10 221

原创一句话总结flux，以及我们为何需要flux

如果让你用一句话总结一下什么是flux，该怎么说？官网上有这样的介绍：flux是一种思想，一种框架，是facebook给react。。。这样的解释对程序员来说，显得过于抽象又不具体了。阮老师的文章，也将官网的介绍很好的翻译了一遍。读了以后可以了解到flux是由哪些部分组成（store，dispatcher，action，view）。但就算知道了这些，还是没法很好的解答程序员同学们心中的...

2018-09-28 17:35:04 958

原创 vue使用tips

1. native修饰符可以用来绑定原生事件2. destroyed在列表重渲染时，销毁的列表项会调用。3. 并不是所有的数据都适合放入vuex4. 子组件mounted先于父组件发生。5. 父组件created先于子组件出触发。6. 数组、对象等引用型数据结构，做数据绑定时要小心，deepClone和deep watch将是好帮手。7. 同vuex的mapState方法一样，自定义的map函数可...

2018-04-05 09:59:20 1160

原创 vscode从听说到使用，vetur，prettier，htmljscssPrettify踩坑指南。

今天基于vue-cli（2.9.3）构建一个新的项目。我用的sublime，es6的代码格式要与公司格式兼容。采用了vue-cli自带的eslint后，有一些不统一的部分需要修改。先看看sublime里需要怎么处理：首先，在项目根目录下找到.eslintrc.js，在rules节点下新增两个配置项// add your custom rules here rules: { /...

2018-02-28 21:31:07 10342

原创 0.1 + 0.2 !== 0.3 就是要说清楚因为个啥？

javascript（简称js）中的数字使用的是国际标准 IEEE 754，因为js是弱类型语言，为了方便省事，所有数字都是以64位浮点数形式储存。也就是说，js语言底层根本没有整数，所有数字都是小数（64位浮点数）！当我们开心的进行着整数计算的时候，其实js都在算小数（莫名悲伤）。整数算起来时没有问题的，但当你直接计算小数的时候，就麻烦了：0.1+0.2 不等于0.31 + 2 ==...

2018-02-22 23:56:41 2440

原创 firefox-5.x关于img标签的load事件、svg、ff5.4audio标签显示的适配tip

1.firefox中img标签的load事件后获取图片宽高错误。需求是根据图片加载后的大小宽高比，调整图片显示的宽高。在chrome浏览器下，使用jquery的load方法监听img标签的“加载完成”事件。在其回调里，即可获得加载完成后的图片的宽高，代码如下：$('img').load(function() { //输出图片宽高，firefox将输出img标签原来的高度，而不是加载完成后图片的

2017-08-16 19:40:58 492

翻译 css优先级中文版MDN补充翻译

原文地址：https://developer.mozilla.org/zh-CN/docs/Web/CSS/Specificity css的MDN中文版，这一页是讲css的优先级的。读到文章的最后，末尾部分，翻译貌似是罢工了，而且显示结果也出错了。英文原版是这样的：所以，我就来冒昧的翻译一下吧。 ——————————–start—————————————————选择器直接定位

2017-08-15 13:20:19 437

转载转载一篇关于tab键与focus的文章

FocusableHTML 元素中，并不是所有元素都可以获得焦点，有如下元素可以获得焦点: a, area, button, input, object, select, textarea，这些元素就是 focusable 元素。而除了上述元素之外，还可以通过如下方式使元素变为 focusable 元素：设置了 tabindex 属性的元素设置了 contentedit

2017-08-01 22:07:16 650

原创 stream，做减法，优化搜索代码。

做一个搜索，三个输入条件，求这个条件的交集。起初我的思路是按照操作的流程，一步步的来做这三个筛选。//step1 根据id搜索，得到一个子集。if (searchId) { //开始按照id查找，查找目标为_editLineDatas let eds = this._editLineDatas; for (let i = 0, line = null; line = eds

2017-07-27 10:13:12 813

原创 nginx代理跨域，根据路径参数改变目标服务器地址

我们都知道nginx是可以做跨域代理的：location ^~ /visited-path/ { proxy_pass http://another-domain/;}举个例子：假如我们的代理服务器域名为proxy.comlocation ^~ /external/log { proxy_pass http://proxy.com/log;}以上代理设置，将对当前serv

2017-06-28 11:30:53 2225

原创 Cannot read property 'nodeType' of null; audio元素默认样式下载按钮

Cannot read property 'nodeType' of null; audio元素默认样式修改，隐藏下载按钮

2017-05-19 10:12:20 3401

原创 windows系统tomcat上开发的j2ee程序，如何适配linux系统上奔跑的websphere7

公司需要将几个windows系统tomcat中间件下开发的j2ee系统部署到linux系统websphere7中间件下去运行。这就需要做系统的适配工作。由于时间比较久了，具体问题就不详细写了。把这个适配工作主要可能涉及到的方面，遇到的问题表现做了一个小的总结，希望能够帮到有需要的同学。主要修改的有以下几个方面：1. web.xml的webapp声明标签版本改为2.4（websphe

2017-04-27 11:23:09 514

原创 react-native技术调研：react-native是什么？

如有疏漏错误，还望指正。转载不忘加上原链接哦~react-native是什么？ react-native原理从字面意思上来看，react-native由单词react和单词native组合而成，中间一个连字符连接。我们对其中的native的概念是很清晰的，它指的就是原生app，也就是用原生开发方式开发出来的应用。那么react又是什么呢？他们之间的连字符又有什么特殊的意义么？下面我们来一

2017-02-21 14:48:24 6623

原创 hybrid app初体验，和react-native一起飞

第一次启动了react-native的示例，今天主要把其中遇到的坑与解决的办法分享给大家。如有疏漏、错误还望指正。首先还是要从hybrid app这个概念说起（如果对于这个过程不感兴趣的同学，可以直接往下翻，从开始配置react-native看起）。hybrid app就是混合应用。从我个人的理解，本以为就是在原生的app里面嵌入一些网页（webview）,直到最近去体会了一把ionic，以及rea

2017-01-12 14:41:37 1772 1

原创与karma、angular的第一次亲密接触

首先要了解什么是karma，karma干嘛用的，它的好朋友jasmine又是啥？这些文章可以帮助你：　　karma干嘛的？　　angular与karma1 　　angular与karma2 　　看了以上几篇文章之后，我们基本上就可以启动我们最简单的一个karma测试例子了。然后我们还要有webpack对吧: 　　karma-webpack插件　　这些都配置好，我们的karma配置文

2016-12-14 09:53:39 862

原创 gulp+webpack+angular1的一点小经验（第三部分使用一些angular1的插件ui-bootstrap与highcharts）

第一个要介绍的是我们的麻烦制造器：angular-ui-bootstrap 　　ui-bootstrap可以有很多通用的插件给大家用，比如弹窗啊（modal），翻页控件啊（pagination），为什么说它麻烦呢，因为它家官网被墙了，看不到文档！可我就是要用啊，怎么办？老办法，下载来再说：npm install --save-dev angular-ui-bootstrap　　然后到mode_mo

2016-12-11 18:12:58 1172

原创 gulp+webpack+angular1的一点小经验（第二部分webpack包起来的angular1）

又一周过去了，项目也已经做得有点模样了。收集来一些小经验，分享给大家，有疏漏之处，还望指正，海涵。　　上周整合了gulp与webpack，那么工具准备差不多了，我们就开始编码吧。编码的框架就是angular了（现在已经出了es6了，配合angular2其实很酷，有兴趣的朋友们去玩喽，这里还是angular1）。　　从哪开始呢？对的，我们要先有个angular。还要能让webpack通过一句：

2016-12-11 16:33:53 1733

原创 gulp+webpack+angular1的一点小经验（第一部分gulp与webpack的整合）

时间匆匆如流水继上周熟悉了gulp的初步安装与环境配置以后，我的项目又进入了新的阶段！　　这篇文章将把我这一周遇到的一些问题，以及解决的方式做一个小小的总结，不一定记的完整，但都是个人的一点经验，分享给大家。有什么错误疏漏还望指正。　　1.angular还是vue? 　　这里我是有很大的犹豫的，最后的结果是angular。这里有很多私心，这个项目需要技术上的认同，angular作为一个热门

2016-12-06 15:55:29 2868 1

原创 hello gulp，使用gulp的第一天。

昨天花了一天的时间，学习了一下gulp，今天整理一下，也分享给朋友们。　　首先当然是去gulp的官网逛一圈了：　　http://gulpjs.com/ 　　中文站地址：　　http://www.gulpjs.com.cn/ 　　里边有入门指南，如下：　　　　1. 全局安装 gulp：　　npminstall–globalgulp　　　　2.在项目根目录创建package.

2016-11-23 10:11:27 328

原创 java调用webservice，比较简单方便的方法。

首先，请同学们自行了解webservice的基础知识。　　个人理解，webservice约等于使用http+xml技术进行跨平台的数据交互。　　http和xml我们都很熟悉了，把他们两个组合到一起就是webservice了，http负责信息传输，xml负责信息的组织。这么理解虽然说简单了一点，但如果你只需要调用webservice服务，而不需要去创建并维护话，这样理解也就够了。　　1

2016-11-01 19:12:21 5390

原创 html元素是否包含另外一个元素，以及classList属性

如何判断一个元素A包含了元素B呢？如果不用contains方法的话，如何做呢？腾讯面试的时候也出了这道题啊，当时没看dom的知识，所以一抹黑哦。。。那就判断B是否为A的child喽，那也就是A是B的parent或者parent.parent或者parentNode.parentNode.parentNode....所以就这样向上遍历一下B的父亲节点，看A是不是在这个父节点链上。代码如下：fu

2016-08-29 18:43:07 1525

原创重构以前的代码

仔细分析了一下重构这个事，很多程序员都是写了一些不负责任的代码，给项目积累了很多“疾病”后一走了之。这样是对自己的解放，也是对自己的不负责。因为代码重构，的确能让你更加的了解自己，提升自己。最近重构了一段以前的代码。也受到了一些别人的启发。代码就不全部拿来了，就记录一下重构的几个重要的思路。1.策略模式：如果你的代码里有这样一个结构：if(v==a){}else if(v

2016-08-23 19:04:07 303

原创关于javascript中=的返回值

今天看了一段代码,大概是这样的：function test(){ a=4; b=5; return b=a;}test();//返回？返回值是多少呢？运行结果是4这可以理解为将a的值赋给b以后，返回b的值，也就是说“=”是有返回值的。如果是这样的话我们不难理解：var a=3;var b=4;console.log(c=(a=b));//4console.lo

2016-07-27 13:11:58 560

原创 mybatis中因为不理解$与#而出现的bug

最近项目中遇到一个bug，具体是这样的：要上传一个应用，首先要检查系统中是否已经存在这个应用的更高版本，如果存在，则上传操作将被取消。bug体现为当传入系统中存在的所有应用与新上传的应用的versioncode都小于10，则上传能够成功，而当传入一个versioncode=10的应用时判断存在更高版本，操作被取消。复现并定位这个问题以后，考虑到对比versioncode处的代码应该有问题，查看

2016-07-27 07:58:14 437

原创轨迹中的驻留点计算

最近根据业务需要，编写了一个小的算法，用于从设备的轨迹中提取出设备的驻留点。设备的轨迹是用一个点数组来表示的，驻留点也是一个点的数组。 function checkDistance(pointArrayBeforenowPoint,nowPoint,stayDistance){ var pf=pointArrayBeforenowPoint; if(pf.length==1){

2016-07-26 14:16:22 5145 1

原创 javascript实用Date工具

时间字符串和年月日数据之间的自由转换工具：2018年更新版上代码：/** * @Desc: 时间处理工具 * @Author: 拿饭盒当烟灰缸 * @Date: 2018-02-27 15:42:44 * @Last Modified time: 2018-02-28 15:21:33 *//** * 根据时间格式，将数字格式的时间转换为格式字符串 * @...

2016-07-04 16:02:21 437

yinzhida's blog