早起早睡的少年郎-CSDN博客

原创 [Vue2 + ElementUI]开发记录

持续更新…2017/4/9: 修改ElementUI tree组件<el-tree-node>原有样式//有scoped是vue2的<style scoped> .nav-tree{ color: #ffffff; background-color: #324057; border: none; }</style>//修改原样式在没scoped的style内<s

2017-04-09 11:28:47 2778

原创 2017补全计划-多线程Worker-学习笔记

参考资料：【转向Javascript系列】深入理解Web Worker使用Web Workers - Web API 接口| MDN深入 HTML5 Web Worker 应用实践：多线程编程Web Worker在WebKit中的实现机制回家再写….

2017-02-08 17:31:00 808

原创 2017补全计划-JS引擎，UI引擎-学习笔记

参考资料有点多：一篇给小白看的 JavaScript 引擎指南浅析JavaScript引擎的技术变迁浏览器渲染的那些事(一)浏览器渲染的那些事(二)浏览器渲染的那些事(三)浏览器的JavaScript引擎（这篇比较有用）目前学到的，关于JS引擎：定义：JS引擎用于读取和编译 JavaScript 代码不同浏览器有不同的引擎实现，内部多都分不同模块，进行分类工作引擎有词法分析器，不同引擎实现不同

2017-02-05 21:28:57 932

原创 2017补全计划-JS的工厂模式-学习笔记

参考以下资料:【JavaScript设计模式2】-简单工厂模式深入理解JavaScript系列（28）：设计模式之工厂模式前端的工厂模式主要用在所实例化的类型在编译期并不能确定，而是在执行期决定的情况（简单说是写代码时候A B C写出来用运行是用户来决定用那种情况）上代码：var productManager = {};productManager.createProductA = functi

2017-02-04 16:17:13 1550

学习过程是这样的，找到一篇阮一峰的Event Loop的文章，结合自己以前看过的《JS高设》里面的介绍又一次整体学习了事件队列JavaScript运行机制详解：再谈Event Loop但是，又找到这篇【朴灵评注】JavaScript 运行机制详解：再谈Event Loop再经过2次阅读之后，我发现，当时朴灵对阮一峰的指正只是说出了错在哪里，而没有找到他对整个知识点的解释（结尾有但是比较模糊）所以我

2017-02-04 10:14:59 544

原创 2017补全计划-前端AOP编程-学习笔记

AOP的学习笔记，参考资料JavaScript 基于对象事件的 AOP 实现用AOP改善JavaScript代码学习笔记： AOP 主要思想是把一些与业务无关但又在多个模块使用的功能分离出来如下面代码片段（注释是我的理解），如果想在函数a之前加入一段代码（又不希望直接修改函数a），可以用 a.before(b)的方式，b是另一个函数，把需要的代码段写在b里面。Function.prototype.

2017-02-04 10:09:00 685

原创 Angluar2报错记录（持续更新...）

Cannot find a differ supporting object ‘[object HTMLSelectElement]’ of type ‘object’. NgFor only supports binding to Iterables such as Arrays.ngFor指令只支持数组对象，而不支持Html的（Select类型）元素因为<select #week (chan

2017-01-02 21:32:25 3947

原创 Angular2学习心得

学习记录：看了近10小时的开发文档（开发指南1-7）,因为没有连上后台也没有用到express 所以数据都是静态的主要是练习了组件间父子组件的通信和Angular2的基本开发下面是对比同样页面用React和Angular2的不同感觉：1.用知乎上的一个回复来讲：微软和google,一个总想全世界的代码都是C#,另一个总想全世界的代码都是Java.Angular2给人的感觉就是..很JavaRea

2016-11-06 23:17:32 2577

原创开发中复写框架函数的问题

需要把项目所有ajax请求的参数加上一个随机数（用于清缓存），但是项目有40多个ajax请求，不想手动去修改，于是自己想试着修改jQuery的ajax源码，最后也达到目的了，后来又优化（或者说改进）了一下方法，在博客上mark下以后用。首先是用来的做法：ajax: function( url, options ) { if(url.data != undefined)

2016-10-31 11:29:27 897

原创 Js对象引用学习总结

昨晚在对象值引用的问题了花了2小时，今天爬起来看权威指南和MDN，终于总结出来了（虽然网上已经很多了，但不是自己经历还是不够深刻）以下是简单化的问题： //定义obj对象,里面有一个object类型的a属性 var obj ={ a:{} }; // 定义 v1,2,3值是object var v1 = {v:'1'}; var v2 =

2016-10-25 10:32:01 559

原创 React Webpack报错

Webpack+React报错记录

2016-10-20 10:50:15 19977 4

原创 form-json-url传参

最近的没有更博客，因为跟了一个项目，才发现自己的知识量远远不足，做项目到现在，收获的也知识learn more learn fast的决心。今天在做前端表单部分发现了一些很懒的代码，mark下来。关于：js里获取form转换为json，通过ajax url传到servlet首先说明的是，url里面不能有对象，所以json对象要变成字符串放在url。代码html

2015-11-20 19:51:09 639

原创搭建tomcat服务器，目标可通过外网ip访问本机

最近学习了一些微信的开发者方面的东西，申请了一个阿里云，因为一些原因，不能在阿里云直接布置服务器，只能通过远程控制主机来布置，虽然我也不明白为什么我一个前端要去弄那些，但是也算收获一些东西了。记录一下。

2015-10-03 16:30:33 15645 2

原创【jQuery应用】导航栏滑块随鼠标移动

刚写了一个导航栏的效果。为达到的效果是这样的：当鼠标放在jQuery上面时，Python上方的棕色滑块会滑动到jQuery上方，当鼠标离开导航栏时，滑块重新回到Python上方。

2015-09-23 09:06:47 3539

原创【jQuery应用】5秒后释放button键，position的relative和absolute心得

逛天猫时候突然想做一个和付款后温馨提示那个见面一样的button键功能（5秒后才可以点击关闭），就用jQuery试下了。

2015-09-18 18:02:52 1491

原创【JavaScript】学习笔记（对象的访问，创建；for-in循环）

JavaScript 中的所有事物都是对象：字符串、数值、数组、函数...访问对象的属性：objectName.propertyName（对象名.属性名） var x=message.length;访问对象的方法：objectName.methodName()（对象名.方法名）

2015-09-14 23:57:08 507

原创【JavaScript】DOM之我的初步理解

DOM，Document Object Model 文件对象模型。比如：一个网页，html是网页文件，<html></html>里面的标签（<p></p>），属性（color,width）等等，都是“对象”，DOM把这些对象归类的一个模型（树模型）。通俗来讲：DOM的作用是对html里面的所有对象进行增删改查。他可以获得html里面某个标签的内容（通过getElementById("xx") ），也可以修改，删除，新增这些标签和属性。对于Web前端而言，DOM的作用非常重要。

2015-09-14 23:55:48 472

原创【JavaScript】学习笔记（函数，符号，循环）

Mark一下今天的学习笔记~

2015-09-13 11:13:08 491

原创【Java设计模式】· 策略模式（Strategy Pattern）

1.策略模式定义了一系列的算法，并将每一个算法封装起来，而且使它们还可以相互替换。策略模式让算法独立于使用它的客户而独立变化。需要的时候可以灵活地调用方法，也可以对方法（策略）进行修改，客户端调用方法时不需要知道这个方法是怎样实现的。 2.策略模式区别于访问者模式，解释器模式，状态模式。访问者模式里面两个对象（访问者与被访者）之间有相互调用函数，增加一个访问者会比较困难（要连同被访者的几个重载函数一起创建，在被访者类里面也要增加相应的函数），在策略模式里面

2015-08-12 10:45:03 625

原创【Java设计模式】· 解释器模式（Interpreter Pattern）

1. 当我们解决问题时，需要重复多次使用某个方法，为了方便，我们就会专门为这个方法写一个类，这就是解释器模式。2.解释器模式和享元模式的不同在哪儿？两个模式共同点是解决"重复多次调用"的问题，享元模式是解决元素多次使用的问题，它的作用是解决这类问题的同时还节省了内存空间。解释器模式是解决方法多次使用的问题，它作用是让我们在解决问题时不需要写太多的代码。

2015-08-11 10:14:32 656

转载【Java设计模式】· 调停者模式（Mediator Pattern）

调停者/中介者模式：1.当多个对象需要互相交互的时候，因为情况太混乱很容易出错，而且出错后也不容易去查复修改（因为可能一个类中调用了多个其他类的方法等..），这时候需要用到调停者模式。2.调停者模式：简单说就是把所有需要交互的类的需求（命令）集中到一个Mediator (中介) 类中，以后所有的布置/修改命令都在这个Mediator中进行，这样会使整个项目看起来易修改，扩展

2015-08-10 13:04:53 679

原创【Java设计模式】· 享元模式 (Flyweight Pattern)

1.今天这篇享元模式学习的时间比之前几个模式都长，看了好几篇他人的博客，最后用自己最简洁直白的话总结出来这篇文章。 2.为什么我们要使用享元模式？顾名思义，享元，就是共享一个"元"，例如，我们打一篇英文的文章，大概200字，1000多个字母，我们并不需要创建1000个字母的对象，实际上我们由始至终只是在做一个26个字母的组合，我们仅创建了26个字母就完成的一篇文章，当我第一次敲下a后，后台

2015-08-09 11:35:09 490

原创【Java设计模式】· 访问者模式（Visitor Pattern）

1.访问者模式：模式的优点在于保护了被访元素的信息完整性，user只需要通过第三方（objectstructre结构体）就可以完成一个访问过程。而且，被访问的元素可以随时从结构体内增加或删除，也体现了访问者模式的易扩展性。2. 访问者模式据说是设计模式里面最难懂的，但我觉得最难的还是动态代理模式。那么接下来说一下访问者模式的"难懂"在哪儿？为了保护"被访问者"的信息，访问

2015-08-08 09:37:07 743

原创【Java设计模式】· 命令模式（Command Pattern）

1.命令模式：按自己的理解，命令模式的优点在于封装性完好，user在使用命令模式时候只需要知道“功能”而不需了解其他，而命令模式的重点在于，把所有的命令事先写好在一个类（ControlPanel）中，这样所有的操作都仅对这个（ControlPanel）类执行。2.例子：简单地模拟控制一间房间的灯的开关。

2015-08-07 10:14:42 478

原创【Java设计模式】· 职责链模式（Chain of Responsibility）

职责链模式：1.觉得学过的东西如果不记下来就太浪费了，还会经常忘掉，于是乎开始写博客。我只是一个菜鸟程序员，但有一颗向往技术大牛的心。2.职责链模式：当一个问题需要经过“重重考虑”才能给出结果时，这样的“重重考虑”的过程，需要用到职责链模式。职责链模式中，有多个负责不同职责的handler，当handlerA解决不了问题时，会交给handlerB,而如果handlerB也不能解决时，就会交给handlerC····以此类推，直到最后一个handler。

2015-08-06 13:11:10 496

早起早睡的少年郎

原创 vue源码调试踩坑记录