Aug242016
Jul172016
使用jQuery实现图片懒加载
在网页中,如果页面中包含大量的图片,会导致页面加载速度变慢,用户体验也会下降。为了解决这个问题,可以使用图片懒加载的技术,即在用户真正需要查看图片的时候再进行加载。本文将介绍如何使用jQuery来实现图片懒加载。
什么是图片懒加载
图片懒加载是一种技术,它只在图片即将进入用户视野时才进行加载,从而提高页面的加载速度。当用户滚动页面时,会动态加载图片,而不是一次性加载...阅读全文
Jun042016
解析JSON对象与字符串之间的相互转换
在开发的过程中,如果对于少量参数的前后台传递,可以直接采用ajax的data函数,按json格式传递,后台Request即可,但有的时候,需要传递多个参数,这样后台
接受的时候Request多个很麻烦,此时要按照类的格式或者 集合的形式进行传递。
例如:前台按类的格式传递JSON对象:
var jsonUserInfo = “{\”TUserName\”:\”” + userName + “\”...阅读全文
May172016
除了Bootstrap,还有什么其他前端UI库?
排名不分先后:
jquery ui – The official jQuery user interface library.
AngularUI – The companion suite for AngularJS
yui3 – A library for building richly interactive web applications.
xui – A tiny javascript framework for mobile web apps.
dojo – The Dojo Toolkit core l...阅读全文
Apr222016
简单透彻理解JSONP原理及使用
什么是JSONP
首先提一下JSON这个概念,JSON是一种轻量级的数据传输格式,被广泛应用于当前Web应用中。JSON格式数据的编码和解析基本在所有主流语言中都被实现,所以现在大部分前后端分离的架构都以JSON格式进行数据的传输。
那么JSONP是什么呢?
首先抛出浏览器同源策略这个概念,为了保证用户访问的安全,现代浏览器使用了同源策略,即不允许访问非同源的页面,详细的概念大家可以自行百...阅读全文
Apr222016
Apr132016
如何使用jQuery实现图片懒加载
在网站开发中,图片懒加载是一种优化技术,它可以延迟加载网页中的图片,从而提高网页加载速度和性能。而使用jQuery框架可以更加方便地实现图片懒加载。本文将介绍如何使用jQuery实现图片懒加载的方法。
什么是图片懒加载
图片懒加载即延迟加载图片的技术,在初次加载网页时,只加载可视区域内的图片。当用户滚动页面时,如果某个图片进入可视区域,就会加载该图片。相比于一次性加载所有...阅读全文
Apr032016
如何通过jQuery实现全屏滚动效果
在现代网页设计中,全屏滚动效果越来越受欢迎。这种效果让网页看起来更加动感和流畅,给用户带来更好的视觉体验。在本文中,我们将通过jQuery库来实现全屏滚动效果。
准备工作
首先,我们需要引入jQuery库,在项目中使用全屏滚动插件插件前必须引入jQuery。你可以从jquery.com 下载最新版本的jQuery,并将其引入到你的项目中。例如:
<script src="jquery.min.js"></script>...阅读全文
Mar192016
实用的jQuery轮播插件推荐
jQuery 是一个广泛应用于网页前端开发的 JavaScript 库,它提供了丰富的函数和工具,使得开发者可以更方便地操作 HTML 文档,实现各种交互效果。其中,轮播插件是 jQuery 中常用的功能之一,可以帮助我们在网页中展示多张图片或内容,并以自动播放或手动切换的方式进行展示。下面是一些实用的 jQuery 轮播插件推荐:
1. Slick
Slick 是一个功能强大且高度可自定义的 jQuery 轮播插件。它...阅读全文
Jan112016
下一代前端框架SolidJS技术预研:性能超越React 300%的新一代响应式框架深度分析
下一代前端框架SolidJS技术预研:性能超越React 300%的新一代响应式框架深度分析
引言:前端框架演进的必然趋势
在现代Web开发中,前端框架已成为构建复杂用户界面的核心工具。从早期的jQuery时代到如今的React、Vue、Angular等主流框架,前端架构经历了翻天覆地的变化。然而,随着应用规模的不断增长,性能瓶颈、开发体验与维护成本之间的矛盾日益凸显。
在此背景下,SolidJS作为2021年...阅读全文