winjowind-CSDN博客

原创 angularjs的$compile用法

angularjs里比较重要但又很少手动调用的要属$compile服务了，通常在写组件或指令时，都是angularjs自动编译完成的，但有时我们可能需要手动编译，比如封装一个table组件，根据参数实现自定义渲染，增加一列复选框或者一列按钮啥的，这是就需要用到$compile了。

2016-12-18 20:47:55 24773

原创 javascript多叉树实现

多叉树可以实现复杂的数据结构的存储，通过遍历方法可以方便高效的查找数据，提高查找的效率，同时方便管理节点数据。javascript的DOM其实就是以多叉树的形式存储的。下面用javascript来实现多叉树的数据结构

2016-11-19 22:31:19 3504

原创 require总结

RequireJs用的是AMD规范，可以异步加载模块，解决了模块依赖，页面阻塞等问题，使用脚本时以module ID替代URL地址引入文件

2016-11-13 23:10:30 975

原创让视野外html元素显示在视野中

对于滚动条外的元素有时我们需要让其自动进入视野范围内，比如聊天界面，每发过来一条消息，让最新消息显示在视野内，或者点击按钮，要看到对应的内容。对于一般文档内容，可能直接在元素上设置个id，然后利用链接跳转功能就可实现，如：<a href="#about">about</a>但对于一个元素的内容，如何其在滚动条外如何做呢？有两种简单的方法

2016-11-06 19:12:02 1511

原创 jQuery及AngularJs的ajax请求对比

jQuery的$.ajax方法和AngularJs的$http服务处理方式默认是不一样的，所以对于相同的请求，后端的得到的数据格式不一样，下面总结这两种方法请求的差异以及如何自定义请求格式。为了前后端交互，更好的查看http协议和数据，后端用nodejs和express，并用中间件处理发送的数据

2016-10-14 23:08:08 841

理解闭包关键理解JS的对象的本质以及垃圾收集机制。函数也是对象，也有属性，通常执行一个函数时，局部变量在函数执行完后，内存会被回收，这是JS的垃圾收集机制决定的，如果想保存局部变量所占用的内存，就必须把保存在另一个不被回收的变量中，通常是全局变量。函数在创建时，内部属性[[Scope]]保存了作用域链，作用域链中包含外部函数以及全局对象的变量，被称为变量对象。所以把内部函数返回时，由于把函数保存了，

2016-07-17 22:01:17 318

原创 JavaScript线程

JavaScript是单线程的，因此在单个脚本运行过程中，会阻塞其它代码的执行

2016-07-17 21:58:24 269

原创 flex布局总结

flex布局可以轻松实现元素的水平及垂直居中，还可以调整元素的顺序，而只需要设置简单的几个属性就可以达到非常好的效果，下面总结一下flex的一些属性，以便查询。要用flex布局很简单，只需要设置display: flex或display: inline-flex，顾名思义，前者是块级元素，后者是内联元素，这是作用于父元素上的，个人觉得有点像表格一样，当元素设置display: table或者用表格标

2016-07-14 02:11:13 1397

原创 css布局之负外边距的妙用

在利用css布局时，理解浏览器如何根据css属性进行渲染我觉得对于控制排版是非常重要的，一般我在脑中会把元素设想为一个个盒子，盒子有内部，有外部，浏览器就是按顺序根据样式把一个个盒子排列起来，而盒子之间边界是包含外边距的边界，起点是左上角。图取自w3school 通过设置width，padding，margin等属性可以调节整个盒子的大小，而对于浮动元素，个人理解就像是设置对块级元素不可见一样

2016-07-05 23:58:51 4554

原创 CSS居中之道

css布局里居中问题是最基本也是平时布局时都会遇到的问题，虽然之前也积累了几种居中的方法，但实际做页面布局时发现不知道选择哪种居中方法好，甚至有的居中方案能解决布局，但会引发一些小问题，后期维护起来也麻烦，感觉像hack一样，只是为居中而居中，因此总结几种平时都会用到的方案，并针对其原理和适用场景进行分析和总结。

2016-07-04 01:18:45 392

原创 matrix矩阵变换

在CSS3转换以及HTMAL5画布里均有元素或图形的转换，除了基本的移动、缩放、转动、拉伸还有一个能包含上述所有转换方法的matrix方法，在HTML5的canvas里用的是transform，不管是CSS3还是HTML5，其转换的本质是一样的，不同的是CSS3里默认坐标原点在中间，HTML5默认坐标在左上角，但都有对应方法可以移动坐标轴。下面就总结如何运用matrix方法进行转换。

2016-06-20 12:56:26 1039

原创 JS关于this的思考和总结

this指向问题一直是个比较头疼的问题，有些概念虽说也懂，但每次用的时候又会出错，最近编写一些代码时常用到this，所以又结合书上的概念系统的总结了一下

2016-06-20 00:04:03 382

winjo的博客