ailiwei2014-CSDN博客

转载将博客搬至CSDN

本人决定将博客搬迁至CSDN。地址：https://blog.csdn.net/kingbox000转载于:https://www.cnblogs.com/ChickenTang/p/8824716.html

2018-04-13 23:20:00 102

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

### 前言*这两本书应该是目前ES6相关的比较好的了，网上有电子版本（文末有链接）。不过我买了书看，哈哈。这两篇摘录笔记分为上下两部分，本文是上半部分（1-6章），摘录了两本书里一些比较有用的知识点。*### 目录> #####1. 块级作用域绑定> #####2. 字符串与正则表达式> #####3. 函数的扩展> ##...

2018-04-11 09:48:00 118

转载结构-行为-样式 - React + Redux + Webpack + Antd 小Demo

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

2017-03-19 13:02:00 218

转载运动小插件（有氧运动）

作为一个热爱运动的程序员，自然而然地会把运动和程序联系在一起。最近发现有一套有氧运动动作很不错，奈何没有一个好的辅助提示工具，于是乎就想到自己写一个，很简单：动作共十组，每运动40秒休息20秒，持续10分钟。不多说，直接上代码：Html代码：<!doctype html><html><head> <meta ch...

2017-02-12 10:10:00 166

转载结构-行为-样式 - Angularjs 环境下Ztree结合JqueryUI实现拖拽

新的项目中有一个需求是要求客户标签可以自定义，于是就想到了客户体验，让客户自己拖拽标签进行组合查询。但是理想很丰满，现实很骨感。一开始就遇到了问题，各个插件之间的结合问题，折腾一翻之后终于实现了这个功能，这里记录一下。首先，在Angularjs+AMD+RequireJs的环境下引入插件：require.config({ baseUrl: "", u...

2017-01-14 22:33:00 202

转载结构-行为-样式-Js排序算法之快速排序

快速排序算法，是我的算法系列博客中的第二个Js实现的算法，主要思路：在一个数组中随机取一个数（一般都取第一个或者最后一个），使这个数与数组中其他数进行比较，如果比它大就放到它的右边，比它小就放到这个数的左边，依次递归调用直到比较队列中只有两个数。代码实现：var arrs = [23,85,61,37,55,12,63,11,99,39,70,21,23];...

2016-12-19 12:49:00 92

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

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

2016-12-11 16:25:00 164

转载结构-行为-样式-Js函数节流

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

2016-12-06 09:44:00 82

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

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

2016-11-28 22:19:00 88

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

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

2016-11-16 21:43:00 137

转载结构-行为-样式-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,tab...

2016-11-10 13:46:00 150

转载结构-行为-样式-跳转并刷新

这几天在做项目需要跳转并刷新，我们项目是用的Angularjs的框架，并且是投放在70寸的大电视上，还需要定时跳转。遇到的问题就是在页面跳转了之后，浏览器占用内存一直在增加，查看了好久，最终下面代码解决问题：//设置五分钟跳转一次 var time1 = setInterval(function(){ ...

2016-11-09 12:31:00 90

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

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

2016-09-28 15:31:00 109

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

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

2016-09-07 15:58:00 121

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

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

2016-08-28 15:26:00 136

转载结构-行为-样式-Css Div 居中的一个最佳实践

最近在做项目的时候，经常会有需要各种居中的情况，现在分享一个最佳实践。<div class="success-bottom"> <div class="hr-use"></div> <div class="youwant"> <span class="loveico...

2016-08-25 19:07:00 69

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

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

2016-08-13 09:57:00 126

转载结构-行为-样式-PS笔记

1、矩形选框，按住Shift就可以成为正圆或者正方形。按住ALt就可以控制圆心的位置；2、美颜：滤镜--模糊--回到开始--历史记录工具，去掉不要的地方。3、套索工具双击闭合；4、钢笔工具是做选区工具使用，也可以配合文字工具写非直线文字；5、摁H键，拖动，可以跳转到图片指定区域；转载于:https://www.cnblogs.com/ChickenTang/p/5700875...

2016-07-24 15:26:00 90

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

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

2016-07-09 11:41:00 119

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

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

2016-07-09 11:39:00 98

转载结构-行为-样式-Javascript笔记

一、console.dir()可以显示一个对象所有的属性和方法。二、递归遍历一个数据集合： A、数据：{ "menu": [ { "menuId": 1, "subMenus": [ { "menuId": 101, "subMenus": [ {}] }...

2016-07-09 11:30:00 112

转载结构-行为-样式-Angularjs-ngSanitize

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

2016-04-09 12:34:00 75

转载结构-行为-样式-Bootstrap笔记

1、自上而下的内容布局，中间内容可变，应该用：<div class=" container-fluid"> <div class=" row"> ...... </div></div>这样如果设置了背景的话，父级Div就会随着内容的增加而增加。2、让dropdown点击不隐藏...

2016-04-08 10:24:00 60

转载结构-行为-样式-angularJs ngAnimate(Js实现)

声明页面Js注意事项官方链接一、声明注意animate的版本要与Angular的一致。<script src="jquery.1.9.1.min.js"></script><script src="angular.js"></script><script src="angular-a...

2016-04-07 23:12:00 133

转载结构-行为-样式-有趣的函数

一、按Enter键的效果：//鼠标事件 document.onkeydown = function(event) { if (event.keyCode == 13 && $("#sendMsgInput").is(":focus")) { sendMsg = $("#sendM...

2016-03-25 19:39:00 101

转载结构-行为-样式-angularJs笔记

0、关于Ng-app　　通过ngApp指令来引导Angularjs应用是一种简洁的方式，适合大多数情况。在高级开发中，例如使用脚本装载应用，您也可以使用Bootstrap手动引导AngularJs应用。1、ngModel实现Select具体参见 AngularJs实现无限级下拉Select。2、在$ scope域外调用$ scope的方法elemen...

2016-03-16 15:52:00 116

转载 Js-Html 前端系列--页面撑开头尾

今天学习过程中，发现一个超实用的方法，就是当页面有尾部，但是内容又不多的情况下，让中间的内容把尾部撑到底部。<script type="text/javascript"> var statusTokenId="${statusTokenId!}"; function register_box_w (a,b){ ...

2016-03-10 17:42:00 129

转载 Js-Html 前端系列--点击非Div区域隐藏Div

最近做项目要用到三字码下拉，调用一个插件，但是滚动条不能点击。后来看另一个插件后突发奇想，在点击其他区域的时候隐藏这个Div就可以了。背景：输入文字，弹出下拉Div，点击或者拉动Div滚动条选择，但是要点击滚动条的时候会隐藏掉，也就是点击不了滚动条。思路：写一个Document级别的事件，监听MouseDown事件，判断点击区域进行判断是否要隐藏这个下拉Div。JS...

2016-01-26 21:25:00 113

转载 Js-Html 前端系列--显示有格式的文本

var dp = $("#dp").val(); var dpXSS = filterXss(dp); document.getElementById("description").innerHTML= "<p>"+dpXSS+"</p>"; function filterXss(content){ ...

2016-01-11 21:40:00 268

转载 Java 实现下载

效果就是点击就可以下载到本机。前台代码示例后台代码示例前台代码示例<a target='_self' href='../downTask/downloadFileToLocal?fileName=59.csv' >后台代码示例@RequestMapping(value = "/downloadFileToLocal", method =...

2016-01-03 12:18:00 67

转载 Js-Html 前端系列--全选，反选

/* 全选 */ $("#selectedAll").click(function(){ var boxcList = $(".boxc");var boxcList1 = $(".boxcp"); var c = $(this).attr("checked"); if(c == "undefined"||c == un...

2015-12-28 22:20:00 105

转载 Js-Html 前端系列--Ajax

最近在做Web项目，用到很多Ajax，也遇到很多问题。下面与大家分享。Ajax传参Ajax同步与异步Ajax与谷歌浏览器Ajax传参我们一般传参有两种形式：$.ajax({ ... data: {'categoryID':categoryID}, ... });和$.ajax({ ...

2015-12-28 22:13:00 65

转载 Js-Html 前端系列--checkbox

今天搞全选按钮，设置Checkbox的时候，处于Checked状态但是不显示勾。最后得出解决方案：var c = boxcList.eq(i).attr("checked"); if(c == "undefined"||c == undefined||c == false){ boxcList.eq(i)...

2015-12-27 17:21:00 66

转载 Js-Html 前端系列--可伸缩菜单

一个非常经典的Demo，自行开发可以扩展。<head> <title></title> <style type="text/css"> div { border: 1px solid black; width: 100px;...

2015-12-27 13:54:00 311

转载 Nutz中过滤特殊字符

##Servlet中有获取Request参数的方法，而Nutz中也有重写类似的方法，我们只要知道它如何得到RequestMap就可以处理请求中的参数，进而对它进行处理。在Nutz项目中的MainModule中配置你写的类（如AnyMobileActionFilter.class）；把需要过滤的字符写在配置文件中（如：SCFilter.properties）.编写A...

2015-12-21 09:02:00 126

转载 JPA实现分页

JPA实现分页Jpa自己已经有了实现分页的基本查询方法，只要自己在网上找一个分页的前端插件，然后再用Jpa查询到数据给它。页面传当前页和每一页的大小给后台，后台就像下面这样处理：public List<PsrAnalysisTask> findAnalysisTask(String loginName, Long analys...

2015-12-18 09:06:00 380

转载 NUTZ中处理系统未捕获异常

关键内容mvc-chain.jsViewProcessorai.setFailView(“redirect:/sysError.html”);log.error(this.trrowableToString(ac.getError()));首先，在mvc-chain.js中配置系统异常处理类var chain={ "default" ...

2015-12-13 18:10:00 201

转载获取Exception的详细信息

转自：http://blog.csdn.net/long95wang/article/details/8089489方法一：public static String getExceptionAllinformation(Exception ex){ String sOut = “”; StackTraceElement[] trac...

2015-12-12 15:26:00 111

转载 Thymeleaf 笔记

th:each=”aname : ${namelist}”th:if=”${name} == ‘SERVICED’”页面使用Map集合<div th:each="osl : ${orderStatusList}" th:if="${osl.key} == 'BOOKED'" class="Title booked" ><div class...

2015-12-08 19:37:00 53

转载 Json 使用小结

关于Json：content={ news_item=[ { title=a, digest=tan for test, content=just for test, content_source_url=, thumb_media_id=mgzrMNJ9WmVJvYxBmk2G84Fa6wp8ugJLs...

2015-11-11 12:56:00 95

空空如也

空空如也