![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记整理
无处安放的前端
爱编程 不爱bug
展开
-
idea 常用快捷键 以及maven创建web工程过慢
创建maven工程时候添加键值对archetypeCataloginternalidea常用的快捷键Alt+回车 导入包,自动修正Ctrl+N 查找类Ctrl+Shift+N 查找文件Ctrl+Alt+L 格式化代码Ctrl+Alt+O 优化导入的类和包Alt+Insert 生成代码(如get,set方法,构造函数等)Ctrl+E或者Alt+Shift+C...原创 2019-07-27 23:07:17 · 179 阅读 · 0 评论 -
mybatis 配置一对多 一对一 多对多
(一对多:一个用户对应多个账户 一对一: 一个账户对应一个用户 多对多: 多个用户可以对应多个角色)1. 实体类 1.1 多的一方package com.zsw.domain;import java.io.Serializable;import java.util.Date;import java.util.List;public class User imp...原创 2019-07-06 18:35:29 · 198 阅读 · 0 评论 -
mybatis 动态标签配置
<if>标签:我们根据实体类的不同取值,使用不同的 SQL 语句来进行查询。比如在 id 如果不为空时可以根据 id 查询, 如果 username 不为空时还要加入用户名作为条件。这种情况在我们的多条件组合查询中经常会碰到1.持久层 dao接口int findUserById(@Param("id") int id); 2.持久层 Dao 映射配置...原创 2019-07-06 16:44:23 · 271 阅读 · 0 评论 -
自定义Jquery(雏形)
最近博主闲来无事 所以看了一下Jquery的源码 越看越觉得博大精深 后来又参考了其他大牛写的文章 于是自己也决定开始来封装一个js库 现在暂时才只有一个雏形 后续会继续更新 其中可能还要很多不足 欢迎各位大佬指点 (function (global) { function JQuery(select) { return new JQue...原创 2019-06-28 13:37:47 · 1553 阅读 · 0 评论 -
Es6中的重点(箭头函数与普通匿名函数的区别 Promise基本操作 函数错误处理 回调地狱 async理解与基本用法 )
箭头函数和普通匿名函数有哪些不同?函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误。不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以用 rest 参数代替。(不常用)不可以使用yield命令,因此箭头函数不能用作 Generator 函数。generator函数现在经...原创 2019-06-25 00:34:45 · 1748 阅读 · 0 评论 -
js中判断数据类型的方式 以及 如何解决bind在浏览器中的兼容问题 以及 bind call apply区别
js中判断数据类型typeoftypeof只能判断:数字、字符串、布尔值、undefined、函数Object.prototype.toString.call()5 ‘[object Number]’“abc” ‘[object String]’true ‘[object Boolean]’null ‘[object Null]’undefined ‘[object U...原创 2019-06-25 00:20:27 · 1518 阅读 · 0 评论 -
require模块管理 通过hashchange事件 模拟Vue中的路由
Route.jsdefine([],function () { function Route(option) { this.routes = option.routes; this.init(); } Route.prototype = { constructor:Route, init(){ ...原创 2019-07-02 19:26:26 · 298 阅读 · 0 评论 -
vue-cli 配置本地接口
npm 安装 express 2.首先找到bulid目录下的webpack.dev.conf.js 如图 3, 然后在webpack.dev.conf.js文件中添加如下代码const express = require('express');const app = express();const appData = require('../data...原创 2019-06-26 18:04:32 · 811 阅读 · 0 评论 -
js中原继承的几种创建方式
JS中继承的概念:通过【某种方式】让一个对象可以访问到另一个对象中的属性和方法,我们把这种方式称之为继承 并不是所谓的xxx extends aaa为什么要使用继承?有些对象会有方法(动作、行为),而这些方法都是函数,如果把这些方法和函数都放在构造函数中声明就会导致内存的浪费 function Person(){ this.say=function(){ ...原创 2019-06-17 06:48:18 · 901 阅读 · 0 评论 -
Ecmascript 6基本用法
let 和 constlet: let 类似于 var,用来声明变量 通过 let 声明的变量不同于 var,只在 let 命令所在的代码块内有效(块级作用域) let 声明的变量不存在变量提升 let不允许在相同作用域内,重复声明同一个变量 const: const声明一个只读的常量。一旦声明,常量的值就不能改变 const 声明必须初...原创 2019-06-16 14:45:11 · 142 阅读 · 0 评论 -
jquery 实现瀑布流 动态获取服务端数据 以及滚动加载服务端数据
1. html+css部分<div class="container"> <div class="items"> </div> <div class="btn">点击加载</div></div> .container { width: 1200px;...原创 2019-07-18 13:27:04 · 4961 阅读 · 0 评论 -
fileupload + php 支持拖拽 本地图片上传回显
项目准备第一步 导入jqeury插件 注意导入顺序 <script src="./js/jquery.min.js"></script> <script src="./js/jquery.ui.widget.js"></script> <script src="./js/jquery.iframe-tra...原创 2019-07-11 21:29:54 · 1452 阅读 · 0 评论 -
BeanFactory 使用动态代理 管理java中事务
1. 建立一个工具类 用于从数据库中获取一个连接 并且实现线程绑定public class ConnectionUtils { private ThreadLocal<Connection> tl = new ThreadLocal<Connection>(); private DataSource dataSource; public v...原创 2019-07-22 21:27:36 · 332 阅读 · 2 评论 -
Node + express 中 req resp常用的方法
1. 请求体中常用的方法req.params一个数组,包含命名过的路由参数。req.param(name)返回命名的路由参数,或者 GET 请求或 POST 请求参数。建议你忽略此方法。req.query一个对象,包含以键值对存放的查询字符串参数(通常称为 GET 请求参数)。req.body一个对象,包含 POST 请求参数。这样命名是因为 POST 请求参数在 REQUES...原创 2019-07-25 00:21:43 · 2248 阅读 · 1 评论 -
JdbcTemplate的使用
1. 概述它是 spring 框架中提供的一个对象,是对原始 Jdbc API 对象的简单封装。spring 框架为我们提供了很多 的操作模板类。操作关系型数据的: JdbcTemplate HibernateTemplate操作 nosql 数据库的: RedisTemplate操作消息队列的: JmsTemplate2. JdbcTemplate 对象的创建...原创 2019-07-24 23:01:03 · 128 阅读 · 0 评论 -
java 入门第一天 环境变量配置
第一步 根据电脑系统位数安装相应的jdk jdk安装无脑一步就行 安装路径一般默认第二步 找到你jdk安装的路径 复制该路径第三部 打开高级系统设置 配置变量环境 配置JAVA_HOME 黏贴你jdk安装的路径第四步 双击编辑path 输入以下配置第五步 双击CLASSPATH 配置一下配置第六步 在cmd中运行javac环境...原创 2019-07-17 11:07:11 · 177 阅读 · 0 评论 -
iscroll 下拉刷新
前端代码部门<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery.min.js"></script> <...原创 2019-07-16 22:57:27 · 1393 阅读 · 0 评论 -
MongoDB 安装以及基本语法使用
MongoDB介绍 一个数据库对应多个集合 一个集合对应多个文档对象 在mongo中不论是db还是集合,你都无需去创建他 直接就当他已经存在,直接Use来使用 use db名称; 接着会被切换到该db中 db.要创建的集合名称.save({});这样集合就被创建了 ...原创 2019-07-23 22:24:18 · 109 阅读 · 0 评论 -
iscroll 的使用
iScroll是一个高性能,资源占用少,无依赖,多平台的javascript滚动插件。它可以在桌面,移动设备和智能电视平台上工作。它一直在大力优化性能和文件大小以便在新旧设备上提供最顺畅的体验。iScroll不仅仅是 滚动。它可以处理任何需要与用户进行移动交互的元素。在你的项目中包含仅仅4kb大小的iScroll,你的项目便拥有了滚动,缩放,平移,无限滚动,视差滚动,旋转功能。给它一个扫帚...原创 2019-07-16 22:01:44 · 386 阅读 · 0 评论 -
zepto.js 定制步骤
1、安装Nodejs环境2、下载zepto.js3、解压缩4、cmd命令行进入解压缩后的目录5、执行npm install 命令6、编辑make文件,没有后缀,添加自定义模块并保存7、然后执行命令 npm run-script dist8、查看目录dist即构建好的zepto.js...原创 2019-07-16 20:00:02 · 239 阅读 · 0 评论 -
js 高级构造函数的执行过程 闭包的概念 以及作用域链
构造函数的概念任何函数都可以当成构造函数function CreateFunc(){ }只要把一个函数通过new的方式来进行调用,我们就把这一次函数的调用方式称之为:构造函数的调用new CreateFunc(); 此时CreateFunc就是一个构造函数CreateFunc(); 此时的CreateFunc并不是构造函数构造函数的执行过程var p1=new P...原创 2019-06-20 08:58:28 · 790 阅读 · 0 评论 -
React中组件的注意事项以及有状态组件和无状态组件的区别
在React中,构造函如果想要把组件放到页面中,可以把 构造函数的名称,当作 组件的名称,以 HTML标签形式引入页面中即可注意:React在解析所有的标签的时候,是以标签的首字母来区分的,如果标签的首字母是小写,那么就按照 普通的 HTML 标签来解析,如果 首字母是大写,则按照 组件的形式去解析渲染结论:组件的首字母必须是大写使用 function 构造函数创建的组件,内部没有...原创 2019-06-04 08:33:12 · 339 阅读 · 0 评论 -
node.js 小白入门 连接数据库util工具类
$ npm install mysqljs/mysql原创 2019-05-05 07:43:15 · 326 阅读 · 0 评论 -
Hibernate学习第一天
什么是Hibernate:Hibernate是一个持久层的ORM框架。什么是orm:Object Relational Mapping(对象关系映射)。指的是将一个Java中的对象与关系型数据库中的表建立一种映射关系,从而操作对象就可以操作数据库中的表。下载开发Hibernate环境hibernate下载解压Hibernatedocumentation :Hib...原创 2019-04-17 18:54:16 · 456 阅读 · 0 评论 -
移动Web知识点小结
基础知识屏幕 移动设备与PC设备最大的差异在于屏幕,这主要体现在屏幕尺寸和屏幕分辨率两个方面。通常我们所指的屏幕尺寸,实际上指的是屏幕对角线的长度 ,而分辨率则一般用像素来度量 px,表示屏幕水平和垂直方向的像素数,例如1920*1080指的是屏幕垂直方向和水平方向分别有1920和1080个像素点而构成 长度单位 在Web开发中可以使用px(像素)、em、pt(点)、...原创 2019-04-14 15:51:57 · 1140 阅读 · 0 评论 -
js 事件的兼容处理 封装自定义方法
//foreach的兼容代码if (!Array.prototype.forEach) { Array.prototype.forEach = function(callback, thisArg) { var T, k; if (this == null) { throw new TypeError(' this is ...原创 2019-04-09 09:26:41 · 221 阅读 · 0 评论 -
Linux基础操作
小技巧 ( 放大缩小终端窗口字体):ctrl + shift + = (放大)ctrl + - (缩小)常用基本命令01. 终端命令格式command [-options] [parameter]说明:command:命令名,相应功能的英文单词或单词的缩写 [-options]:选项,可用来对命令进行控制,也可以省略 parameter:传给命令的参...原创 2019-04-02 17:02:56 · 381 阅读 · 1 评论 -
JQuery stellar视察滚动 和 fullPage 全屏滚动插件的使用
Stellar.js(视差滚动是当用户滚动页面时,前景和背景以不同的速度移动,从而创造出3D效果。 这种效果可以给网站一个很好的补充,但如果滥用,就会很烦人。 有些完全由这种效果驱动的网站会让人觉得不优雅。 因为这种效果通常使用大图像做背景,网站资源大量增加,导致加载非常缓慢。http://markdalgleish.com/projects/stellar.js/ 官网)引用 css js包...原创 2019-04-06 17:09:53 · 356 阅读 · 0 评论 -
仿jquery 支持jsonp
function ajax(obj){var defaults = {url : “#”,dataType:‘jsonp’,jsonp:‘callback’,success:function(data){}}for(key in obj) {defaults[key] = obj[key]} var cName =“Jquery”+(“1.1.1”+Math.random())...原创 2019-03-21 10:32:06 · 303 阅读 · 0 评论 -
oracle 脱坑
这篇文章记录了这两天自学oracle的一些笔记然后还有对老师上课的一些总结 然后还有一些自己写的sqll语句 介意初学者可以认真看一下: Oracle的安装安装前注意事项:1.安装前必须要关闭电脑防火墙 2.安装前电脑需要断网 3 一开始安装的时候出现先决条件检查失败解决方法 或者...原创 2019-03-16 16:48:29 · 461 阅读 · 0 评论 -
orcale 110个 常用内置函数
ASCII 返回与指定的字符对应的十进制数; SQL> select ascii(A) A,ascii(a) a,ascii(0) zero,ascii( ) space from dual; A A ZERO SPACE --------- --------- --------- --------- 65 97 48 32 2. CHR 给出整数,返回对应的字符; SQL&...转载 2019-03-14 10:29:23 · 249 阅读 · 0 评论 -
javascript 自定义dialog
/* cWidth : 弹窗宽度 cHeight : 弹窗高度 title : 弹窗标题 info : 弹窗内容(原生DOM对象)*/function MarkBox(cWidth, cHeight, title, info) { var reg = /^[0-9]*[1-9][0-9]*$/; this.title = title; ...原创 2019-05-05 09:20:00 · 1785 阅读 · 0 评论 -
node.js小白入门 开发图书管理系统 (附源码)
node.js 后台渲染 开发图书管理系统包视图结构需要依赖下载的模块art-template": "^4.13.2", --模板引擎需要的模块"body-parser": "^1.19.0", -- 解析传入的请求主体"express": "^4.16.4", -- Fast, unopinionated, minimalist web framework for node. 一个...原创 2019-05-05 09:21:20 · 6681 阅读 · 1 评论 -
webpack高级
webpack的发布策略在实际开发中,一般会有两套项目方案:一套是开发期间的项目,包含了测试文件、测试数据、开发工具、测试工具等相关配置,有利于项目的开发和测试,但是这些文件仅用于开发,发布项目时候需要剔除;另一套是部署期间的项目,剔除了那些客户用不到的测试数据测试工具和文件,比较纯净,减少了项目发布后的体积,有利于安装和部署!为了满足我们的发布策略,需要新建一个配置文件,命名为...原创 2019-06-02 21:15:10 · 100 阅读 · 0 评论 -
JSP EL JSTL MVC三层架构笔记
JSP:1. 指令 * 作用:用于配置JSP页面,导入资源文件 * 格式: <%@ 指令名称 属性名1=属性值1 属性名2=属性值2 ... %> * 分类: 1. page : 配置JSP页面的 * contentType:等同于response.setContentType() 1. 设置响应体的mime类型以及字符集 2. 设置当前jsp页...原创 2019-05-29 23:50:47 · 104 阅读 · 0 评论 -
Git的安装和使用 小白教程
什么是Git?Git是一款源代码管理工具(版本控制工具)我们写的代码需要使用Git进行管理。Git安装下载地址 无脑下一步就行Git 使用初始化Git仓储/(仓库)这个仓库会存放,git对我们项目代码进行备份的文件在项目目录右键打开 git bash命令: git init配置信息就是在git中设置当前使用的用户是谁每一次备份都会把当前备份者的信息存储起...原创 2019-05-11 23:58:17 · 618 阅读 · 0 评论 -
axios配合vue使用解决跨域问题
中文参考站点:https://www.kancloud.cn/yunye/axios/234845vue官网维护了一个网络请求:vue-resource,后期不维护了,推荐使用axiosvue -> axios:Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。安装:npm install axios --save引入:import...原创 2019-05-24 23:04:15 · 509 阅读 · 0 评论 -
vue基础学习笔记
Vuevue单文件方式 xxx.vue1:准备好配置文件 package.json(包描述文件&& 封装命令npm run dev) + webpack.config.js文件(打包的配置文件)2:创建index.html(单页应用的页)3:创建main.js(入口文件)4:引入vue和相关的文件xxx.vue5:new Vue(options)6:options(...原创 2019-05-24 23:00:58 · 327 阅读 · 0 评论 -
vue 起步小白学习笔记
项目初始化1.安装vue-cli cnpm install --global vue-cli2.初始化项目 vue init webpack my-project3.进入项目 cd my-project4.安装依赖 npm install5.启动项目 npm run dev项目目录结构index.html:项目根视图.postcssrc.js:postcss配置文件...原创 2019-05-24 22:58:02 · 88 阅读 · 0 评论 -
dom4j 解析xml
/增加public static void addstu(Student student) throws Exception{/*** 创建解析器* 得到document * 获取到根节点* 在根节点上面创建stu标签* 在子标签中添加值* 回写xmL*///创建解析器SAXReader saxReader=new SAXReader();//得到documentDoc...原创 2019-05-18 21:50:49 · 693 阅读 · 0 评论