摘要: 如果你已经知道了js中存在宏任务和微任务,那么你一定已经了解过promise了。因为在js中promise是微任务的一个入口。 先来看一道题: 这题的答案是: promise body出现在第一行一点也不意外,意外的是,setTimeout出现在了promise then的后边。 setTimeou 阅读全文
posted @ 2019-12-09 10:50 拿饭盒当烟灰缸 阅读(800) 评论(0) 推荐(4) 编辑
摘要: js中的继承在es5中有很多种方式,让人眼花缭乱。那么今天我们就来统一一下,找到一个相对来说,最理想的方案(寄生组合式)来解决这个问题吧: es6已经解决了这个问题,采用babel转码后的工程即可支持如下的es6写法: ok,喜欢的同学可以收藏一下了。 阅读全文
posted @ 2019-07-15 17:48 拿饭盒当烟灰缸 阅读(137) 评论(0) 推荐(0) 编辑
摘要: js发展中的问题 随着前端web技术的发展,js要解决的问题也变得越来越多,越来越复杂。 解决更复杂的问题,需要更好的结构。 解决更复杂的问题,也需要更好的性能。 结构的优化在一定程度上会牺牲性能,同样的,性能的优化也有可能会破坏原有的结构。 一般化的例子 我们先来看看以前这些问题是如何(被)解决( 阅读全文
posted @ 2019-04-13 18:10 拿饭盒当烟灰缸 阅读(417) 评论(0) 推荐(0) 编辑
摘要: vue中computed和watch的对比是一个很有意思的话题。 看过官网教程以后,我们往往更倾向多使用computed。computed优点很多,却在某些时候不太适用。 今天我们就稍微讨论一下,当我们在编写一个子组件时,需要同步父子组件的属性props时,computed与watch的选用。 举个 阅读全文
posted @ 2019-04-08 22:23 拿饭盒当烟灰缸 阅读(10644) 评论(0) 推荐(1) 编辑
摘要: 搬家公告: 拿饭盒当烟灰缸的csdn博客正式搬入博客园。即日起csdn博客停更。后续更细都在博客园进行。 "原地址:https://blog.csdn.net/sisierda" "新地址:https://www.cnblogs.com/yinzhida/" 感谢! 阅读全文
posted @ 2019-03-02 11:31 拿饭盒当烟灰缸 阅读(190) 评论(2) 推荐(0) 编辑
摘要: 排序问题相信大家都比较熟悉了。用js简单写了一下几种常用的排序实现。其中使用了es6的一些语法,并且不仅限于数字——支持各种类型的数据的排序。那么直接上代码: 通过自定义campare函数,用户可以对任意类型的数据,使用任意的方式进行排序。快速排序允许用户自定义取中间值的方法,可以结合实际情况,更好 阅读全文
posted @ 2019-03-02 11:24 拿饭盒当烟灰缸 阅读(432) 评论(0) 推荐(0) 编辑
摘要: 目录简介实现功能实现原理github地址:https://github.com/yinzhida/vue-cropgit clone: https://github.com/yinzhida/vue-crop.git这个小项目最近更新到了第2版,虽然还有很多... 阅读全文
posted @ 2019-02-27 16:04 拿饭盒当烟灰缸 阅读(575) 评论(1) 推荐(0) 编辑
摘要: 技术分享问题1{ a: 1 } + 1// ?({ a: 1 }) + 1// ?1 + { a: 1 }// ?答案{ a: 1 } + 1// 1({ a: 1 }) + 1// "[object Object]1"1 + { a: 1 }// "1[o... 阅读全文
posted @ 2018-12-19 20:44 拿饭盒当烟灰缸 阅读(268) 评论(0) 推荐(0) 编辑
摘要: 目录前言知行合一态度转变前言时间不等人,一晃30岁了。年龄的增长主要体现在两个方面:一个是生理方面,一个是心理方面。生理方面不是说身体老了,没精力了,恰恰相反,是懂得爱惜自己的身体了。心理方面不是老了,没有向上的动力了,而是终于明白自己该怎么度过这一生了。做... 阅读全文
posted @ 2018-12-15 10:11 拿饭盒当烟灰缸 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 父子窗体交互方式 通过contentWindow交互 通过postMessage交互 父子窗体交互方式 通过contentWindow交互 通过postMessage交互 通过contentWindow交互 通过postMessage交互 通过contentWindow交互 主窗体内嵌的iframe 阅读全文
posted @ 2018-12-15 08:59 拿饭盒当烟灰缸 阅读(262) 评论(0) 推荐(0) 编辑
摘要: 主要内容:一 浏览器重定向Http请求跨域二 html select标签 可以设置属性multipe,变为多选三 document.wirte只应在script标签的顶层代码中使用。不能放在函数的定义中,否则原有文档将被清空。四 js可以打开一个新窗口,如果... 阅读全文
posted @ 2018-10-28 11:49 拿饭盒当烟灰缸 阅读(876) 评论(0) 推荐(0) 编辑
摘要: 如果让你用一句话总结一下什么是flux,该怎么说?官网上有这样的介绍:flux是一种思想,一种框架,是facebook给react。。。这样的解释对程序员来说,显得过于抽象又不具体了。阮老师的文章,也将官网的介绍很好的翻译了一遍。读了以后可以了解到flux是由哪些部分... 阅读全文
posted @ 2018-09-28 17:35 拿饭盒当烟灰缸 阅读(439) 评论(0) 推荐(0) 编辑
摘要: 1. native修饰符可以用来绑定原生事件2. destroyed在列表重渲染时,销毁的列表项会调用。3. 并不是所有的数据都适合放入vuex4. 子组件mounted先于父组件发生。5. 父组件created先于子组件出触发。6. 数组、对象等引用型数据结构,做数... 阅读全文
posted @ 2018-04-05 09:59 拿饭盒当烟灰缸 阅读(1043) 评论(0) 推荐(0) 编辑
摘要: 今天基于vue-cli(2.9.3)构建一个新的项目。我用的sublime,es6的代码格式要与公司格式兼容。采用了vue-cli自带的eslint后,有一些不统一的部分需要修改。先看看sublime里需要怎么处理:首先,在项目根目录下找到.eslintrc.js,在... 阅读全文
posted @ 2018-02-28 21:31 拿饭盒当烟灰缸 阅读(487) 评论(0) 推荐(0) 编辑
摘要: javascript(简称js)中的数字使用的是国际标准 IEEE 754,因为js是弱类型语言,为了方便省事,所有数字都是以64位浮点数形式储存。也就是说,js语言底层根本没有整数,所有数字都是小数(64位浮点数)! 当我们开心的进行着整数计算的时候,其实js都在算小数(莫名悲伤)。 整数算起来时 阅读全文
posted @ 2018-02-22 23:57 拿饭盒当烟灰缸 阅读(450) 评论(0) 推荐(0) 编辑
摘要: 1.firefox中img标签的load事件后获取图片宽高错误。需求是根据图片加载后的大小宽高比,调整图片显示的宽高。在chrome浏览器下,使用jquery的load方法监听img标签的“加载完成”事件。在其回调里,即可获得加载完成后的图片的宽高,代码如下... 阅读全文
posted @ 2017-08-16 19:41 拿饭盒当烟灰缸 阅读(272) 评论(0) 推荐(0) 编辑
摘要: 原文地址:https://developer.mozilla.org/zh-CN/docs/Web/CSS/Specificity css的MDN中文版,这一页是讲css的优先级的。 读到文章的最后,末尾部分,翻译貌似是罢工了,而且显示结果也出错了。 英文原版是这样的: 所以,我就来冒昧的翻译一下吧 阅读全文
posted @ 2017-08-15 13:20 拿饭盒当烟灰缸 阅读(317) 评论(0) 推荐(0) 编辑
摘要: FocusableHTML 元素中,并不是所有元素都可以获得焦点,有如下元素可以获得焦点: a, area, button, input, object, select, textarea,这些元素就是 focusable 元素。而除了上述元素之外,还可以通过如下方式... 阅读全文
posted @ 2017-08-01 22:07 拿饭盒当烟灰缸 阅读(463) 评论(0) 推荐(0) 编辑
摘要: 做一个搜索,三个输入条件,求这个条件的交集。起初我的思路是按照操作的流程,一步步的来做这三个筛选。let searchResults = [];//step1 根据id搜索,得到一个子集。if (searchId) { //开始按照id查找,查找目标为... 阅读全文
posted @ 2017-07-27 10:13 拿饭盒当烟灰缸 阅读(282) 评论(0) 推荐(0) 编辑
摘要: 我们都知道nginx是可以做跨域代理的:location ^~ /visited-path/ { proxy_pass http://another-domain/;}举个例子:假如我们的代理服务器域名为proxy.comlocation ^~ /... 阅读全文
posted @ 2017-06-28 11:31 拿饭盒当烟灰缸 阅读(1217) 评论(0) 推荐(0) 编辑
摘要: 1.chrome-->console抛出如下错误:Uncaught TypeError: Cannot read property 'nodeType' of null错误原因:从stackoverflow上查了,这个bug可能是由于dom元素未加载完而先执行了jqu... 阅读全文
posted @ 2017-05-19 10:12 拿饭盒当烟灰缸 阅读(842) 评论(0) 推荐(0) 编辑
摘要: 公司需要将几个windows系统tomcat中间件下开发的j2ee系统部署到linux系统websphere7中间件下去运行。这就需要做系统的适配工作。由于时间比较久了,具体问题就不详细写了。把这个适配工作主要可能涉及到的方面,遇到的问题表现做了一个小的总结,希望能够... 阅读全文
posted @ 2017-04-27 11:23 拿饭盒当烟灰缸 阅读(191) 评论(1) 推荐(0) 编辑
摘要: 如有疏漏错误,还望指正。转载不忘加上>>原链接Click Me大家一看,这不就是一个语义化的标签么,这样写的确比上面写起来简单,看起来也更清晰,但这就是JSX了么?当然不是,JSX语法的重点在于它是与js代码混写的,配合es6就像下面这样:class Sho... 阅读全文
posted @ 2017-02-21 14:48 拿饭盒当烟灰缸 阅读(337) 评论(0) 推荐(0) 编辑
摘要: 第一次启动了react-native的示例,今天主要把其中遇到的坑与解决的办法分享给大家。如有疏漏、错误还望指正。首先还是要从hybrid app这个概念说起(如果对于这个过程不感兴趣的同学,可以直接往下翻,从开始配置react-native看起)。hybr... 阅读全文
posted @ 2017-01-12 14:42 拿饭盒当烟灰缸 阅读(382) 评论(0) 推荐(0) 编辑
摘要: 首先要了解什么是karma,karma干嘛用的,它的好朋友jasmine又是啥?这些文章可以帮助你: karma干嘛的? angular与karma1 angular与karma2 看了以上几篇文章之后,我们基本上就可以启动我们最简单的一... 阅读全文
posted @ 2016-12-14 09:54 拿饭盒当烟灰缸 阅读(331) 评论(0) 推荐(0) 编辑
摘要: 第一个要介绍的是我们的麻烦制造器:angular-ui-bootstrap ui-bootstrap可以有很多通用的插件给大家用,比如弹窗啊(modal),翻页控件啊(pagination),为什么说它麻烦呢,因为它家官网被墙了,看不到文档!可我就是... 阅读全文
posted @ 2016-12-11 18:13 拿饭盒当烟灰缸 阅读(205) 评论(0) 推荐(0) 编辑
摘要: 又一周过去了,项目也已经做得有点模样了。收集来一些小经验,分享给大家,有疏漏之处,还望指正,海涵。 上周整合了gulp与webpack,那么工具准备差不多了,我们就开始编码吧。编码的框架就是angular了(现在已经出了es6了,配合angular2... 阅读全文
posted @ 2016-12-11 16:34 拿饭盒当烟灰缸 阅读(208) 评论(0) 推荐(0) 编辑
摘要: 时间匆匆如流水继上周熟悉了gulp的初步安装与环境配置以后,我的项目又进入了新的阶段! 这篇文章将把我这一周遇到的一些问题,以及解决的方式做一个小小的总结,不一定记的完整,但都是个人的一点经验,分享给大家。有什么错误疏漏还望指正。 1.angul... 阅读全文
posted @ 2016-12-06 15:55 拿饭盒当烟灰缸 阅读(219) 评论(0) 推荐(0) 编辑
摘要: 昨天花了一天的时间,学习了一下gulp,今天整理一下,也分享给朋友们。 首先当然是去gulp的官网逛一圈了: http://gulpjs.com/ 中文站地址: http://www.gulpjs.com.cn/ 里边有入门指南,如下... 阅读全文
posted @ 2016-11-23 10:11 拿饭盒当烟灰缸 阅读(139) 评论(0) 推荐(0) 编辑
摘要: 首先,请同学们自行了解webservice的基础知识。 个人理解,webservice约等于使用http+xml技术进行跨平台的数据交互。 http和xml我们都很熟悉了,把他们两个组合到一起就是webservice了,http负责信息传输,xm... 阅读全文
posted @ 2016-11-01 19:12 拿饭盒当烟灰缸 阅读(555) 评论(0) 推荐(0) 编辑
摘要: 如何判断一个元素A包含了元素B呢?如果不用contains方法的话,如何做呢?腾讯面试的时候也出了这道题啊,当时没看dom的知识,所以一抹黑哦。。。那就判断B是否为A的child喽,那也就是A是B的parent或者parent.parent或者parentN... 阅读全文
posted @ 2016-08-29 18:43 拿饭盒当烟灰缸 阅读(889) 评论(0) 推荐(0) 编辑
摘要: 仔细分析了一下重构这个事,很多程序员都是写了一些不负责任的代码,给项目积累了很多“疾病”后一走了之。这样是对自己的解放,也是对自己的不负责。因为代码重构,的确能让你更加的了解自己,提升自己。最近重构了一段以前的代码。也受到了一些别人的启发。代码就不全部拿来了,就记录一... 阅读全文
posted @ 2016-08-23 19:04 拿饭盒当烟灰缸 阅读(161) 评论(0) 推荐(0) 编辑
摘要: 今天看了一段代码,大概是这样的:function test(){ a=4; b=5; return b=a;}test();//返回?返回值是多少呢?运行结果是4这可以理解为将a的值赋给b以后,返回b的值,也就是说“=”是有返回值的。如果是这样的话我们不难理解:var... 阅读全文
posted @ 2016-07-27 13:12 拿饭盒当烟灰缸 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 最近项目中遇到一个bug,正常的流程是这样的:要上传一个应用,首先检查系统中是否已经存在这个应用的更高版本,如果存在,则上传操作将被取消。bug体现为当传入系统中存在的所有应用与新上传的应用的versioncode都小于10,则上传能够成功,而当传入一个version... 阅读全文
posted @ 2016-07-27 07:58 拿饭盒当烟灰缸 阅读(96) 评论(0) 推荐(0) 编辑
摘要: 最近根据业务需要,编写了一个小的算法,用于从设备的轨迹中提取出设备的驻留点。其中关于时间的验证,使用了上一篇文章中的时间工具js,设备的轨迹是用一个点数组来表示的,驻留点也是一个点的数组。 function checkDistance(pointArrayBefore... 阅读全文
posted @ 2016-07-26 14:16 拿饭盒当烟灰缸 阅读(567) 评论(0) 推荐(0) 编辑
摘要: 时间字符串和年月日数据之间的自由转换工具:2018年更新版上代码:/** * @Desc: 时间处理工具 * @Author: 拿饭盒当烟灰缸 * @Date: 2018-02-27 15:42:44 * @Last Modified time: 2018-... 阅读全文
posted @ 2016-07-04 16:02 拿饭盒当烟灰缸 阅读(172) 评论(0) 推荐(0) 编辑