前端学习笔记
文章平均质量分 54
逸川先生
Java开发工程师,专注后台开发两年,擅长分布式系统
展开
-
jstl--forEach
jstl和el表达式是开发当中常用的语言,而且通常都是夹着使用,来看看jstl中的循环语句forEach的基本用法<%@page import="java.util.HashMap"%><%@page import="java.util.Map"%><%@page import="cn.hncu.domain.User"%><%@page imp原创 2018-06-09 20:40:56 · 319 阅读 · 0 评论 -
jQuery实现可编辑表格
可编辑表格,这个东西听起来挺高大上,其实用jQuery来实现,了解一下思路,就很简单1.事实上是编辑td里面的内容,所以给他一个双击事件2.双击完了这个td将其变为一个input,里面的值还保留着3.最后就是失去焦点的时候还原,就欧克了<%@ page language="java" contentType="text/html; charset=UTF-8" pageEn...原创 2018-10-15 08:28:41 · 6156 阅读 · 0 评论 -
jQuery - 遍历
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %><!DOCTYPE html&原创 2018-10-15 08:30:38 · 213 阅读 · 0 评论 -
jQuery实现Ajax通讯的几种常用方式
这里介绍3种jQuery.get( url, [ data ], [ success(data, textStatus, jqXHR) ], [ dataType ] )jQuery.post( url, [ data ], [ success(data, textStatus, jqXHR) ], [ dataType ] )jQuery.ajax( url, [ settings ...原创 2018-10-15 21:59:27 · 1417 阅读 · 0 评论 -
Cannot find module 'escape-string-regexp'
https://github.com/yeoman/generator-webapp/issues/423原创 2019-01-10 20:20:23 · 3389 阅读 · 1 评论 -
绝对布局怎么水平居中
不同屏幕尺寸下,绝对布局,这个问题困扰了我很久,先分享我摸索的方法 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style>原创 2019-01-29 19:53:45 · 2934 阅读 · 0 评论 -
ES6手把手开发环境搭建
ES6我就不介绍了,直接开始搭建环境~我是用webstorm的1.新建一个空白的项目ES6Demo,和以下文件夹src:书写ES6代码的文件夹,写的js程序都放在这里。dist:利用Babel编译成的ES5代码的文件夹,在HTML页面需要引入的时这里的js文件。2.index.html(注意引入的是./dist下的js)<!DOCTYPE html>&l...原创 2019-02-19 10:16:34 · 230 阅读 · 0 评论 -
JSX错误 - Expected closing tag to match indentation of opening
154:9 error Expected closing tag to match indentation of opening react/jsx-closing-tag-location 161:9 error The closing bracket must be aligned with the opening tag (e...原创 2019-02-14 09:54:15 · 7457 阅读 · 0 评论 -
npm install 报错 - code EINTEGRITY sha1
npm ERR! code EINTEGRITYnpm ERR! sha1-F8b22R2owVwncEo+OIM9Z1kqOVk= integrity checksum failed when using sha1: wanted sha1-F8b22R2owVwncEo+OIM9Z1kqOVk= but got sha1-65zsXJnJjAVIDtOI25R7Koa2940=. (592...原创 2019-02-20 13:34:41 · 2395 阅读 · 0 评论 -
XmlHttp - Ajax技术
XmlHttp是什么?最通用的定义为:XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API。XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新整个页面。来自MSDN的解释:XmlHttp提供客户端同http服务器通讯的协议。客户端可以通过XmlHttp对象(MSXML2.XMLHTTP....原创 2018-10-01 00:35:59 · 7852 阅读 · 0 评论 -
多个servlet之间跳转的一些笔记
1、servlet中的两个输出流:字节流(response.getOutputStream()) 和字符流(response.getWriter()) 1)用字节流输出时,中文要采用out.write("中文".getBytes()),不能用print("中文")。 对于字节流,用response.setCharacterEncoding("utf-8")设了也不行。 ...原创 2018-09-03 23:17:42 · 300 阅读 · 0 评论 -
隐藏帧技术(Ajax底层原理)
举个栗子,用户注册的时候填写了表单信息,希望能及时看到用户名是否可用并且如果用户名要是不可用的话,表单不提交,原来的信息还在页面中,这时就需要隐藏帧技术了,也就是Ajax的底层原理。写一个简单的注册页面 步骤大概是这样的:然后就是代码:1.注册页面<%@ page language="java" contentType="text/html; chars...原创 2018-09-08 09:06:19 · 581 阅读 · 0 评论 -
Dom--动态生成表格
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>动态生成表格</title> <link href="table.css" style="text/css" rel="styleshee原创 2018-07-10 11:03:46 · 259 阅读 · 0 评论 -
dom--动态删除表格指定行列
比如购物车,虽然可以每次都请求后台之后,后台发送所有的更新过后的表格信息,但是这样显然效率太低了,其实后台只需要告诉前台数据更新成功与否,这样的话,就需要实时的使用js对表格进行更新。<!DOCTYPE html><html><head><meta charset="UTF-8"><title>动态生成表格和删除表格指定行列<..原创 2018-07-10 11:08:09 · 794 阅读 · 0 评论 -
dom--checkbox的用法
checkbox--也就是复选框,用过邮箱的应该都知道的,点击全选复选框,下面的复选框就全选了,再点的时候又都全取消了,选中一部分,点击删除将删除所选中的邮件。<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>checkbox.html</ti..原创 2018-07-10 11:12:19 · 791 阅读 · 0 评论 -
radio单选按钮
以一个极为简单的问卷调查为例,打开网页,默认否,点击是,将打开问卷,点击否,将打开问卷<!DOCTYPE html><html> <head> <title>问卷调查</title> <meta charset=UTF-8> <script type="text/javascript"原创 2018-07-10 11:15:55 · 267 阅读 · 0 评论 -
radio单选按钮2
<!DOCTYPE html><html> <head> <title>性格测试</title> <meta charset=UTF-8> <script type="text/javascript"> function test(){ var oRds = d原创 2018-07-10 11:17:33 · 157 阅读 · 0 评论 -
动态添加表单节点
以添加附件为例,点击添加附件按钮,下方将添加一个能添加附件的组件,点击他右边的删除按钮,将删除该附件。<!DOCTYPE html><html> <head> <title>addFile.html</title> <meta charset=UTF-8> <script type="text/原创 2018-07-10 11:23:03 · 1053 阅读 · 0 评论 -
如何使用LigerUI(从数据库到表格显示的一个示例)
最近做的项目使用到了LigerUI,所以最近会分享一些关于使用过程中所遇到的问题。LigerUI官网:http://www.ligerui.com/1.先到官网下载LigerUI,解压、打开有两个文件夹图:2.document文件夹是LigerUI的API文档,写的不是很详细,如果看不懂可以看源码Source文件夹是放源码的, 使用浏览器打开index.htm就是官方提供的...原创 2018-08-15 14:21:23 · 1846 阅读 · 0 评论 -
pre标签溢出解决
pre { word-wrap: break-word; white-space: pre-wrap;}原创 2019-05-26 20:42:41 · 1703 阅读 · 1 评论