Apress92-优快云博客

原创 Http请求中Content-Type和Accept讲解以及在Spring MVC中的应用

在Http请求中，我们每天都在使用Content-type来指定不同格式的请求信息，但是却很少有人去全面了解content-type中允许的值有多少，这里将讲解Content-Type的可用值，以及在MVC中如何使用它们来映射请求信息。MediaType是Internet Media Type，互联网媒体类型；也叫做MIME类型，在Http协议消息头中，使用Content-Type来表示具体请求中的媒体类型信息。例如： Content-Type: text/html;

2023-04-21 11:36:31 3784 1

原创理解spring-boot-starter-parent

它表示当前pom文件从spring-boot-starter-parent继承下来，在spring-boot-starter-parent中提供了很多默认的配置，这些配置可以大大简化我们的开发。

2023-04-21 11:35:22 428

原创 js(网页，代码，canvas）转图片

一般来说html代码不能直接转换成图片，需要先转换成canvas在由canvas转换成图片。本文将介绍以下几种情况： 1.图片转换成canvas 2. canvas转换成图片 3. Html代码转换成canvas 4. HTML代码转换成图片 1.图片转换成canvas function convertImageToCanvas(image) {

2017-09-29 19:27:53 1499 1

转载 AngularJS 的 Promise

了解Promise 在谈论Promise之前我们要了解一下一些额外的知识；我们知道JavaScript语言的执行环境是“单线程”，所谓单线程，就是一次只能够执行一个任务，如果有多个任务的话就要排队，前面一个任务完成后才可以继续下一个任务。这种“单线程”的好处就是实现起来比较简单，容易操作；坏处就是容易造成阻塞，因为队列中如果有一个任务耗时比较长，那么后面的任务都无法快速执行，或导致页

2017-09-01 14:04:14 510

转载 http状态码301和302详解及区别——辛酸的探索之路

一直对http状态码301和302的理解比较模糊，在遇到实际的问题和翻阅各种资料了解后，算是有了一定的理解。这里记录下，希望能有新的认识。大家也共勉。官方的比较简洁的说明： 301 redirect: 301 代表永久性转移(Permanently Moved) 302 redirect: 302 代表暂时性转移(Temporaril

2017-08-12 17:52:40 469

转载数据绑定和第一个 AngularJS Web应用

Hello World 写一个Hello World应用是开始学习AngularJS的最基本途径，让我们从一段简单得不能再简单的HTML开始吧。随着学习的深入，我们会逐渐深入到AngularJS的内部原理中。现在，让我们先来写一个Hello World应用。 Simple app src="https://ajax.googleapis.com/ajax/lib

2017-08-09 17:37:47 432

转载初识AngularJS

本章的目标是帮助你熟悉与AngularJS有关的一些术语和技术，以及它们背后相关的工作原理。即使以前从来没有接触过AngularJS，通过将零碎的知识点组合在一起，你也可以构建一个属于自己的AngularJS应用。 1.1 浏览器如何获取网页我们把互联网想象成一个邮局：当你想给朋友写信时，首先要把内容写在一张信纸上，然后在信封上写上地址，再把信纸装进信封。当你把信送到邮局，邮

2017-08-09 17:35:20 332

转载 AngularJS 路由 resolve用法

ng-route模块中的when()和ui-route的state()都提供了resolve属性。为什么需要使用resolve？当路由切换的时候，被路由的页面中的元素（标签）就会立马显示出来，同时，数据会被准备好并呈现出来。但是注意，数据和元素并不是同步的，在没有任何设置的情况下，AngularJS默认先呈现出元素，而后再呈现出数据。这样就会导致页面会被渲染两遍，导致“页面UI抖动”的

2017-08-09 17:29:17 385

转载 NodeJS之------（Url，QueryString，Path）模块

一，开篇分析这篇文章把这三个模块拿来一起说，原因是它们各自的篇幅都不是很长，其次是它们之间存在着依赖关系，所以依次介绍并且实例分析。废话不多说了，请看下面文档：（1），"Url模块" 　　来个小栗子：　　 1 var url = require('url'); 2 var queryUrl = "http://localhost:8888/bb

2017-04-13 09:41:54 561

原创候选样式表

1.html文件 html> html lang="en"> head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=

2017-03-29 15:59:43 732

原创常用正则表达式大全！（例如：匹配中文、匹配html）

匹配中文字符的正则表达式： [u4e00-u9fa5] 评注：匹配中文还真是个头疼的事，有了这个表达式就好办了匹配双字节字符(包括汉字在内)：[^x00-xff] 评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）匹配空白行的正则表达式：ns*r 评注：可以用来删除空白行匹配HTML标记的正则表达式：]*>.*?|

2017-03-24 10:15:07 1336

转载 js中几种实用的跨域方法原理详解

这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果: 要解决跨域的问题，我们可以使用以下几种方法：一

2017-03-15 13:52:05 438

原创 js控制div点击隐藏显示

点击切换 #thediv { width: 200px; height: 50px; background: #ccc; display: none; } window.onload = function () {

2017-03-06 14:07:53 2429

转载 JS清除选择内容的方法

本文实例讲述了JS清除选择内容的方法。分享给大家供大家参考。具体分析如下：今天在做一个DIV拖动的效果，发现在拖动的时候会选中页面中的文本，于是找了一下JS清除选择的内容的相关信息。在得到的结果中发现：在谷歌、火狐、Opera浏览器中，window对象有getSelection属性，而在IE中没有。IE中的document对象有selection属性，因此清除页面中选择的内容也就

2017-03-03 10:27:47 1005

转载 css中强制换行word-break、word-wrap、white-space区别实例说明

测试用的HTML代码复制代码代码如下: safjaskflasjfklsajfklasjflksajflksjflkasfdsafdsfksafj This is all English. This is all English. This is all English. 全是中文的情况。全是中文的情况。全是中文的情况。中英文混排的情况。Chinese and

2017-02-27 11:54:45 554

转载 table 详解

table 这个 HTML 标签，是一个很有传奇色彩的标签。它经历过大起大落，走过巅峰，又被人深深唾弃，但仍然不气不馁，在 EDM网页、居中、数据展示等需求中发挥着不可替代的作用。很多人认为那就是个用 DW 拖拽出来的结构，太简单了，却无法手写出一个完整符合语义性的表单结构。所以，今天就来好好研究一下这个 table。 table 的使用范围学习 table 标签之前，

2017-02-15 14:54:10 2087

转载 CSS3 background介绍

background应该是CSS里使用频率颇高的属性，简单实用。但参数偏多，本篇就介绍一下background的各种特性。 CSS3之前主要有5个属性： background-colorbackground-imagebackground-repeatbackground-attachmentbackground-position CSS3增加了3个属性： backgrou

2017-02-14 14:10:35 696

转载 “位置”在css里的细节

位置是个怎样的概念哎，这个元素怎么跑那里去了？回想一下，在我们觉得“样式崩了”，“页面出bug了”的时候，是不是会有相当一部分情况都可以描述成上面这句话呢？我们在写css的时候，就会经常考虑“位置”这个事。理念就是，所有的页面元素都应该被安排在为它预定的位置上。毕竟按照计划预定的来，才能有条不紊，不容易出错。就像一本杂志的编辑，即便文稿都已准备好，但具体哪篇放在第几

2017-02-14 13:57:54 316

原创 CSS初始化示例

@charset "UTF-8"; /*css 初始化 */ html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; } fieldset, img,input,button

2017-02-14 09:11:21 360

转载如何让 height:100%; 起作用

当你设置一个页面元素的高度(height)为100%时，期望这样元素能撑满整个浏览器窗口的高度，但大多数情况下，这样的做法没有任何效果。你知道为什么height:100%不起作用吗？按常理，当我们用CSS的height属性定义一个元素的高度时，这个元素应该按照设定在浏览器的纵向空间里扩展相应的空间距离。例如，如果一个div元素的CSS是height: 100px;，那它应该在页面的竖向空间

2017-02-07 16:24:59 336

原创 iframe的优缺点

HTML框架简述一个浏览器窗体可以通过几个页面的组合来显示。我们可以使用框架来完成(frames)这项工作。(框架可以把HTML文档分为多个页面) 框架页使用了表格的方式组合，可以分为数行与数列。框架的优点重载页面时不需要重载整个页面，只需要重载页面中的一个框架页(减少了数据的传输，加快了网页下载速度)技术易于掌握，使用方便

2017-01-14 11:27:14 441

原创 SublimeText自带格式化代码功能

这个功能被SublimeText命名为reindent，如果你使用了SublimeText汉化包的话叫做“再次缩进”，但是这种叫法说不通。该选项的路径：Edit - Line - Reindent（中文路径则是：编辑 - 行 - 再次缩进）同时说明一下，该功能并不需要选中代码之后才能执行格式化功能，其默认是格式化整个文件里的代码。接下来就说到主题了，应该如何对该格式化代码功

2017-01-12 14:26:55 546

转载 JS中的运动

本文给大家分享的是个人在学习js运动动画的过程中总结的我们需要注意的8个知识点，分别是速度动画、透明度渐变、缓冲运动、多物体运动、获取样式、任意属性值、链式运动和同时运动，非常的详细，推荐给小伙伴们。今天简单的学了一下js运动动画，记录一下自己的心得体会，分享给大家。下面是我整理出来的结果。知识点一：速度动画。 1.首先第一步实

2017-01-02 10:15:32 541

转载史上最全的CSS hack方式一览

来自优快云 freshlover的博客专栏《史上最全CSS Hack方式一览》做前端多年，虽然不是经常需要hack，但是我们经常会遇到各浏览器表现不一致的情况。基于此，某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的，要知道一名好的前端，要尽可能不使用hack的情况下实现需求，做到较好的用户体验。可是啊，现实太残酷，浏览器

2016-12-26 16:26:08 317

转载 JavaScript中的console.assert()函数介绍

这篇文章主要介绍了JavaScript中的console.assert()函数介绍,assert()函数是一个调试中经常使用的断言工具函数,需要的朋友可以参考下在JavaScript程序的开发和维护过程中，Assert(断言)是一个很好的用于保证程序正确性的特性。在具备调试工具的浏览器上，这一特性可以通过调用console.assert()来实现。比如在以下代码中，cons

2016-12-19 18:00:20 6419 1

转载 JS匿名自执行函数

1. 什么是自执行的匿名函数? 它是指形如这样的函数: (function {// code})(); 2. 疑问为什么(function {// code})();可以被执行, 而function {// code}();却会报错? 3. 分析 (1). 首先, 要清楚两者的区别: (function {// code})是表达式, f

2016-12-18 19:46:35 320

转载 html和htm的区别

html=htm，只是前一个是全称的，后一个是简写的，是没有什么区别的。那为什么出现两种文件格式呢？ htm源于古老的8.3文件格式，DOS操作系统下只能支持长度为3的后缀名，所以是htm，但在windows下无所谓htm与html，html是为长文件的格式命名的。所以htm是为了兼容过去的DOS命名格式存在的，在效果上没有区别的，以前htm和html作为不同的服务器上的超文本文件，在现在

2016-12-14 22:08:14 800

转载 Frame、Iframe、Frameset 的区别

框架页有Frame、Iframe、Frameset 3个标记，初学者容易将三者混淆，下面分别讲解三者的区别。 10.4.1 Frameset与Frame的区别首先讲解Frameset与Frame之间的区别。用来划分框架，每一个框架由标记。必须在之内使用，代码如下：在上面的例子当中，把页面分为左右两个部分，左侧框架中

2016-12-14 21:06:54 361

原创从中心放大

html> html lang="en"> head> meta charset="UTF-8"> title>Titletitle> style> #div1{ width:100px; height: 100px; background: #ccc; posi

2016-12-08 08:34:24 377

原创伸缩菜单

html> html lang="en"> head> meta charset="UTF-8"> title>Titletitle> style> *{ margin: 0; padding: 0; } #ul1 li{ width: 100px;

2016-12-08 08:33:47 568

原创匀速运动

html> html lang="en"> head> meta charset="UTF-8"> title>Documenttitle> style> div{ width:100px; height:100px; background-color:red; position:absolute

2016-12-08 08:33:13 368

原创新浪微博发布效果

html> html lang="en"> head> meta charset="UTF-8"> title>Titletitle> style> *{ margin: 0; padding: 0; } #ul1{ width: 300px;

2016-12-08 08:32:38 444

原创淡入淡出图片

html> html lang="en"> head> meta charset="UTF-8"> title>Documenttitle> style> img{ filter :alpha(opacity:30); opacity:0.3; } style> head> body> script>

2016-12-08 08:31:49 343

原创链式运动

html> html lang="en"> head> meta charset="UTF-8"> title>Titletitle> style> #div1{ width:100px; height:100px; background-color: red;

2016-12-08 08:31:14 346

原创缓冲运动

html> html lang="en"> head> meta charset="UTF-8"> title>Documenttitle> style> div{ width:100px; height:100px; background-color:red; position:absolute

2016-12-08 08:30:52 295

原创任意值运动框架

html> html lang="en"> head> meta charset="UTF-8"> title>Documenttitle> style> div{ width:200px; height:200px; background-color:red; margin-top:50px;

2016-12-08 08:30:09 482

原创上下滑动的侧边栏

html> html lang="en"> head> meta charset="UTF-8"> title>Documenttitle> style> div{ width:100px; height:100px; background-color:red; position:absolute

2016-12-08 08:29:37 630

原创 JS运动框架-move3.js

/** * Created by zhanghaibin on 16/12/5. */ //完美运动框架 function getStyle(obj,attr) { if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,fal

2016-12-08 08:29:00 435

原创布局转换

html> html lang="en"> head> meta charset="UTF-8"> title>Titletitle> style> *{ margin: 0; padding: 0; } #ul1{ width: 366px; margin: 0 auto;

2016-12-08 08:27:59 293

原创 Javascript图片无缝滚动_妙味课堂

html> html lang="en"> head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> me

2016-12-08 08:25:25 888

空空如也

空空如也