- 博客(51)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 前端性能优化篇
前端性能优化篇首先附上连接：yahoo的优化原则=》https://developer.yahoo.com/performance/rules.html?guccounter=1本文摘自《摘自高性能网站建设指南》前端性能优化策略图（图片源自网络）时间都去了哪里？ 浏览器缓存为空 ：当我们首次浏览一个页面的时候，真正的对于html文档的请求占用总请求的时间一小部分。其...
2018-05-19 15:53:26
11628
原创 javaScript正则表达式
javaScript正则表达式 正则表达式由两种基本字符构成： 原义字符：如a、b、c等等 元字符：\b、\t、\r、\v、、\cX、^、[]等等 此外的* + ? $ ^ . | \ () {} [] 都是javaScript正则表达式中的特殊字符，需要注意。正则对象属性 global：是否全文收索，默认为false，可以简写为g...
2018-04-20 19:18:27
269
原创 angularjs+ui-router+requirejs+angularAMD+SSM项目实战
AREASTATE源代码地址：https://github.com/LQ55/AREASTATE开发工具：eclipse技术栈简介前端使用 AngularJs+ui-router搭建基础单页面应用 BootStrap实现页面响应式布局 require.js+angularAMD进行按序加载后端使用 Maven进行项目的依赖管理...
2018-03-16 14:31:02
674
原创 面向对象中类与类之间的关系
类与类之间的关系关联关系 表示一个类与另外一个类有联系，通常在 表现为一个类对象作为另一个类的属性 。 类图中表示关联关系时可以在关联关系线上标注角色名，一般使用一个表示两个之间的关系的动词或则名称表示角色名（有时候名称为实例对象名），关系的两端代表不同的角色名，可以在两端写名，也可以不写。双向关联单向关联自关联多重性关联 表示方式 多重性...
2018-08-04 20:03:59
1981
原创 面向对象的7大设计原则
面向对象中的设计原则常用的面向对象设计原则包括如下：单一职责原则 一个类只负责一个功能领域中的相应的职责，或者可以定义为，就一个类而言，只应该有一个引起它变化的原因。单一职责原则是实现高内聚，低耦合的指导方针，是最简单又最难以运用的原则。开闭原则软件实体对于扩展开放，对于修改是关闭的（软件实体应该尽量在不修改原有代码的基础上面进行扩展）。实现开闭原则的关键是抽象化，并...
2018-08-04 19:37:01
1809
原创 图解HTTP小记
图解HTTP小记（1）HTTP协议和TCP/IP协议族内的其它众多协议相同，用于客户端和服务器端的通信。（2）HTTP协议规定，请求是从客户端发出。（换句话说就是请求是先从客户端开始建立，服务器在收到请求之前不会有答复）（3）请求和响应的报文格式请求报文格式：请求报文由请求方法、请求URI、协议版本、可选的首部字段和内容实体组成。一个简单的请求报文：POST /form...
2018-08-03 20:33:23
273
原创 CSS命名规范之BEM
What is BEM？BEM：Block（块） Element（元素） Modfier（修饰符），是由Yandex团队提出的一种前端命名方法论。根据这个规范，能够创建出可以复用的前端组件和前端代码。（BEM是一个高可用、强大的、简单易用的命名规范）编程方法论中常见的一个就是面向对象编程（OOP），这种方法用在了许多的语言中。BEM和OOP类似的，是用代码和一系列模式来描述实际情况的方法，...
2018-08-01 15:22:30
903
原创 Promise的resolve方法和reject方法
Promise的resolve方法和reject方法Promise.resolve方法返回一个promise的实例Promise.resolve('foo');//等价于如下new Promise((resolve)=>{ resolve('foo');})根据参数不同，分为一下几种情况（1）参数是一个Promise的实例如果参数是一个Promise的实例...
2018-07-29 20:48:33
56821
2
原创 圣杯布局的介绍与实现
1、通过圣杯布局、双飞翼布局、flex布局实现左中右3栏布局（左右固定，中间流动布局）产生原因：以前实现左中右必须按照源顺序（在 DOM 中表现为先写 Left，然后 Middle，最后，Right）等，它将可能导致代码不够灵活，尤其是从 DOM 的载入顺序上来说，中间的内容不能被首先加载。如何实现：结构申明：声明一个容器.container，并同时声明.middle，.left，....
2018-07-26 11:12:15
517
原创 javaScript语言编写的Java语言编译器-词法分析模块
javaScript语言编写的Java语言编译器-词法分析模块源代码地址 https://github.com/LQ55/compiler一个采用javaScript写的Java语言–词法分析器技术栈：html、css、javaScript、RquireJs、Es6、AMD规范前端遵循AMD规范的模块化编程，使用了Es6语法，使用RequireJs进行文件的加载，处理。如何...
2018-07-23 17:48:52
493
原创 AngularJs中动态html包含指令问题
AngularJs中动态html包含指令问题在使用ui-grid来渲染数据列表的时候，遇到一个问题就是当数据量太大的时候，对于渲染好了的列表，如果再次修改这个列表，重新绑定数据集，ui-grid处理非常慢（大致看了一下源码，里面对于重新绑定的数据集，不会去创建表格，只会从当前的表格中克隆节点，然后再处理，并且其中需要销毁很多的监听器）。一直解决不了，换了一种方式，当数据变化的时候，我就销毁当前...
2018-07-18 21:14:54
1398
原创 javaScript中的对象的继承
借用构造函数实现继承 function SuperType(){ this.colors = ["red","blue","green"];}function SubType(){ //在子类构造函数中调用父类构造函数（同时这种方式支持向父类构造函数传参） SuperType.call(this); //SuperType.call(this,arg1..
2018-07-18 20:43:00
172
转载 ui-grid使用详解
ui-grid使用详解附上链接：https://blog.csdn.net/inuyasha1121/article/details/55670268
2018-07-14 11:43:16
3558
原创 javaScript中的函数节流与函数防抖
javaScript中的函数节流与函数防抖 问题：在实际开发中我们很可能用到resize和mousemove等事件，但是这些会频繁的触发，如果是在对应的事件处理函数写一些操作dom的方法的话或者说发送一些ajax请求的话，这样肯定非常耗性能，并且给用户的体验也不好。函数节流 函数节流的原理：持续触发一个事件，每隔一段的时间，事件只会执行一次。simplely speaki...
2018-05-19 15:43:51
532
原创 javaScript异步、消息队列、事件循环
javaScript事件循环为什么javaScript是单线程？（避免复杂性） JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率啊。 JavaScript的单线程，与它的用途有关。作为浏览器脚本语言JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程...
2018-05-18 20:23:09
1540
1
原创 HTML5之FileReader API的使用
HTML5之FileReader API的使用简介 FileReader 对象允许Web应用程序异步读取存储在用户计算机上面的文件（或者原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。其中File对象可以是来自用户在一个input元素上选择文件后返回的FileList对象,也可以来自拖放操作生成的 DataTransfer对象,还可以是来自在一个HTM...
2018-05-18 20:14:16
1564
原创 CSS3的点滴
CSS3的点滴1、CSS3给前端带来了什么？（CSS3特性） 过去：我们要么押注用户愿意为优雅漂亮的设计多等点时间（顺便说一句，用户不愿意）， 要么为了可用性而抛弃图片，牺牲设计理念。 现在：CSS3 让我们可以在很多方面不必再妥协和 牺牲。仅需要几行代码（而且不用图片），CSS3就可以创造出各种效果：圆角、背景渐变、文字阴影、盒阴影、自定义字体以及多重背景图片（当然，这...
2018-05-18 20:11:28
178
原创 Ajax
Ajax Ajax技术的核心是XMLHttpRequest对象。XMLHttpRequext实际上就是在浏览器和服务器之间加入了中间层，这个中间层起到了代理作用，并负责通信。 Ajax的技术组成 XMLHttpRequest对象的方法 方法 描述 open(string method,string url,boolean a...
2018-05-18 20:08:49
148
原创 gulp教程记录
GULPgulp能够做什么东西？（以前这些工作都是人工做的）检查JavaScript编译Sass（或Less之类的）文件图片压缩Css Js 合并Css Js 内联压缩并重命名合并后的JavaScript变更静态资源给静态资源添加md5合并雪碧图自动刷新浏览器ESLint rem移动端适配方案 等等。。gulp的配置文件gulpfile.js（其实整个gu...
2018-05-18 20:03:32
216
原创 NPM命令集锦
//获取镜像地址(原来的为https://registry.npmjs.org/) npm get registry//设置镜像地址(淘宝镜像) npm config set registry http：//registry.npm.taobao.org//安装指定版本的模块 npm install moduleName@versionNo//列出全局套件...
2018-03-18 17:02:21
232
原创 RquireJS的使用
RequireJs和AMD规范模块化编程相关笔记RequireJS简介 RequireJS是一个JavaScript模块加载器。它非常适合在浏览器中使用。它是一个工具库，主要用于客户端的模块管理，当然也可以应用于服务器端，例如Node.js中。RequireJS模块管理遵循AMD规范（Asynchronoous Module Definetion）RequireJS的使用...
2018-03-18 17:00:04
446
转载 Flex弹性布局手记
Flex布局笔记本文参考：参考链接 参考demo：DEMOFlex布局简介 传统布局是基于盒装模型，依赖display属性+position属性+float属性。传统布局对于有的布局不好实现，例如垂直居中。2009年，W3C 提出了一种新的方案—-Flex 布局。可以简便、完整、响应式地实现各种页面布局。Flex布局特点 任何一个容器都可以指定为 Flex ...
2018-03-08 20:40:37
183
原创 git命令集锦
//安装篇 1：windows上面使用git直接到官网下载git安装程序，完成后开始菜单中git->git bash如果能弹出，安装成功。 2：自报家门，打开git bash gitconfig−−globaluser.name"YourName"gitconfig−−globaluser.name"YourName" git config --global user.name...
2018-03-04 14:53:06
185
转载 javascript事件循环机制
文章出处https://zhuanlan.zhihu.com/p/26229293函数调用栈与任务队列Javascript有一个main thread 主进程和call-stack（一个调用堆栈），在对一个调用堆栈中的task处理的时候，其他的都要等着。当在执行过程中遇到一些类似于setTimeout等异步操作的时候，会交给浏览器的其他模块(以webkit为例，是webcore模块)进行处理，当到...
2018-02-27 10:56:56
301
原创 浏览器的cookie，localStorage,sessionStorage区别
浏览器的cookie，localStorage,sessionStorage区别localStorage,sessionStorage,cookies都是客户端存储的解决方案1、localStorage和sessionStorage的声明周期localStorage和sessionStorage都是用来存储客户端临时信息对象，他们只能存储字符串类型的对象，所以我们想要存储其它类型的
2018-01-19 21:04:02
4172
转载 Ubuntu服务器搭建MySQL+Tomcat+JDK
话不多说，感谢博主，原文连接如下：Ubantu服务器搭建MySQL + Tomcat + JDK注：博主里面很多命令没有使用sudo命令，比如解压tomcat，直接使用tar命令可能遇到权限不够的情况，这个时候需要在前面加上sudo 命令。sudo是linux系统管理指令，是允许系统管理员让普通用户执行一些或者全部的root命令的一个工具，如halt，reboot，su等等。这样不仅减少了
2017-12-20 16:51:58
204
转载 web文件上传下载原理浅析
一、web文件上传浅析现在有很多Web程序都有上传功能，实现上传功能的组件或框架也很多，如基于java的Commons FileUpload、还有Struts1.x和Struts2中带的上传文件功能（实际上，Struts2在底层也使用了Commons FileUpload）。在asp.net中也有相应的上传文件的控件。虽然现在有很多上传组件可以利用，但是了解Web上传文件的原理
2017-12-11 10:58:36
19023
转载 SpringMVC+Spring+Mybatis 整合教程（入手及用）
原文链接http://www.jianshu.com/p/afc5446df498
2017-11-22 11:00:28
222
原创 java扫描文件夹下面的所有文件（递归与非递归实现）
java中扫描指定文件夹下面的所有文件扫描一个文件夹下面的所有文件，因为文件夹的层数没有限制可能多达几十层几百层，通常会采用两种方式来遍历指定文件夹下面的所有文件。递归方式非递归方式（采用队列或者栈实现）下面我就给出两种方式的实现代码，包括了递归与非递归实现，code如下所示。package q.test.filescanner;import java.io.F
2017-11-21 20:25:29
11736
2
原创 java排序算法集
java中排序算法集java排序算法包括了很多种，包括了插入排序、选择排序、快速排序、归并排序、桶排序、堆排序等等一系列的。一、选择排序的递归与非递归实现首先是非递归实现，代码如下。 /** * TODO:非递归选择排序算法(每次找出列表中最小元素或者最大元素放到当前列表的开始位置) * @param noSortList 带排序的列表 * @return In
2017-11-21 19:50:46
235
原创 javascript中var与let与const的区别
var与let的区别到ES6的时候，javascript中声明变量的方式有三种var、let、const1：作用域只是局限于当前代码块 { var str = "aaa"; console.log(str);//aaa let str1 = "dddd"; console.lo
2017-10-31 16:49:30
2113
1
原创 java设计模式之单例模式
java单例模式java单例模式是一种常见的设计模式，单例模式分为3种懒汉式单例饿汉式单例登记式单例单例模式的特点单例类只能有一个实例单例类必须自己创建自己的唯一实例单例类必须给所有其他对象提供这一实例单例模式确保某个类只有一个实例，而且自行进行实例化并向整个系统提供这个实例。在计算机系统中，某些东西被设计成为单例模式。例如线程池、缓存、日志对象、对话框、打
2017-10-12 11:00:52
175
转载 web安全之CSRF（XSRF）浅析
CSRF(XSRF)是什么？CSRF (cross-site request forgery)，中文的名称：跨站请求伪造，也被称为:one click attack/ session riding,缩写为：CSRF/XSRF。CSRF(XSRF)可以做什么？CSRF攻击：攻击者盗用了你的身份，以你的名义发送恶意请求。CSRF能够做的事情包括，以你的名义发送邮件，发消息，盗取你的账号，甚
2017-10-11 10:45:51
1867
原创 web安全之XSS浅析
Web安全定义随着web2.0、社交网络、微博等等一系列新型的互联网产品的诞生，基于Web环境的互联网应用越来越广泛，企业信息化的过程中各种应用都架设在Web平台上，Web业务的迅速发展也引起黑客们的强烈关注，接踵而至的就是Web安全威胁的凸显，黑客利用网站操作系统的漏洞和Web服务程序的SQL注入漏洞等得到Web服务器的控制权限，轻则篡改网页内容，重则窃取内部数据，更为严重的则是在网
2017-10-11 08:17:00
656
原创 java里面将OutputStream转化InputStream(struts 运用)
java里面将OutputStream转化为InputStreamjava里面有的时候并不需要将OutputStream保存为实际的文件，因为这个既浪费空间又浪费时间。就如在使用struts进行文件的下载时，可能下载的内容是临时动态生成的。要实现下载有两种方式（这里利用动态生成Excel，并提供下载为例子）第一：当创建一个内容后，利用FileOutputStream把文件写入其中，这个
2017-09-29 15:25:43
8023
原创 angularjs自定义指令属性详解
angularjs自定义指令属性详解通常在使用angularjs过程中，很多时候angular自带指令不能满足我们对于各种业务的需求。这个时候我们需要自定义指令，自定义指令属性详解如下：var directiveModule = angular.module("DirectiveModule",[]); //第一个为指令名称，采用驼峰命名，在使用时相应的驼峰位置换为-如<ddd...
2017-09-04 00:05:14
1047
原创 angularjs中作用域事件的路由与广播
angularjs事件传播方式angularjs作用域事件相关的方法：$on()，$emit()，$broadcast()angularjs作用域支持两种事件传播方式事件从子作用域路由到父作用域（$emit()函数）事件从父作用域广播到所有的子作用域中（$broadcast()函数）angularjs事件传播angularjs作用域对象提供的$emit()方
2017-09-02 23:06:31
396
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人