web前端
文章平均质量分 57
web前端
benxiaohai888
这个作者很懒,什么都没留下…
展开
-
FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
问题:vue项目运行报内存溢出处理:安装increase-memory-limit 插件来增加内存1、安装依赖npm install -g increase-memory-limit2、在package.json文件添加依赖LIMIT可以设置大小 "scripts": { "fix-memory-limit": "cross-env LIMIT=2048 increase-memory-limit" }, "dependencies": { "in...原创 2021-04-16 20:17:29 · 3619 阅读 · 0 评论 -
java-web+AJAX 使用案例(注册验证账号是否被注册)
AJAX 使用案例(注册验证账号是否被注册)在下面的案例中本人没有实际到数据库中查询,只是在Servlet设置一个值 abc,如果用户提交过来的账号也是abc,那么就任务该账号已经存在,就把““此账号已经存在”返回到jsp页面中。方式一:get方式请求1、register.jsp<%@ page language="java" contentType="text/html;原创 2017-10-13 20:11:28 · 2351 阅读 · 0 评论 -
AJAX 实现省市县地名三级联动
AJAX 实现省市县地名三级联动本案例运用到三层架构(表现层,服务层、持久层)表现层调用服务层的方法,服务层调用持久层的方法,使用数据库为Oracle数据库,在数据库中创建一张名为address的数据表。具体字段和插入的数据如下address.sqlCREATE TABLE address ( id NUMBER(5), --地名编码(唯一) name VA原创 2017-10-13 19:26:34 · 653 阅读 · 0 评论 -
jQuery $.get()方法使用案例
jQuery $.get()方法使用案例注:需要引入jquery文件,本案例使用的是 jquery-2.0.0.js1、get.jsp<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> $(function() { /* 当密码框原创 2017-10-17 11:33:08 · 3989 阅读 · 0 评论 -
jQuery $.post() 方法使用案例
Ajax post() 方法使用案例注:需要引入jquery文件,本案例使用的是 jquery-2.0.0.js1、post.jsp<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> $(function() { /* 当密码框失去焦点时原创 2017-10-17 11:08:26 · 3821 阅读 · 1 评论 -
$.ajax()方法使用案例
$.ajax()方法使用案例需要引入jquery文件,本案例使用的是 jquery-2.0.0.js1、ajax.jsp<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> $(function() { $("#submit").click(fu原创 2017-10-17 10:55:19 · 6130 阅读 · 0 评论 -
jQuery 选择器
jQuery 选择器选择器实例选取*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有 class="intro" 的元素element$("p")所有 元素.class.class$(".intro.原创 2017-10-14 20:34:09 · 174 阅读 · 0 评论 -
JavaScript中的onload和jQuery中的ready方法比较
JavaScript中的onload和jQuery中的ready方法比较示例代码:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>js中的window.onload和jQuery中的ready方法比较 window.onload = functi原创 2017-10-14 10:27:17 · 540 阅读 · 0 评论 -
html加css实现简易导航栏
代码: 简易导航栏 #nav { width: 730px; height: 50px; background-color: #DFD4B5; margin: auto; } /*子类选择器 > */原创 2017-09-09 16:24:29 · 984 阅读 · 0 评论 -
table 元素使用案例(设置工单表格)
代码: 项目增补单 span { float: left; margin-right: 160px; } 项目增补单 序号 维持项目及更换配件 单价 数量 小价原创 2017-09-07 21:54:27 · 550 阅读 · 0 评论 -
CSS Float(浮动)
CSS Float(浮动)Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列。往往是用于图像,但它在布局时一样非常有用。元素的水平方向浮动,意味着元素只能左右移动而不能上下移动。一个浮动元素会尽量向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。浮动元素之后的元素将围绕它。浮动元素之前的元素将不会受到影响。如果图像是右浮动,下面的文本流原创 2017-09-07 21:47:55 · 600 阅读 · 0 评论 -
html元素的分类
HTML对盒子(元素)分类:1.块级元素(block)2.行内元素(inline)3.行内块元素(inline-block) 。 注:HTML的大多数元素都是块级(block)元素或行内(inline)元素。1.块级(block)元素特点:默认情况下,块级元素会另起一行,并尽可能的充满整个容器;宽度、高度以及外边距和内边距都可控制;宽度默认是它容器的原创 2017-09-07 21:19:55 · 440 阅读 · 0 评论 -
CSS 盒子模型(Box Model)
CSS 盒子模型(Box Model)所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。盒子模型(Box Model)如图所示:说明:Margin(外边距) - 清原创 2017-09-07 20:49:50 · 537 阅读 · 0 评论 -
CSS Position(定位)介绍
CSS Position(定位)定位的方法有4种:1.static定位2.relative定位3.absolute定位4.fixed定位1.static定位HTML元素的默认值,即没有定位,元素出现在正常的流中。静态定位的元素不会受到 top, bottom, left, right影响。2.relative定位相对定位元素的定位是相对其正常位置。它原创 2017-09-07 11:21:52 · 523 阅读 · 0 评论 -
form表单样式案例
代码: Title * { margin: 0; padding: 0; font-size: large; } .all { height: 600px; width: 500px;原创 2017-09-06 22:05:53 · 4919 阅读 · 0 评论 -
商城左侧菜单条代码
代码: 商城左侧菜单条 * { margin: 0; padding: 0; } ul { padding-top: 10px; padding-bottom: 5px; color: gray原创 2017-09-06 22:00:53 · 5066 阅读 · 0 评论 -
struts2 和ajax整合使用案例(原生态的ajax操作 和 struts2和ajax整合操作)
struts和ajax整合原创 2017-10-27 09:06:38 · 1210 阅读 · 0 评论 -
AJAX+JSON 实现省市县地名三级联动
AJAX+JSON 实现省市县地名三级联动本案例运用到三层架构(表现层,服务层、持久层)表现层调用服务层的方法,服务层调用持久层的方法,使用数据库为Oracle数据库,在数据库中创建一张名为address的数据表。具体字段和插入的数据如下address.sql[sql] view plain copy"font-family原创 2017-10-13 22:18:38 · 1924 阅读 · 0 评论 -
通过Jackson实现Java对象和json字符串的相互转换
通过Jackson实现Java对象和json字符串的相互转换 下面的案例使用单元测试(junit)方式进行了测试,所以在测试中需要配置junit环境,本人使用的eclipse开发工具,eclipse自带junit测试环境但需要配置,其它的开发工具则需要导入junit测试包。注:junit测试时测试的方法名必须以test开始,并且在方法上面必须加 @Test需要导入的Jack原创 2017-10-13 21:52:20 · 759 阅读 · 0 评论 -
通过json-lib实现Java对象和json字符串的相互转换
通过json-lib实现Java对象和json字符串的相互转换 下面的案例使用单元测试(junit)方式进行了测试,所以在测试中需要配置junit环境,本人使用的eclipse开发工具,eclipse自带junit测试环境但需要配置,其它的开发工具则需要导入junit测试包。注:junit测试时测试的方法名必须以test开始,并且在方法上面必须加 @Test需要导入的json-lib包原创 2017-10-13 21:17:54 · 1325 阅读 · 0 评论 -
JavaScript 数据类型
JavaScript 数据类型字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空(Null)、未定义(Undefined)、Function类型。字符串字符串可以是引号中的任意文本。您可以使用单引号或双引号: var s = "a";数字JavaScript 只有一种数字类型。数字可以带小数点,也可以原创 2017-09-23 20:14:58 · 179 阅读 · 0 评论 -
JavaScript 正则表达式的创建,基本使用方法案例
1.创建正则表达式对象方式一:使用关键字new创建var patt = new RegExp(pattern,modifiers);pattern:正则表达式的匹配模式。(字符串形式)modifiers:匹配模式修饰器3种模式修饰符分别是:g:表示全局。匹配全部,如果不写g则匹配成功一个就结束。i:表示忽略大小写。在匹配的时候不区分大小写m:原创 2017-09-12 19:37:29 · 536 阅读 · 0 评论 -
JavaScript Cookie使用案例
cookie处理 //注:cookie 中key不允许重复,如果key重复那后面的key对应的值将覆盖原来的值,不设置过期时间则游览器关闭cookie就清除了,不同的游览器不能共享cookie //添加cookie function addCookie(name, value, timeOut) { //进行编码原创 2017-09-19 19:11:20 · 587 阅读 · 0 评论 -
JavaScript DOM操作实现网站滚动图特效
代码如下:1. index.html 滚动效果图 #banner { width: 790px; height: 340px; margin: auto; overflow: hidden; }原创 2017-09-19 21:19:16 · 725 阅读 · 0 评论 -
JavaScript 正则表达式常用的转义符
JavaScript 正则表达式常用的转义符[] 代表一位[cb4@qq.com]:匹配括号中的任意一个字符[0-9]:匹配0-9之间的一个数[a-z]:匹配a-z之间的一个字母[A-Z]:匹配A-Z之间的一个字母[^a-z0-9]:匹配任意不在括号中的字符\d:和[0-9]一样\D:代表[^0-9]\w:代表[a-zA-z0-9]\W:代表[^a-zA原创 2017-09-12 19:17:07 · 3476 阅读 · 0 评论 -
JavaScript 计时事件[setInterval(),setTimeout()]
JavaScript 计时事件通过使用 JavaScript,我们有能力作到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。在 JavaScritp 中使用计时事件是很容易的,两个关键方法是:setInterval() - 间隔指定的毫秒数不停地执行指定的代码。setTimeout() - 暂停指定的毫秒数后执行指定的代码注原创 2017-09-12 20:11:35 · 447 阅读 · 0 评论 -
JavaScript 弹窗(对话框)警告框、确认框、提示框.
JavaScript 弹窗(对话框)三种消息框:警告框、确认框、提示框。1. 警告框警告框经常用于确保用户可以得到某些信息。当警告框出现后,用户需要点击确定按钮才能继续进行操作。语法:window.alert("text");text:提示语句2. 确认框确认框通常用于验证是否接受用户操作。当确认卡弹出时,用户可以点击 "确认" 或者 "取消"原创 2017-09-12 20:31:34 · 4294 阅读 · 0 评论 -
JavaScript 对象的使用
示例代码: /* js对象 */ function person(id, name) { this.id = id; this.name = name; this.toString = function() { alert(this.id + "," + this.name); } } var p = new person(1001, '张三');原创 2017-10-11 19:32:13 · 165 阅读 · 0 评论 -
JavaScript 事件类型
JavaScript 事件类型 JavaScript 可以处理的事件类型有很多,常见的有UI事件、焦点事件、鼠标事件、滚轮事件、文本事件、键盘事件。还有专门为触摸设备和移动设备准备的触摸事件、手势事件、屏幕方向改变等。注:冒泡事件即:事件会从层级高的传递给层级低的。原创 2017-10-11 21:36:55 · 530 阅读 · 0 评论 -
JavaScript DOM操作表格案例
使用DOM创建表格方式一:(JavaScript DOM创建表格) Title #outer { width: 500px; height: 500px; margin: auto; } onload = functio原创 2017-10-14 15:53:49 · 670 阅读 · 0 评论 -
JavaScript DOM操作Select下拉框
DOM操作Select下拉框:获取select选中的option值,修改选中的选项,添加选项option。 function show() { var select = document.getElementById("h"); alert(select.value);//获取选中的值 } function change() {原创 2017-10-14 16:04:29 · 2153 阅读 · 0 评论 -
获取游览器窗口的大小(window对象)
window对象获取游览器窗口大小window获取窗口的大小在不同浏览器上情况不一样,根据主流的浏览器大致分为以下三种情况。注意:浏览器的视口不包括和情况一:在Internet Explorer(9+)、Chrome、Firefox、Opera 以及 Safari:window.innerHeight - 浏览器窗口的内部高度window.innerWidth原创 2017-10-14 16:13:30 · 2383 阅读 · 0 评论 -
JS 打开新窗口
使用JavaScript window对象(属于BOM)打开新窗口:语法:window.open(URL,name,features);该方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。参数说明:URL :一个可选的字符串,声明了要在新窗口中显示的文档的 URL。如果省略了这个参数,或者它的值是空字符串,那么新窗口就不会显示任何文档。name :原创 2017-10-14 16:23:43 · 2693 阅读 · 0 评论 -
BOM ->History对象
History对象History 对象包含用户(在浏览器窗口中)访问过的 URL(浏览历史)。History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。常用属性属性描述length返回浏览器历史列表中的 URL 数量。 function urlCount () {原创 2017-10-14 16:31:49 · 529 阅读 · 0 评论 -
json 解析js对象
json 解析js对象:示例代码:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><script type="text/javascript" src="${pageContext.request.contextPath }/js/json.js">原创 2017-10-14 10:15:12 · 480 阅读 · 0 评论