dgedge0769-CSDN博客

转载此博客停更，转至lustforlife.cn

新博客地址：lustforlife.cn转载于:https://www.cnblogs.com/coderL/p/7993732.html

2017-12-06 17:06:00 167

转载关于HTTP中GET与POST的区别

GET和POST是HTTP请求的两种基本方法，要说它们的区别，接触过WEB开发的人都能说出一二。看似很简单，其实是一道送命题 “标准答案”：GET在浏览器回退时是无害的，而POST会再次提交请求。GET产生的URL地址可以被Bookmark，而POST不可以。GET请求会被浏览器主动cache，而POST不会，除非手动设置。...

2017-12-01 14:20:00 172

转载 v8 GC机制

1.为什么要分代V8是Chrome浏览器的javascript解释器，为什么需要把堆分代？不分代不能完成他所做的事情么？其实不分代完全可以，分代的唯一理由就是优化GC性能。你先想想，如果没有分代，那我们所有的对象都在一块，GC的时候我们要找到哪些对象没用，这样就会对堆的所有区域进行扫描。而我们的很多对象都是朝生夕死的，如果分代的话，我们把新创建的对象放到某一地方，当GC的时候先把这块...

2017-12-01 13:52:00 271

转载原生js及H5模拟鼠标点击拖拽

一.原生js1、拖拽的流程动作鼠标按下触发onmousedown事件鼠标移动触发onmousemove事件鼠标松开触发onmouseup事件2、注意事项：要防止div移出可视框，要限制div移动的横纵坐标；防止火狐的bug, 要在最后写上return false，阻止默认事件；防止鼠标运动时移出div，所以要用document.onm...

2017-11-30 16:42:00 1066

转载 textarea高度自适应

一.前言当textarea内容增多时，就会出现一个让人讨厌的滚动条，怎么样让textarea高度随内容自适应呢？二.使用H5 contenteditable 属性代替contenteditable 属性规定元素内容是否可编辑。(如果元素未设置 contenteditable 属性，那么元素会从其父元素继承该属性)HTML:<div content...

2017-11-28 15:51:00 187

转载圣杯布局以及双飞燕布局（栅格）

部分转自：什么是圣杯布局、双飞翼布局？圣杯布局和双飞翼布局解决的问题是一样的，就是两边定宽，中间自适应的三栏布局，中间栏要放在文档流前面以优先渲染。但是圣杯布局和双飞翼布局在实现方式上有一点差别。圣杯布局的来历是2006年发在a list part上的这篇文章：http://alistapart.com/article/holygrail双飞翼布局介绍-始于淘宝UED：...

2017-11-23 16:22:00 166

转载 CSS深入理解流体特性和BFC特性下多栏自适应布局

一、块状元素的流体特性与自适应布局块状元素像放在容器中的水流一样，内容区域会随着margin,padding,border的出现自动填满剩余空间，这就是块状元素的流体特性。来一个小实验：div { margin-left：100px； width：100%；}此时发现，左侧永远100px留白，而div随着容器宽度变化而自适应变化了...

2017-11-15 16:45:00 172

转载 js闭包详解

1.简单的例子首先从一个经典错误谈起，页面上有若干个div，我们想给它们绑定一个onclick方法，于是有了下面的代码 <div id="divTest"> <span>0</span> <span>1</span> <span>2</span> <span&g...

2017-11-10 12:02:00 49

转载 Chrome 下input的默认样式

一.去除默认边框以及paddingborder: none;padding:0二.去除聚焦蓝色边框 outline: none;三.form表单自动填充变色1.给input设置内置阴影，至少要比你的input本身大。不过，box-shadow是很慢的，适当大小。而且，如果你的input是用图片做背景的话，是没有办法做这么干的。设置tr...

2017-11-08 14:32:00 403

转载预防sql注入

前言：这两天做项目的时候发现很多小地方没有注意js或者sql注入，平时登录都是md5加密，今天突然发现记录一下。所谓SQL注入，就是通过把SQL命令插入到Web表单提交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。过程：类似这种很简单的页面，可能sql语句写法都如下:select* form table where title ='...

2017-11-04 18:01:00 92

转载 css3巧用选择器配合伪元素

一 . 前言有时我们在写底部导航栏时，会有很多超链接，每个链接间用“|”分割，如下图：可能刚入门的朋友会想到这样完成，再单独设置span的样式，今天主要介绍怎么样用css3简单快速的完成这个效果（ie8不支持）<a href="http://www.baidu.com">百度</a><span>|</span>...

2017-10-25 22:37:00 71

转载前端数据可视化echarts.js

一、echarts.js的优势与总体情况echarts.js作为国内的IT三巨头之一的百度的推出一款相对较为成功的开源项目，总体上来说有这样的一些优点1、容易使用echarts.js的官方文档比较详细，而且官网中提供大量的使用示例供大家使用2、支持按需求打包echarts.js官网提供了在线构建的工具，可以在线构建项目时，选择项目所需要使用到的模块，从而达到减小JS...

2017-10-25 15:47:00 223

转载 javascript浅拷贝深拷贝详解

一、浅拷贝浅拷贝在现实中最常见的表现在赋值上面，例如<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>测试</title></head><body> ...

2017-10-25 11:44:00 52

转载 JavaScript定时器实现的原理分析

原文链接：http://www.cnblogs.com/st-leslie/p/6082450.html一、储备知识在我们在项目中一般会遇见过这样的两种定时器，第一种是setTimeOut,第二种是setInterval，这两种定时器有如下的区别：1、setTimeout允许设置一个超时对象，超时后执行这个对象，但是只执行一次，无周期2、setInternval允许设置一...

2017-10-25 09:49:00 124

转载 js对象工厂函数与构造函数

转自：http://www.cnblogs.com/Jener/p/5920963.html★概述：使用对象字面量，或者向空对象中动态地添加新成员，是最简单易用的对象创建方法。然而，除了这两种常用的对象创建方式，JavaScript还提供了其他方法创建对象。★使用工厂函数创建对象我们可以编写一个函数，此函数的功能就是创建对象，可以将其称为“对...

2017-10-24 15:16:00 93

转载 vue学习笔记

Vue 中两个核心点1.响应的数据绑定当数据发生改变，自动更新视图利用Object.definedProperty中的setter/getter代理数据，监控对数据的操作；2.组合的视图组件ui 页面映射为组件树划分组件可维护、可复用、可测试虚拟DOM：1.运行js的速度是很快的，但大量的操作DOM就会很慢。市场在更新数据后重新...

2017-10-24 10:55:00 127

转载 Flex布局

Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。.box{ display: -webkit-flex; /* Webkit 内核的浏览器，必须加上-webkit前缀 */ display: flex;}flex 的核心的概念就是容器和轴。容器包括外层的父容器和内层的子容器，轴包括主轴和交...

2017-10-14 17:07:00 82

转载详解margin： auto

auto是margin的可选值之一。相信大家平时使用auto值时，最多的用法大概是 margin: 0 auto; 和 margin: auto;不过你可能也发现了不论是 margin: auto; 还是 margin: 0 auto; 效果都是一样的，都是让 #demo 水平居中了，但纵向并没有任何变化。大家都知道 margin 是复合属性，也就是说 margin: auto;...

2017-10-14 15:17:00 412

转载【Web前端】用CSS3实现弹幕

初版用css3来实现弹幕确实比较简单，只需要设置动画让弹幕从屏幕右侧移动到屏幕左侧即可，一开始是这样实现的.danmu { position: fixed; left: 100%; animation: danmu 5s linear 0s 1;}@keyframes danmu { from { left: 100%; ...

2017-10-10 20:46:00 402

转载清除float影响

条件：父元素中有子元素float的话，可能就会影响父元素的高度，从而影响布局；解决方案： 1.直接给父元素定高；弊端：必须知道父元素的高； 2. 父元素使用overflow属性值为hidden解决；(父元素触发bfc）弊端：会隐藏溢出的内容，（当需要隐藏时使用，按需使用）为什么用这个属性可以清除浮动带来的影响呢？当父元素...

2017-10-09 20:58:00 101

转载外边距塌陷 margin collapsing

块的顶部外边距和底部外边距有时被组合(折叠)为单个外边距，其大小是组合到其中的最大外边距，这种行为称为外边距塌陷(margin collapsing)，有的地方翻译为外边距合并。1.相邻的兄弟姐妹元素毗邻的两个兄弟元素之间的外边距会塌陷（除非后者兄弟姐妹需要清除过去的浮动）。例如：<p style="margin-bottom: 30px;">这个段落的下...

2017-10-09 19:50:00 101

转载深入理解BFC

定义　　在解释BFC之前，先说一下文档流。我们常说的文档流其实分为定位流、浮动流和普通流三种。而普通流其实就是指BFC中的FC。FC是formatting context的首字母缩写，直译过来是格式化上下文，它是页面中的一块渲染区域，有一套渲染规则，决定了其子元素如何布局，以及和其他元素之间的关系和作用。常见的FC有BFC、IFC，还有GFC和FFC。BFC是block format...

2017-10-09 17:24:00 75

转载 Less:优雅的写CSS代码

css是不能够定义变量的，也不能嵌套。它没有编程语言的特性。在项目开发中，常常发现有很多css代码是相同的，但我们通常都是复制然后粘贴。举个例子：假设h5应用里主题色是#FF3A6D，可能用于文字或者背景色。通常开发中，哪里需要这个颜色，我们就复制这个颜色并粘贴。下次要修改就得全部查找批量替换，其实不是很方便。本文即将介绍的less将让我们更快更方便的编写css代码。Less...

2017-10-09 15:58:00 117

转载 Spring - constructor-arg和property的使用示例

一、说明 constructor-arg：通过构造函数注入。 property：通过setter对应的方法注入。二、property使用实例1、Model代码：public class Person { private String name; private int age; private String className;...

2017-09-30 11:22:00 177

转载前端性能优化

网页内容1、尽量减少HTTP请求个数——须权衡合并图片（如css sprites，内置图片使用数据）、合并CSS、JS，这一点很重要，但是要考虑合并后的文件体积。2、减少DNS查找次数我们需要权衡减少 DNS查找次数和保持较高程度并行下载两者之间的关系。3、避免跳转为了确保“后退”按钮可以正确地使用，使用标准的 3XXHTTP状态代码；同域中注意...

2017-09-29 17:28:00 62

转载 Tomcat性能调优通过ExpiresFilter设置资源缓存

转自 http://www.cnblogs.com/daxin/p/3995287.html【简介】　　ExpiresFilter是Java servlet API 当中的一部分，它负责控制设置response当中的响应头（Expires）和 (Cache-Control的max-age)，过期时间可以设置为相对于源文件的最后修改时间，或者浏览器的访问时间。　　这些响应...

2017-09-29 16:15:00 394

转载 HTML中body与html的关系

转载自张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com]一.相关基础一个div块级元素没有主动为其设置宽度和高度，浏览器会为其分配可使用的最大宽度(比如全屏宽度)，但是不负责分配高度，块级元素的高度是由子元素堆砌撑起来的。那么，html和body标签的高度也都是由子级元素堆砌撑起来的。元素高度百分比需要向上遍历父标签要找到一个定值高度才能起作用，如果...

2017-09-25 19:14:00 247

转载 Servlet—Cookie(显示用户上次访问时间、显示商品浏览历史)

1 . 什么是会话？会话可简单理解为：用户开一个浏览器，点击多个超链接，访问服务器多个web资源，然后关闭浏览器，整个过程称之为一个会话。1.1 会话过程中要解决的一些问题？每个用户在使用浏览器与服务器进行会话的过程中，不可避免各自会产生一些数据，程序要想办法为每个用户保存这些数据。例如：用户点击超链接通过一个servlet购买了一个商品，程序应该想办法保存用户购买的商品...

2017-09-18 19:47:00 439

转载 request 获取各种路径

从request获取各种路径总结httpServletRequest.getRequestURI()== getContextPath() + getServletPath() + getPathInfo()request.getRealPath("url"); // 虚拟目录映射为实际目录request.getRealPath("./"); // 网页所在的目录re...

2017-09-18 17:03:00 105

转载 jsp使用servlet实现文件下载

1.在index.jsp写入如下代码<a href="demo2">下载</a>2.在src中创建ServletDemo2类public class ServletDemo2 extends HttpServlet { @Override protected void doGet(HttpServletRequest r...

2017-09-14 20:10:00 99

转载 jsp使用servlet实现文件上传

1.在index.jsp中写入以下代码<form method="post" action="demo3" enctype="multipart/form-data"> 选择一个文件: <input type="file" name="uploadFile"/> <br/><br/> <...

2017-09-14 19:50:00 94

转载 jsp使用servlet实现用户登录及动态验证码

在进行表单设计中，验证码的增加恰恰可以实现是否为“人为”操作，增加验证码可以防止网站数据库信息的冗杂等...现在，我将讲述通过servlet实现验证码：验证码作为一个图片，在页面中为“画”出来的，它是如何画出来的呢？<生成图片>{　　生成图片的类：　　1.BufferedImage图像数据缓冲区　　2.Graphics绘制图片　　3.color...

2017-09-14 19:38:00 429

转载 ServletConfig与ServletContext对象详解

一、ServletConfig对象在Servlet的配置文件中，可以使用一个或多个<init-param>标签为servlet配置一些初始化参数。（配置在某个servlet标签或者整个web-app下）当servlet配置了初始化参数后，web容器在创建servlet实例对象时，会自动将这些初始化参数封装到ServletConfig对象中，并在调用servlet...

2017-09-14 16:52:00 52

转载 getAttribute()与getParameter的区别

当两个Web组件之间为转发关系时，转发源会将要共享 request范围内的数据先用setAttribute将数据放入到HttpServletRequest对象中，然后转发目标通过getAttribute方法来取得要共享的数据。而MVC中用的就是Web组件之间的转发。下面整理一下getParameter和getAttribute的区别和各自的使用范围。（1）HttpServle...

2017-09-14 16:39:00 53

转载实例分析Vue.js中 computed和methods不同机制

在vue.js中，有methods和computed两种方式来动态当作方法来用的1.首先最明显的不同就是调用的时候，methods要加上（）2.我们可以使用 methods 来替代 computed，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。而使用 methods ，在重新渲染的时候，函数总会重新调用执行...

2017-09-11 20:39:00 123

转载 HTML5 template元素

前言转自http://www.zhangxinxu.com/wordpress/2014/07/hello-html5-template-tag/ 在单页面应用，我们对页面的无刷新有了更高的要求，HTML不再由后端生成，后端只提供一个REST API，返回JSON数据，模版引擎可以大大方便我们渲染一个视图。而不是吃力的使用 jQeury 去拼接一个DOM...

2017-09-09 14:27:00 87

转载 Vue.js MVVM及数据绑定原理

什么是数据驱动数据驱动是vuejs最大的特点。在vuejs中，所谓的数据驱动就是当数据发生变化的时候，用户界面发生相应的变化，开发者不需要手动的去修改dom。比如说我们点击一个button，需要元素的文本进行是和否的切换。在jquery刀耕火种的年代中，对于页面的修改我们一般是这样的一个流程，我们对button绑定事件，然后获取文案对应的元素dom对象，然后根据切换修改该do...

2017-09-09 11:37:00 200

转载 jQuery的DOM操作之设置和获取HTML、文本和值 html（）text（）val（）

1. html()方法:此方法类似于JavaScript中的innerHTML属性，可以用来读取或者设置某个元素中的html内容。<html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>Inse...

2017-09-06 17:40:00 342

转载怎么样使图片高度与宽度成比例自适应

一.前言将高度设置成百分比时，其高度是基于父元素来定的，设置成50%，就是将该元素高度设置成父元素的高度值 x 50%。但是将高度设置成百分比时，往往是不生效的！高度依然为0，这是为啥? 道理很简单，那就是父元素的高度也为0。所以这就需要讲到浏览器对宽度及高度是如何计算的。浏览器在计算有效宽度时会考虑浏览器窗口的宽度，如果没有设置绝对宽度，就会自动将页面内容横向平铺...

2017-09-05 19:41:00 2119

转载 css文本溢出隐藏显示省略号（单行+多行）

文本超出若干行就换行，这个功能几乎每个文本浏览网站都会用到，实现它的办法也有很多，今天简单的介绍一下实现它的方法。一. 单行文本不换行，并将超出文本隐藏.box-content{overflow: hidden;//文本溢出隐藏text-overflow: ellipsis;//文本溢出显示省略号white-space: nowrap;//不...

2017-09-05 17:51:00 899

空空如也

空空如也