洲上牧童-优快云博客

前言这两本书应该是目前ES6相关的比较好的了，网上有电子版本（文末有链接）。不过我买了书看，哈哈。这两篇摘录笔记分为上下两部分，本文是下半部分（7-10章），摘录了两本书里一些比较有用的知识点。目录 7 . Symbol和Symbol属性 8 . Javascript中的类 9 . Promise、Generator函数、Async函数 10 . 代理（Pro...

2018-06-18 13:19:20 396

原创结构-行为-样式 - angularJs 指令实现无限级下拉列表

A、数据格式：[ { "groupKey": "c1", "name": "项目营销", "selectHide": false, "son": [ { "groupKey": "c1t1", "name": "项目一&q

2018-04-14 23:21:38 494

原创结构-行为-样式 - React + Redux + Webpack + Antd 小Demo

最近在学习React，从小白到入门，谈不上精通。每一个新的框架都是一样，主要是自己有自己的学习方法，再多的框架也是手到擒来。React主要的思想就是组件开发，官网上的Demo也说的很详细，就是让你在做一个页面之前，先想想，这个东西能拆分成什么模块，子模块，怎样嵌套。设计的思路理清楚之后才是动手写代码，同时，作为一个框架，它采取的是一种包容的态度。一个Demo下来，除了官方的那几个Js之外，其他大部

2018-04-14 11:48:04 757

原创结构-行为-样式 - Angularjs 实现树形结构拖拽（Ztree、JqueryUI）

新的项目中有一个需求是要求客户标签可以自定义，于是就想到了客户体验，让客户自己拖拽标签进行组合查询。但是理想很丰满，现实很骨感。一开始就遇到了问题，各个插件之间的结合问题，折腾一翻之后终于实现了这个功能，这里记录一下。

2018-04-14 11:47:59 616

原创结构-行为-样式-Js排序算法之快速排序

快速排序算法，是我的算法系列博客中的第二个Js实现的算法，主要思路：在一个数组中随机取一个数（一般都取第一个或者最后一个），使这个数与数组中其他数进行比较，如果比它大就放到它的右边，比它小就放到这个数的左边，依次递归调用直到比较队列中只有两个数。

2018-04-14 11:47:56 215

原创结构-行为-样式-JqueryUI拖放使用实例（全）

最近工作中有个需要是动态配置页面，想到之前公司有做过类似的，用的是JqueryUi，所以就看了下它的Api。下面就是我做的小Demo，想用的同学可以参考：Html： div class="page-component"> div class="pct-content"> div class="btn btn-default

2018-04-14 11:47:54 333

原创结构-行为-样式-Js函数节流

最近一个面试官问了我一个函数节流的问题，大概是：Js 方法传入两个参数：一个时间值、一个函数，返回一个函数。在这个时间间隔内，无论用户怎么触发这个函数，只执行一次这个函数,直到这个时间走完才可以执行第二次这个函数。然后感觉自己工作中遇到过这个问题，但是不知道这种形式就是函数节流。下面我来说下这个Js的高级问题，思路：函数节流就是防止用户高频调用某个事件而做的Js层面的处理方法。主要就是在一定时间内

2018-04-14 11:47:51 181

原创结构-行为-样式-Js排序算法之直接插入排序

最新因工作原因需要接触到算法，之前学习C++的时候有接触过算法，Javascript中实现算法其实也是大同小异。下面我讲下第一个实现的排序算法--直接插入排序。基本实现思路：假定一个数组中前n（n>=2）个值已经排序好了，那我们就从第n+1个与前面进行比较，当 a[n+1] > a [i] && a[n+1] < a[i-1] 的时候则进行插入，以此类推。...

2018-04-14 11:47:49 223

原创结构-行为-样式-css&html横纵居中最佳实践

最近在做手机端的H5项目，有个标题是在一根横线中的，就是水平居中加垂直居中（如图一）。这应该是前端开发中经常遇到的一个场景了，做的次数多了就有一些体会，我今天就总结了下这种结构的实现思路：首先，用元素的Border来做这根线；然后，线与文字在同一个父级元素下；最后，设置线为绝定位，文字相对定位，设置文字高度为线Margin值的两倍；图一：相应Html：div>

2018-04-14 11:47:46 278

原创结构-行为-样式-Css笔记

0、常见的行级元素和块级元素：　　块级元素：　　address,article,aside,audio,blockquote,canvas,　　dd,div,dl,fieldset,figcaption,figure,footer,form,　　h1-6,header,hgroup,hr,noscript,ol,output,p,　　pre,section,table,tf...

2018-04-14 11:47:43 397

原创结构-行为-样式-angularJs 指令实现滚动文字

最近在做XX项目的大屏展示页面，有一个表格需要用到这个滚动效果，于是就写了个指令，记录下，共同学习。 Html代码：td word-roll tword="item"> div class="scroll_div fl"> div class="scroll_begin" ng-bind="item.project">div>

2018-04-14 11:47:36 366

原创结构-行为-样式-Javascript 深度克隆函数（转）

突然想到有一回面试的时候有一个问题一直挂在心头，于是乎在网上找了找，这个比较好： //深度克隆 function deepClone(obj) { var result, oClass = isClass(obj); //确定result的类型 if (oClass === "Object"

2018-04-14 11:47:33 238

原创结构-行为-样式-Jquery实现延迟加载特效（数据缓冲特效）

最近在做一个地产项目的过程中，原来用的延迟加载的插件在IE下会使浏览器突然缩小，这个让客户很不满意，于是就考虑到兼容性的问题决定自己写一个插件。思路：定义一个代码块，手动加载到页面，然后手动删除。在项目中调用的时候就可以实例化这个插件，调用他的打开关闭方法，这个插件主要是在Ajax请求数据的时候需要。 Js代码：define([ 'jquery'], function($)

2018-04-14 11:47:31 654

原创结构-行为-样式-angularJs 指令解决IE下无PlaceHolder的问题

最近项目开发的时候遇到一个头疼的问题，在测试IE兼容性的时候，发现placeholder在IE下无效。查网上说也是有各种解决方案，但是都不是我想要的，于是决定自己写一个。思路：placeHolder是一个提示性的文字，我们完全可以用Span元素来达到这个效果。当用户点击Input的时候隐藏Span，失去焦点的时候Blur一下，恢复Span。但是要考虑到默认有内容的情况，这个时候加一个指令判断开关

2018-04-14 11:47:26 275

原创结构-行为-样式-AngularJs--指令实现手动触发响应到页面指定位置

最近工作需要增强用户体验，项目经理说下拉框架用户体验太差，于是乎我开始想了如下指令。这个指令可以让用户点击的时候把下拉或者其他的响应显示的东西不会因为屏幕的滚动而看不见，也就是让用户看见他想看见的。具体如下：define(['angular'], function(){var commonDirectives = angular.module("commonDirecti

2018-04-14 11:47:20 299

原创结构-行为-样式-requireJs实现图片轮播插件

最近工作需要，就自己写了一个图片轮播插件，不过想到要集成到框架中，于是又用RequireJs改了一遍。主要文件：style.cssjquery-1.11.1.min.jsrequire.jsviewpager.jsview.jsindex.htmlviewpager.js: define(['jquery'], fun

2018-04-14 11:47:18 262

原创《ES标准入门》&《UNDERSTANDING ECMACHRIPT 6》读书摘录笔记（上）

写在最前面，我回归是因为优快云终于可以写私有博客啦，赞！！！前言这两本书应该是目前ES6相关的比较好的了，网上有电子版本（文末有链接）。不过我买了书看，哈哈。这两篇摘录笔记分为上下两部分，本文是上半部分（1-6章），摘录了两本书里一些比较有用的知识点。目录 1. 块级作用域绑定 2. 字符串与正则表达式 3. 函数的扩展 4. 数...

2018-04-11 09:53:19 284 1

原创结构-行为-样式-Angularjs-ngSanitize

简单点，上代码：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>ngSanitize</title><script src="../jquery.1.9.1.min.js"></script><script src="../angular.js"></script><script src="angular-sanitize

2016-04-09 12:34:19 627