![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web
the front base of web
WihauShe
Keep ambitious and modest.
Be different.
Don't get distracted.
展开
-
JQuery 筛选、动画、字符串操作
筛选/* 查找 可以做二次筛选 1.children() 查找子元素 参数是 选择器 2.find() 查找后代元素 参数是选择器(重点) 3.parent() 查找的当前元素的父元素 4.parents() 查找当前元素的祖先元素 5.siblings() 兄弟元素(重点) */$(function(){ //var test = $(".box .c_2 ...原创 2020-03-31 16:07:32 · 125 阅读 · 0 评论 -
JS的使用与基本语法
使用<!-- js编写位置 1.script标签 2.外部js文件 推荐 3.行内js代码块 不推荐 js运行的顺序是从上往下运行,有特例 js 和java对比 1.当前页面 可以理解成java的一个类 类中的属性(成员变量)=js中的全局变量 类中的方法=js中的函数 2.java运行的入口main,js运行的入口2种情况 a.事件驱动机制,js的入口在事件触发的...原创 2020-03-24 13:09:07 · 258 阅读 · 0 评论 -
Fullpage.js 常用属性、方法及函数
(个人经验,仅供参考,错误之处,敬请谅解)引用属性方法函数原创 2019-04-29 14:26:26 · 554 阅读 · 0 评论 -
使用JS实现网页计算器案例
法一<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box{width: 400px;margin: 100px auto;} .box .c_t{...原创 2020-03-24 13:11:16 · 626 阅读 · 0 评论 -
jQuery基础使用(三)
(个人经验,仅供参考,错误之处,敬请谅解)事件操作一、鼠标事件click() 与dbclick()事件,点击与双击mousedown() 与 mouseup() 事件, 鼠标单击按下与松开mouseover() 与 mouseout() 事件,鼠标移进与移出mousemove() 事件,鼠标移动mouseenter() 与 mouseleave() 事件,与over、out不同点在...原创 2018-11-14 22:53:31 · 81 阅读 · 0 评论 -
Ajax技术介绍与使用
介绍<%-- ajax 无刷新技术 不刷新,部分刷新 1.页面触发,请求由页面发起,ajax由js代码实现 2.ajax也是符合http请求 3.XMLHttpRequest ajax请求的核心对象 存在浏览器兼容性 IE7开始支持这个对象 IE6 要使用 new ActiveXObject("Microsoft.XMLHTTP") ...原创 2020-04-13 20:04:43 · 117 阅读 · 0 评论 -
Move.js 常用方法:快速实现css3动画
(个人经验,仅供参考,错误之处,敬请谅解)介绍方法原创 2019-04-29 14:49:15 · 378 阅读 · 0 评论 -
JQuery基础使用总结
引入/* 1.使用jquery需要引用jquery库 2.jquery库大家一定要放最上面 $ is not defined 表示没有引用jquery 3.jquery基于JS 4.jquery所有的方法 都需要使用jquery对象来调用不能使用dom对象调用 */function testBox(){ //document.getElementById("box...原创 2020-03-28 15:42:03 · 140 阅读 · 0 评论 -
搭建vue的webpack项目时出现有关vue-template-compiler错误
缘由在入口文件定义了vue的编译规则,使用vue-loader对.vue文件进行编译和运行,再进行打包时出现以下问题:解决方案确定package.json文件中dependencies是否定义了vue-template-compiler的版本,如果没有则需进行定义,版本号需要与vue的版本一致使用npm i vue-template-compiler命令进行安装相应版本的模块【版本不一致,需要修改成一致的】...原创 2020-07-15 00:25:20 · 1113 阅读 · 0 评论 -
使用ajax实现三级联动实例
html<html><head> <title>Title</title> <script src="js/jquery.min.js"></script> <style type="text/css"> select{ width: 100px;...原创 2020-04-13 21:37:12 · 195 阅读 · 0 评论 -
jQuery基础使用(四)
(个人经验,仅供参考,错误之处,敬请谅解)动画操作一、隐藏与显示二、上卷与下拉三、淡入和淡出四、自定义动画五、动画的切换原创 2018-11-21 14:33:33 · 140 阅读 · 0 评论 -
jQuery基础使用(一)
样式操作jquery对象与dom对象jquery对象转化为dom对象var $div = $(‘div’); //jQuery对象var div = $div.get(0);div.style.color = ‘red’;dom对象转化为jquery对象var div = document.getElementsByTagName(‘div’);var $div = $(...原创 2018-11-06 15:39:19 · 118 阅读 · 0 评论 -
jQuery基础使用(五)
(个人经验,仅供参考,错误之处,敬请谅解)一、Ajax的使用load(url,[data],[callback]) 异步请求数据$.getJSON(url,[data],[callback]) 异步加载JSON格式数据$.getScript(url,[callback]) 异步加载并执行js文件$.get(url,[callback]) get方式获得服务器数据$.post(...原创 2019-02-18 15:16:27 · 107 阅读 · 0 评论 -
jQuery基础使用(二)
(个人经验,仅供参考,错误之处,敬请谅解)Dom操作节点创建document.createElement(‘div’)$("<div></div>")节点的添加append(),appendTo() 主被动相反after()、before()prepend()、prependTo() 主被动相反 向元素中插入前置内容insertAfter()、inser...原创 2018-11-06 16:04:55 · 93 阅读 · 0 评论 -
JQuery 实现图片滑动实例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box{ width: 600px; height: 168px; margin: ...原创 2020-03-31 16:35:36 · 213 阅读 · 0 评论 -
CSS基本使用
常用类型.font{ /* 字体的类型 1.你写的字体当前系统要支持 2.可以同时定义多个字体,用,隔开,会按顺序查找,找到就试用那个字体 */ /* font-family:sans-serif,"隶书","times new roman"; */ /* 字体的大小 1.单位px,em 2.in,cm,mm,pt,pc,rpx */ /* font-size: ...原创 2020-03-19 18:51:10 · 156 阅读 · 1 评论 -
CSS选择器
语法CSS样式的语法选择器{ 键1:值1; 键2:值2; 键3:值4}要求:一定要先选择DOM元素,再设置样式类型A.基本选择器 1.ID选择器 #id 选择的结果是唯一的 #a1{color: red;} 2.标签选择器 标签名 选择的结果是0到多个 div{color: blue;} 3.类选择器 .类名 选择的结果是0到多个 最...原创 2020-03-17 16:36:34 · 100 阅读 · 0 评论 -
HTML一些基础使用规范
语义化代码简介,意思明确维护性强,维护成本低W3C的标准基本都是往语义化靠近本质上都是div当前页面的头部区域 一般存放logo <header></header><!-- 导航,链接区 --><nav></nav><!-- 侧边栏--><aside></aside>&...原创 2020-03-17 16:54:55 · 102 阅读 · 0 评论 -
利用JQuery实现图片轮播实例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box{ width: 632px; height: 340px; margin: ...原创 2020-03-31 16:08:54 · 128 阅读 · 0 评论 -
使用Servlet、EasyUI实现数据表格的增删改查实例
Java后端Bean类public class BaseBean { private int page; private int rows; private int from; public int getPage() { return page; } public void setPage(int page) { ...原创 2020-04-26 16:31:28 · 251 阅读 · 0 评论