程序喵

择善人而交，择善书而读
择善言而听，择善行而从

Web 前端设计语言

总计 24 页，当前第 21 页
Web 前端设计语言

Access-Control-Allow-Origin 站点跨域请求的问题

闲暇之时，做了一个博客站点，站点发布网络之后程序功能完成，最后发现了一个跨域的问题，比如我使用abc.com打开系统，一切正常，后台没有任何文件请求报错问题，然后我又使用了www.abc.com再试一下，结果发现一些字体文件或引用外部css文件等请求失败问题Font from origin 'http://lovefeel.top' has been blocked from loading by Cross-Origi...
8年前 (2016-08-22) 阅读(5214) 赞一个 (2) 评论(0) 链接直达
Web 前端设计语言

浅谈图片优化的方法

在网站优化中，如果图片优化得好，不但可以提高页面的加载速度，提升网站的用户体验，而且还可以通过图片优化来节省网站的带宽。那么作为页面构建工程师应该采用什么方法来优化图片，既能保证UI的还原度，又使图片最精简呢？下面我就个人经验，来简单介绍一下图片优化的方法，首先我们了解一些图片方面的知识：  1. 矢量图与位图。 矢量图：缩放、旋转不失真的图像格式，不管你离多近去看都看不到图形的最小单位。存储的文...
8年前 (2016-08-22) 阅读(2118) 赞一个 (1) 评论(0) 链接直达
Web 前端设计语言

【JavaScript】图片加载由模糊变清晰 —— 图片优化

开发过程中，一些图片的展示时，加载很慢很久，后来把图片缩放压成缩略图吧，速度是快了但是模糊不清，如何处理这样问题，下面就和大家分享一下自己的处理方法。 先让客户端加载像素小的缩略图：<img src="缩略图.jpg" name="pic" width="800" height="600" i...
8年前 (2016-08-22) 阅读(3919) 赞一个 (2) 评论(0) 链接直达
Web 前端设计语言

页面预加载loading动画，再载入内容

默认情况下如果网站请求速度慢，所以会有一段时间的空白页面等等，用户体验效果不好，见到很多的页面都有预加载的效果，加载之前先加载一个动画，后台进程继续加载页面内容，当页面内容加载完之后再退出动画显示内容，这样的用户体验更好。例如此链接：http://crusader12.com/C12HoverAlls/这篇文章是从上面链接的内容上拔下来的，操作流程很简单，只有两部如下首先定义一个loader.css文件，如下内容.chromeframe...
8年前 (2016-08-22) 阅读(19953) 赞一个 (19) 评论(0) 链接直达
Web 前端设计语言

【jQuery】使用jquery操作Form表单元素

Web开发中经常需要操作表单，form表单元素有select、checkbox、radio、textarea、button、file、text、hidden、password等。其中checkbox和radio的读写值操作比较多变，checkbox和radio经常用在一个分组里，实现多选或者单选。jQuery提供了利用表单选择器我们可以极其方便地获取表单的某个或某类型的元素。select下拉框select元素内容如下<select...
8年前 (2016-08-22) 阅读(2530) 赞一个 (0) 评论(0) 链接直达
Web 前端设计语言

JavaScript三种方法获取地址栏参数的方法

今天碰到要在一个页面获取另外一个页面url传过来的参数，一开始很本能的想到了用 split(“?”)这样一步步的分解出需要的参数。后来想了一下，肯定会有更加简单的方法的！所以在网上找到了两个很又简单实用的方法，mark下方法一：采用正则表达式获取地址栏参数：（ 强烈推荐，既实用又方便！）function GetQueryString(name){      var ...
8年前 (2016-08-22) 阅读(3120) 赞一个 (0) 评论(0) 链接直达
Web 前端设计语言

前端工程师的菜！姗姗来迟的中文WebFont网络字体

WebFont 技术可以让网页使用在线字体，而无需使用图片，在国外非常流行，由于中文的特殊情况，有几个难题一直没搞定。现在在国内几位技术大牛的努力下，终于有了第一款神器.三年前，有一个设计师面试一位 Web 前端工程师，其中有一段这样的对话：“如果设计师希望用图片实现某个字体样式，而从技术的角度来说这样不合理，但设计师非常坚持，这时候你怎么办？”“我会给设计师讲解工程上面临的问题，争取他理解。例如：如果文本使用图片，以腾讯站点的访问量来...
8年前 (2016-08-22) 阅读(2717) 赞一个 (1) 评论(0) 链接直达
Web 前端设计语言

【Html】图片中的Data URL介绍

Data URL给了我们一种很巧妙的将图片“嵌入”到HTML中的方法。跟传统的用img标记将服务器上的图片引用到页面中的方式不一样，在Data URL协议中，图片被转换成base64编码的字符串形式，并存储在URL中，冠以mime-type。本文中，我将介绍如何巧妙的使用Data URL优化网站加载速度和执行效率。演示下面是演示使用Data URL技术在页面上显示图片，你可以查看源代码，看看它和传统的图片引用有什么不同。传统的img用法...
8年前 (2016-08-22) 阅读(2309) 赞一个 (0) 评论(0) 链接直达

程序喵 www.ibloger.net

文章归档 站内留言 给我写信 文章订阅