gzkahjl-优快云博客

原创 art-template渲染分页模板

//环境：简单webpack环境//构建分页逻辑所需要的数据(代码来自慕课网某课程)//art-template的使用原则：不要在里面拼接大段的HTML代码。//类似本利中的分页组件，最好是构造一份适合Handlebars的数据，然后传给它，来生成html。functionformatPag(pagData){vararr=[];varto...

2019-09-26 11:58:07 1366

原创 art-template过滤器多个参数

<放在common-date.js---->// 将Date转换为指定的format格式,flag为指定日期形式（D;默认）或时间(T)function dateFormartByParam(date, format, flag) { var newDate=ne...

2019-09-06 09:16:24 986

原创 JS判断是否到达浏览器顶部、底部，判断div滚动是否到底部，获取滚动条宽度

------------------------------------JS判断是否到达浏览器顶部、底部-----------------------------------------<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name=...

2019-07-27 15:58:05 2778

原创 JS预加载

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-eq...

2019-07-24 17:51:18 460

原创 JS懒加载

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compa...

2019-07-24 00:02:47 142

原创前端CSRF攻击

cross site request forhy（CSRF）跨站请求攻击案例：诱导用户打开第三网站，进行攻击，例如：<body> hello，这里什么也没有。 <script> document.write(` <form name="commentForm" target...

2019-06-25 23:24:53 347

原创前端XSS攻击

什么是XSS攻击？XSS原称为CSS(Cross-Site Scripting),即跨站脚本攻击，因为和层叠样式表(Cascading Style Sheets)重名，所以改称为XSS(X一般有未知的含义，还有扩展的含义)。XSS攻击可能造成的后果：获取页面数据、获取cookie、劫持前端逻辑、发送请求、偷取网站任意数据、偷取用户密码和登录态、欺骗用户等等XSS攻击分为两类：{反射...

2019-06-24 09:19:32 186

原创 SpringMVC之JPA关于Specification复杂查询、 Example实例查询及QueryDSL查询

关于JPA与SpringMVC的整合相关配置《！----------------------------------------applicationContext-jpa---------------------------------》<?xml version="1.0" encoding="UTF-8"?><beansxmlns="http://www.spr...

2019-06-17 00:30:41 2156

原创 SpringAop之request取不到formdata的数据的处理

在web.xml中配置：<filter> <filter-name>InitContent</filter-name> <filter-class>com.common.filter.InitContent</filter-class> </filter> <filte...

2019-01-16 09:47:06 1872

原创 js最大化窗口

/* 最大化窗口 */ $(".screen-full").on("click", function (e) { e.preventDefault(); if (!$(this).hasClass("full-on")) { var docElm = document.documentElement; va...

2019-01-10 11:52:23 1815

原创 Mysql查询最近6个月每月入驻的企业数量

public List<Object[]> countForSix() throws DaoException{ String sql = "SELECT\r\n" + " six_month.`month` 'month',\r\n" + " IFNULL(COUNT(t.userId), 0...

2019-01-10 09:45:54 1556 1

原创 layui自定义上传文件名称修改

choose: function (obj) { var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列 //读取本地文件 obj.preview(function (i...

2019-01-09 09:02:13 10798

原创 layui自定义时钟模块

clock.js ://layui自定义模块写法layui.define(function (exports) { var obj = { now: function () { setInterval('clock("current-datetime")', 1000); } }; exports('cl...

2019-01-08 15:17:40 1909 2

原创 layerui工具栏根据状态动态显示

2018-11-23 09:06:35 4630 2

原创 Vue之父组件向子组件传方法

父组件<item:todo="todo":func="deleteTodo"v-for="todo in filteredTodos":key="todo.id"/>methods: {deleteTodo(id) {this.todos.splice(this.todos.findIndex(todo => todo.id === id), ...

2018-11-22 22:55:28 352

原创前端页面通过ajax提交多文件，后台进行接收处理

前端页面形式如下：js操作方式如下（用了layer弹出层）： var multiFiles = []; var saveName = []; var attas = $("#"+area+" .attaBox ").find('.template-atta');//获取每个方框 var isTest = true; ...

2018-11-22 16:35:04 3188

原创 jqzoom实现放大镜效果

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&

2018-10-06 20:31:12 1551

原创腾讯的模板引擎art-template的学习

art-template 是一个简约、超快的模板引擎。它采用作用域预声明的技术来优化模板渲染速度，从而获得接近 JavaScript 极限的运行性能，并且同时支持 NodeJS 和浏览器。此demo学习使用了layui框架：<!DOCTYPE html><html lang="zh-CN"><head> <meta charse...

2018-10-06 14:08:19 1501

原创 js的forEach、map及jq的each

var arr = ['Nice', 'to', 'meet', 'you', '!']; var res = arr.map(function (value, idx, array) { console.log(value, idx, array, this); //Nice 0 Array(5) [ "Nice", "to", "mee...

2018-09-28 15:10:01 212

原创 JS的编码风格

来自Airbnb JavaScript Style Guide的学习：1.命名应具备描述性// badfunction a(){ alert('hello');}// goodfunction sayHello(){ alert('hello');}2.使用驼峰式命名对象、函数和实例// badvar OBJEcttsssss = {};var ...

2018-09-28 09:12:48 745

原创 JS原型

来自《你不知道的JavaScript》第5章原型的学习总结《=======================================================================》所有普通的[[Prototype]]链最终都会指向内置的Object.prototype。由于所有的"普通"（内置，不是特定主机的扩展）都“源于”（或者说把[[Prototype]]链...

2018-09-24 19:02:08 118

原创 (Java)BigDecimal

BigDecimal.setScale()方法用于格式化小数点setScale(1)表示保留一位小数，默认用四舍五入方式 setScale(1,BigDecimal.ROUND_DOWN)直接删除多余的小数位，如2.35会变成2.3 setScale(1,BigDecimal.ROUND_UP)进位处理，2.35变成2.4 setScale(1,BigDecimal.ROUND_HALF_...

2018-09-06 21:01:42 93

原创 layerui动画元素

旋转的序号，如图所示：<div class="layui-anim layui-anim-rotate circle" data-anim="layui-anim-rotate">1</div>/*CSS样式小圆圈*/.circle{width: 30px;height: 30px;line-height: 30px;text-align: center;ba...

2018-08-24 11:58:16 390

原创后台根据url下载文件

//前端代码：<a href="<%=basePath %>bgApply/download?url=${url}" title="约谈附件">下载</a>//后台根据前台提交的url地址进行文件下载后端代码：@RequestMapping("/download") public void downLoad(HttpServletRequ..

2018-08-09 11:38:39 1539

原创微信小程序封装请求基类

class Config{constructor(){}}Config.requestUrl = 'your url'; export {Config};/////////////////////////////////////////////////////////import {Config} from '../utils/config.js';class ...

2018-08-05 23:29:16 694

原创 layerui 时间段搜索+后台处理

要实现效果如下：前台代码基于Layui <div class="layui-form"> <div class="layui-form-item fl"> <label class="layui-form-label" style="padding: 9px 0; text.

2018-08-04 11:39:59 3547

原创关于前端多数组一对一传后台的处理

要实现效果如下：当数据库已存在该用户信息时，对其进行修改，保存；用户点击新增时，后台对其进行添加保存到数据库。之前分别使用数组接收报错，最后使用封装方式统一接收前台代码：JSP+LayerUI  <div class="layui-tab-item"> <form class="...

2018-08-04 11:21:54 729

原创 ajax异步下载文件

最近捯饬公司项目，需要用到ajax下载文件，所以百度了一番，综合解决方案如下：前端ajax: var url = '<%=basePath%>enterprise/exportExcel?enterpriseIds='+ids; var xhr=null; try { xhr=new XMLHttpR...

2018-08-04 10:52:29 5055

原创移动web适配的方式

方式一：采用rem+vw方式进行适配html { font-size: 16px;}@media screen and (min-width: 375px) { html { /* iPhone6的375px尺寸作为16px基准，414px正好18px大小, 600 20px */ font-size: calc(100% + 2...

2018-07-18 23:32:45 398

[[Prototype]]机制就是指对象中的一个内部链接引用到别一个对象。如果在第一个对象上没有找到需要的属性或者方法引用，引擎就会继续在[[Prototype]]关联的对象上进行查找。同理，如果在后者中也没有找到需要的引用就会继续查找他的[[Prototype]],以此类推。这一系列对象的链接被称为“原型链”。《==========================================...

2018-07-13 14:47:36 374

原创 Js混合对象“类”

来自《你不知道的javascript》的学习《==============================================================》类意味着复制。传统的类被实例化时，它的行为会被复制到实例中。类被继承时，行为也会被复制到子类中。类的继承：class Vehicle{ engines = 1 ignition(){ output("T...

2018-07-11 09:32:09 346

原创 Js对象

来自《你不知道的JavaScript》第3章对象的学习总结<============================================================>对象定义有两种方法：声明（文字）形式和构造形式对象文字形式： var myObj = { key:value }构造形式： var myObj = ...

2018-07-10 12:01:10 173

原创 js之this究竟指向谁？

1.在理解this的绑定过程之前，首先要理解调用位置：调用位置就是函数在代码中被调用的位置，而不是声明的位置。寻找调用位置就是寻找“函数被调用的位置”。function baz(){ //当前调用栈是：baz //因此，当前调用位置是全局作用域 console.log("baz"); bar(); <==bar的调用位置}function bar(){ //当前...

2018-07-09 16:59:30 129

原创 Js函数表达式

函数定义的方式有两种：一种是函数声明，别一种是函数表达式。函数声明的形式：function foo(arg0,arg1,arg2){//函数体}首先是函数关键字，然后是函数名字，这就是指定函数名的方式。函数声明的一个重要特征是函数提升，意思是在执行代码之前会先读取函数声明，所以能把函数声明放在调用他的语句后面。foo();function foo(){ console.log("hello ...

2018-07-06 09:59:41 292

原创 JS箭头函数

x=>x*x <======> function(x){ return x*x;}箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种如上面所示，只包含一个表达式，连{..}和return都省略掉了；还有一种可以包含多条语句，这时不可以省略{..}和return，如果参数有两个，需要用（）括起来。（x，y） =>x*x+y*y; //2个参数（）=...

2018-07-05 16:06:11 3010

原创 JS块作用域

块作用域指的是变量和函数不仅属于所处的作用域，还属于某个代码块（通常指{..}内部）for(var i=0;i<10;i++){ var j=12;}console.log(i,j)//10 12当使用var声明变量时，无论它写在哪，最终都会属于外部作用域。function foo(){ var a= 10;}console.log(a); // a is not define...

2018-07-04 22:39:32 236

原创 js立即执行函数表达式（IIFE）

第一种格式：var a=3;(function foo(global){var a=1;console.log(a); //1console.log(global.a);//3})(window);console.log(a);由于函数被包含在一对（）括号内部，因此成为了一个表达式，通过在末尾加上别外一个（）可以立即执行这个函数。第一个（）将函数变成表达式，第二个（）执行了这个函数。第二种格式：(...

2018-07-04 15:10:15 680

原创 JS的作用域

作用域是一套规则，用于确定在何处以及如何查找变量（标识符）。如果查找的目的是对变量进行赋值，则进行LHS查询，如果目的是获取变量的值，则进行RHS查询。赋值操作符会导致LHS查询。=操作符或调用函数时传入参数的操作都会导致关联作用域的赋值操作。JS引擎首先会在代码执行前对其进行编译，在这个过程中，像var a=2这样的声明会被分解成两个独立的步骤。1.首先，var a在其作用域中声明新变量，这会在...

2018-07-04 13:26:49 118

原创 flex布局的学习总结

flex布局，能够简便、完整、响应式地实现各种页面布局。任何一个容器都可以指定为 Flex 布局。.box{display:flex;}行内元素一样可以使用 Flex 布局。.item{display:inline-flex;}webkit内核的浏览器，必须加上-webkit前缀。采用flex容器的元素，称为flex容器（简称“容器”），其子元素称为flex项目（简称“项目”）。flex容器有6个...

2018-07-02 15:30:22 218

空空如也

空空如也