自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(45)
  • 资源 (1)
  • 收藏
  • 关注

原创 div 自动上下滚动特效

话不多说,直接上代码!/** * stepLength:一次滚动步长 * speed:滚动速度 * delay:停留时间 * element:Element对象 * * element.offsetHeight 元素的像素高度(包括边框和填充) * element.scrollTop 元素的内容垂直滚动的像素 * element.scrollHeight 元素的高度(包括带...

2019-09-11 14:27:56 5485 1

原创 关于登录认证的一些思考:token、session、cookie

一切的根源就在于http是无状态的,导致每次请求之间都无法关联,所以我们用token、cookie、session来保存用户状态信息下面就用我亲身经历的项目,来阐述一下它们的优劣项目A:第一次请求登录,认证成功后,后端返回一个加密后的userId(md5(roomNo+idNo+wxname)),保存在客户端,后续请求中会携带这个userId(request body或url)...

2019-08-14 17:32:34 1347

原创 HTTPS 证书验证

首先,我们了解一下数字证书如图,数字证书 = 证书 + 数字签名(1) Version,证书版本(2) Serial Number,证书序列号(3) Issuer,颁发证书的CA机构(4) Validity,有效期,包含生效时间和失效时间,是一个时间区间(5) Subject,申请证书的组织/公司信息(6) Subject Public Key Info,公钥信息,...

2019-04-10 15:44:39 757

原创 vue双向绑定代码实现

vue数据双向绑定是通过数据劫持结合发布-订阅模式实现的,具体不再赘述,一图以蔽之:下面就展示一下具体实现:监听器:劫持并监听所有属性,如果数据变化,通知订阅器。/** * 监听器 * @param {Object} data vue数据对象 */ function observe(data) { if(!data || typeof data != 'object'...

2019-04-09 16:39:34 837

原创 踩坑:基于vue的webapp项目中遇到的微信分享问题

问题描述:最近在做一个基于vue的webapp项目,vue-router采用默认的hash模式。项目通过微信公众号的链接打开,但是在微信分享页面的时候,出现了问题:链接只保留“#”前面的内容,默认跳转到首页,而“#”后面的URL直接被截断了,导致不能分享子页面。网上看了很多解决方法,最后采用了一种重定向的方式:将当前页面的URL放在分享链接的请求参数中,再通过重定向跳转link: win...

2019-03-01 17:14:27 845

原创 踩坑: rem

前两篇是重点!移动端前端不可不知的——rem:https://www.jianshu.com/p/ef907ff40965移动端尺寸新写法——rem: https://www.cnblogs.com/lxzltg/p/5438581.htmlcss3的rem设置字体大小: https://www.w3cplus.com/css3/define-font-size-with-css3-r...

2019-01-10 15:04:52 135

原创 理解:JS中的基础类型和引用类型

ECMAScript 中包含两种不同的数据类型:基本类型和引用类型基本类型包括:Undefined,Null,Boolean,Number,String引用类型包括:Object,Array,Function,Date 等 理清一些容易混淆的地方:1. 无论基本类型,还是引用类型,都是类型,都是虚的。就像 Undefined 类型的值是 undefined,它才具有实际意义,用...

2018-12-17 16:36:36 283

原创 webpack 踩坑之 path publicPath

咋们以 Vue Cli 为例,介绍一下 webpack 配置的中的 path 和 publicPath:path: 所有输出文件的目标路径,必须是绝对路径(使用 node.js 的 path 模块)如上图,项目打包后,输出文件在 dist 目录下publicPath: 引用文件的路径前缀,url 相对于 HTML 页面如上图,指定了资源的基础路径 "/" 和子路径"...

2018-12-10 16:08:29 1053

原创 Vue 模版定义

七种模版: https://www.w3cplus.com/vue/seven-ways-to-define-a-component-template-by-vuejs.html内联模版:https://www.jianshu.com/p/3d306f75e2bd

2018-12-06 11:06:23 249

原创 webpack 学习

仔细看懂下面两个,就可以入门了:webpack 中文官网:https://webpack.docschina.org/concepts/webpack 中文指南:https://zhaoda.net/webpack-handbook/index.html

2018-11-29 16:24:32 132

原创 踩坑:JSON详解

JSON 通常用于与服务端交换数据,在向服务器发送数据时一般是字符串JSON (JavaScript Object Notation)一种简单的数据格式,是JavaScript的原生格式,规则很简单:键值都加 ""(双引号),中间用 :(冒号)分隔,键值对之间用 ,(逗号)分隔 搞清楚下面几个概念,JSON就不难了:JSON对象、JSON字符串、JS对象JSON 是一种严格的JS对...

2018-11-13 14:47:39 225

原创 踩坑:消除浮动

又遇到了浮动问题,有一点点收获,虽然还不完整,以后再补充先给出一个浮动的栗子:.div { width:500px; background:green; padding:10px }.div_left, .div_right { background: red; width:200px; height:150px }.div_left { float: left; }.div_ri...

2018-10-19 17:24:51 131

原创 Access-Control-Allow-Origin 实现 Web 跨域访问

Web 开发中,经常会遇到不能跨域访问的问题,现在有了很好的解决方法:只要在后端返回的 Response Headers 中加入 Access-Control-Allow-Origin,并指定允许访问的域名。参考:https://blog.csdn.net/u010716097/article/details/72782130https://blog.csdn.net/hehexiaoxi...

2018-10-17 17:46:10 1274

原创 踩坑:VScode 集成 eslint 插件

本文以 Vue 官方脚手架 Vue-cli 为例:1. 创建 Vue 项目注意:Vue-cli 默认给出了 eslint 配置,一路回车即可。最后在安装模块的时候,选择直接安装!我用淘宝镜像安装时,好像缺少某些东西,一直没有成功! 2. 安装 VScode 的 eslint 插件配置: 文件 -> 首选项 -> 设置 -> setting.json...

2018-10-16 11:50:15 12376

原创 Vue 中 SVG 学习

W3C SVG教程:http://www.w3school.com.cn/svg/index.aspW3C XLink教程:http://www.w3school.com.cn/xlink/index.aspSVG手册:http://know.webhek.com/svg/svg-home.html 1. 如何在vue项目中使用iconfont:https://www.jianshu....

2018-10-11 17:38:24 785

原创 vue中el解析

 vue官方API文档中,对el有如下描述:https://cn.vuejs.org/v2/api/#elel 的作用大家都知道,用于指明 Vue 实例的挂载目标。我们重点关注上面两个红色叹号部分,总结一下就是:如果存在 render 函数或 template 属性,则挂载元素会被 Vue 生成的 DOM 替换;否则,挂载元素所在的 HTML 会被提取出来用作模版 &lt...

2018-10-09 10:01:58 33023

原创 vue-router的两种模式Hash和History

单页应用(SPA)采用前端路由成为当前主流,通过改变 URL,在不重新请求页面的情况下,更新视图。目前,主要有两种实现方式:1.hash:利用 URL 中的hash(# 符号)# 代表网页中的一个位置,其右面的字符,就是该位置的标识符。比如: http://www.example.com/index.html#print就代表网页index.html的print位置。浏览器...

2018-09-29 16:37:25 3414

原创 MVVM

通俗易懂:前后端分手大师——MVVM 模式https://www.cnblogs.com/iovec/p/7840228.html什么是MVVM,MVC和MVVM的区别,MVVM框架VUE实现原理https://baijiahao.baidu.com/s?id=1596277899370862119&wfr=spider&for=pc 附:http://...

2018-09-16 11:02:25 199

转载 static relative absolute fixed 详解

参考:https://www.cnblogs.com/michael-xiang/p/4629852.html 什么是文档流?normal flow(普通流),元素在html中的排列方式——块级元素独占一行垂直排列,内联元素在行内从左至右依次排列 静态定位(static)static定位,也叫静态定位,是html元素默认的定位方式,它遵循正常的文档流,占用文档空间,该定位方...

2018-07-30 20:21:15 1225

转载 spring springMVC 包扫描

http://labreeze.iteye.com/blog/2359957

2018-07-25 16:06:14 248

原创 include-filter和exclude-filter

context命名空间的component-scan通过扫描base-package属性指定的类包,从类的注解信息中获取bean的定义信息<context:component-scan base-package="com.xxx" use-default-filters="true"/>并通过<context:include-filter>和<context...

2018-07-25 15:02:31 8103 1

原创 数据库中插入多条语句

mysql:insert into table_namevalues(?,?,?),values(?,?,?); oracle:insert allinto table_name values(?,?,?)into table_name values(?,?,?)select 1 from dual;

2018-07-17 11:33:11 4962

原创 解决 Failed while installing Dynamic Web Module 3.0

解决办法:安装 Eclipse Java EE Developer Tools 和 Eclipse Java Web Developer ToolsHelp -> Install New SoftwareWork with下拉框中选择:Oxygen - http://download.eclipse.org/releases/oxygen注:oxygen是eclipse版本号展开 Web, ...

2018-06-21 10:26:18 7891 3

转载 eclipse中maven项目安装配置

安装:https://blog.csdn.net/liu_super/article/details/52135242配置:https://www.cnblogs.com/hongmoshui/p/7994759.html

2018-06-15 11:18:34 128

转载 github使用

上传代码:https://blog.csdn.net/hanhailong726188/article/details/46738929http://www.runoob.com/git/git-tutorial.html

2018-05-21 15:00:03 94

转载 sublime text3实用教程

https://blog.csdn.net/u013861109/article/details/53106074

2018-05-03 16:56:52 185

转载 一款很好用的Jquery 打印插件——jQuery.print.js

https://blog.csdn.net/JodenHe/article/details/70313604?locationNum=3&fps=1

2018-04-27 11:44:09 10363

原创 button 标签 的 type 属性

昨天遇到一个问题,用$('form').submit()提交没有反应今天又遇到一个问题,用<button>提交ajaxSubmit竟然刷新页面了原来问题都出现在一个地方!   <button> 标签定义一个按钮。在 <button> 元素内部,您可以放置内容,比如文本或图像。这是该元素与使用 <input> 元素创建的按钮之间的不...

2018-04-20 10:52:23 4666

转载 eclipse中一些常见svn图标的含义

转:http://blog.sina.com.cn/s/blog_64941c8101018dno.html项目视图   The Package Explorer view- 已忽略版本控制的文件。可以通过Window → Preferences → Team → Ignored Resources.来忽略文件。A file ignored by version control. You can ...

2018-04-17 11:12:14 110

原创 css选择器

       最近在做前端开发,原来也学过css,一直以为很简单,但是到了真正用的时候,有些概念还是不清,所以把不清楚的地方稍微整理一下。参考资料:http://www.w3school.com.cn/css/css_selector_type.asp                http://css.doyoe.com/1.后代选择器(包含选择器)E F{ color: red;}选...

2018-04-09 17:41:14 101

原创 $(function(){ });

$(document).ready(function(){ ...});可以简写成:$(function(){ ... });是在页面DOM加载完成后执行的代码,而window.onload需要页面DOM和图片都加载完成后才执行,所以前者效率更高 。$(document).ready() 里的代码是在页面DOM都加载完才执行的,如果把代码直接写到script标签里,当页面加载完这个s...

2018-04-09 14:26:07 3729

原创 jQuery原型对象

今天,看了一下jQuery原型对象,终于把先前的疑问给解决了。东西太多,还来不及整理,先做个小笔记。朱印宏 《jQury内核详解与实战》 好书!写的很透彻!大神的解读:https://www.cnblogs.com/elcarim5efil/p/4686286.htmljQuery的三种扩展方法:http://www.jb51.net/article/99955.htmjs定义类的几种方法:htt...

2018-03-16 14:33:15 1035

原创 Linux下重启oracle数据库

(1) 以oracle身份登录数据库,命令:su – oracle (2) 进入Sqlplus控制台,命令:sqlplus /nolog (3) 以系统管理员登录,命令:connect /as sysdba (4) 启动数据库,命令:startup (5) 如果是关闭数据库,命令:shutdown immediate (6) 退出sqlplus控制台,命令:exit (7)

2018-01-25 16:04:59 19380

原创 Bootstrap(一)

公司项目的前端页面中好多用了Bootstrap,在菜鸟教程中简单学习了一下,还是很容易理解的,但是真正上手又是另一件事情了,那么多js和css,我怎么知道用哪个呢,幸好有尉哥提点,可以从下面这个网站看看样例:http://v3.bootcss.com/还看到了一个大神的知乎,牛逼呀:https://www.zhihu.com/question/19867068

2018-01-24 17:15:40 114

原创 js函数名后面加括号与不加括号的区别

今天看文档的时候,发现了一个问题:var options = { target: '#output1', // target element(s) to be updated with server response beforeSubmit: showRequest, // pre-submit callback success:

2018-01-22 17:41:08 3077

原创 jQuery Form Plugin

项目中用到了ajaxForm和ajaxSubmit,想总结一下,结果发现,人家的官方文档写的很好,哈哈!源码:http://plugins.jquery.com/form/Docs:http://jquery.malsup.com/form/ctrl+s就可以下载啦!使用ajaxSubmit的时候,因为懒,所以有一个问题纠结了好久!<form id="newEvent-form" metho...

2018-01-22 16:53:13 648

原创 JAVA WEB中的相对路径和绝对路径

最近项目中,遇到相对路径和绝对路径的问题,参考了一些博文,根据自己的理解整理了一下,今后如果有更深刻的理解,可另行修改。前端-JSP跳转1.相对跳转和当前uri有关,比如当前地址为:localhost:8080/test/点击前端链接以后 地址变为:localhost:8080/test/test.jsp相当于将地址栏中地址最后一个"/"后面的内容,换成hr

2018-01-17 10:17:22 3216

原创 RESTful

今天因工作需要,了解了一下RESTful,感觉大有受益,找到了几篇很好玩的文章,留下来今后慢慢学习http://blog.csdn.net/zhijinzhong/article/details/54644872http://www.ruanyifeng.com/blog/2011/09/restful.html

2018-01-10 15:17:40 177

原创 kettle 数据同时插入删除问题

在用kettle进行数据同步时,发现一个问题:目的数据库的数据少于源数据库的数据,丢失的数据去哪里了呢?先上图:步骤1:从源数据库抽取数据步骤2:删除目的数据库的数据步骤3:插入到目的数据库但是问题来了,这么简单的一个过程,到底是哪里出了问题呢?首先,我们需要了解kettle的运行过程,如上图,步骤1,2,3虽然是按照顺序执行的,但是是并行的!也就是

2017-11-28 09:54:24 16149

原创 SSM 配置文件

<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javae

2017-10-17 15:26:01 246

jQuery详解与实践.pdf

一本很好的jQuery的书,想深入理解jQuery的朋友,赶快下载吧!

2018-03-16

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除