Feb252019
避免在HTML中常见的脚本错误
在进行网页设计时，经常会使用到HTML和JavaScript来实现交互功能。然而，由于代码书写不规范或缺乏经验，常常会遇到一些常见的脚本错误。这些错误可能会导致网页无法正常工作或者在不同的浏览器中出现兼容性问题。因此，本文将介绍一些常见的脚本错误，并提供一些解决方案，帮助大家避免这些错误，提高网页的质量和稳定性。
变量未声明
这是一种非常常见的错误，当我们在JavaScript中使...阅读全文
抢沙发
Feb212019
使用jQuery实现图片剪裁插件的详细教程
简介
图片剪裁是一个常见的功能，它可以用于裁剪图片的大小、形状和比例等。在本教程中，我们将使用jQuery编写一个简单但功能强大的图片剪裁插件。
准备工作
在开始编写代码之前，我们需要引入必要的依赖文件。确保在<head>标签中引入以下文件：
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/a...阅读全文
Feb182019
前端开发中的导航栏组件与选项卡切换
在前端开发中，导航栏组件和选项卡切换是常见的 UI 组件，用于页面导航和内容切换。本文将介绍这两个组件的基本使用和示例。
导航栏组件
导航栏组件是网页上通常位于页面顶部或侧边的菜单栏，用于导航网站的不同页面或功能模块。导航栏组件一般由一系列链接组成，用户可以通过点击链接来切换页面或执行相应的操作。
基本用法
以下是一个简单的导航栏组件的 HTML 结构和 CSS 样式的示例：
...阅读全文
Feb102019
jquery post跨域请求数据
原先一直以为要实现跨域请求只能用jsonp，只能支持GET请求，后来了解到使用POST请求也可以实现跨域，但是需要在服务器增加Access-Control-Allow-Origin和Access-Control-Allow-Headers头。下面说明下两个不同的方法实现的方式和原理。
JSONP实现跨域
常用的jquery实现跨域调用
$.ajax({
url: "http://www.phpernote.com/php/crossdomain/index.php",
dataType: "jsonp",
json...阅读全文
Feb102019
用phpQuery像jquery一样解析html代码
简介 queryList
如何在php中方便地解析html代码，估计是每个phper都会遇到的问题。用phpQuery就可以让php处理html代码像jQuery一样方便。
项目地址：https://code.google.com/p/phpquery/
github地址：https://github.com/TobiaszCudnik/phpquery
DEMO
下载库文件：https://code.google.com/p/phpquery/downloads/list
我下的是onefile版：phpQuery-0.9.5.386-onefile.zip
官方demo：https...阅读全文
Dec132018
js,jquery正则验证不能含有中文的方法
这次给大家带来在JQ中正则验证不能含有中文的方法，在JQ中正则验证不能含有中文的注意事项有哪些，下面就是实战案例，一起来看一下。
本文实例讲述了正则验证不能含有中文的实现方法。分享给大家供大家参考，具体如下：
jQuery利用正则验证不能含有中文
var myReg = /^[a-zA-Z0-9_]{0,}$/;
if (!myReg.test(input.val())) {
$.validation.tip(false, input, "用户名不能含有中文或特殊...阅读全文
Dec102018
jquery toggle类方法的总结
jquery的出现让web开发的工作变得更加简单快速。以前需要写一堆js代码的地方，用jquery几句代码就over了。下面作者就用jquery的toggle方法快速实现工作中几种常见的js效果。仅列举示例说明，也算是对jquery toggle类的方法的一个小总结。
（1）toggle
隐藏显示的切换效果应该是比较常见的。这个效果有多种实现方法，如下：
var phpersnote=document.getElementById('phpernote');
if(phpe...阅读全文
Dec062018
前端开发中的网格布局与拖拽排序
引言
在前端开发中，网格布局和拖拽排序是两个非常常见且实用的功能。网格布局可以使页面元素在不同的屏幕尺寸下自适应地排列，而拖拽排序则可以提供用户自定义元素顺序的功能。本文将介绍网格布局和拖拽排序的原理和使用方法，并通过代码示例加深理解。
网格布局
网格布局是一种常见的网页布局方式，通过将页面划分为等分的栅格区域，可以实现各种不同的布局需求。在前端开发中，可以使...阅读全文
Oct112018
使用jQuery实现选项卡切换效果，提升页面可读性！
在网页设计中，选项卡切换效果是一种常见的交互方式，它可以帮助用户快速切换不同内容，并提升页面的可读性和易用性。使用jQuery来实现选项卡切换效果非常简单，下面让我们来一起学习如何实现吧！
前提准备
在实现选项卡切换效果之前，我们需要引入jQuery库文件。你可以在官方网站(https://jquery.com/)上下载最新版本的jQuery，并将其引入到页面中。例如：
<script src="jquery-3.5.1...阅读全文
Aug212018
如何使用jQuery实现图片剪裁
图片剪裁是网页设计中常用的功能之一，它可以帮助我们裁剪和调整图片的尺寸和比例，使之更符合我们的需求。在本文中，我们将使用jQuery来实现图片剪裁的功能。
引入jQuery库
首先，我们需要在HTML页面中引入jQuery库。你可以从jQuery官方网站下载最新的jQuery库，并将其引入到你的HTML页面中，例如：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"...阅读全文