web方向
文章平均质量分 62
little_newBee
正在努力学习的小小菜鸟
展开
-
对Https握手过程的简单描述
HTTPS在传输数据之前需要客户端与服务端之间进行一次握手,在握手过程中将确立双方加密传输数据的密码信息。握手过程的简单描述如下: 1.浏览器将自己支持的一套加密规则发送给网站。 2.网站从中选出一组加密算法与HASH算法,并将自己的身份信息以证书的形式发回给浏览器。证书里面包含了网站地址,加密公钥,以及证书的颁发机构等信息。 3.获得网站证书之后浏览器要做以下工作: a)...转载 2018-08-13 18:03:55 · 640 阅读 · 0 评论 -
babel引起的import无法正常转换成es5的问题
仔细听,就一句话:版本!现在大部分使用npm或者cnpm安装包的时候,都会采用如下方式: 举例: cnpm install babel-loader --sasve-dev那么这种方式是不考虑版本的,现在前端的包和框架更新速度都比较快,但也因此可能出现了不“好使”的情况,所以在以后下载包时,可以根据自身情况进行某一个版本的下载,步骤也十分简单。大都是大版本号的更新比较大,,例如babel5原创 2017-07-27 23:03:11 · 5163 阅读 · 0 评论 -
webpack打包vue项目demo
这两天在学习使用webpack去打包vue,遇到了一些坑,在这里提供一套可用的配置供大家参考。 上面是我的目录。(有些文件不是开始新建的文件,下面会进行说明)首先大家可以新建一个空目录,假设叫vue-test。 进入到里面新建上述的App.vue,main.js,webpack.config.js,index.html这四个文件。 接下来使用npm进行初始化。没有安装node.js的小伙伴安装原创 2017-06-27 16:32:10 · 2514 阅读 · 0 评论 -
为什么float设置的元素会把同行的其他元素挤掉?
首先可以去了解一下inline-box, 然后float元素是破坏inline-box,导致它脱离所在行(line-boxes),进而产生左右贴边的情况,至于有时会令其他元素被覆盖,因为,如果float的元素中没有实体内容,例如是个img进行浮动,那就由于图片实体存在,所以看上去是排列在图片后面,如果只是一个带颜色的div,那后面的元素就被期覆盖了。原创 2017-05-20 00:42:31 · 1997 阅读 · 0 评论 -
解决div与span等inline元素同行后高度不一致问题
这里场景是有一个div使用float,本来前面的span由于后面div的浮动被挤到了后面。这是因为浮动破坏了div的inline-box导致的。但是导致了,这两个元素的高度不一致的问题,并且无法用margin解决。即使用了vertical-align解决了小x的问题也没有什么反应,看来问题的原因不在这里,至于具体原因现在仍不是很清楚,网上找到了下面这样的代码得以解决。将div和span都table化原创 2017-05-19 23:15:39 · 6424 阅读 · 0 评论 -
说说css clear属性
以下均是自己的一些理解,希望如果有大神看到不足之处还请多批评指责,刚入门前端,算是自己做的一个小笔记。经常看到有人使用clear:both清除浮动,开始就是跟着用,现在发现自己都不知道这个东西什么意思,就用来使用,应该搞清楚它清浮动的原理之类,于是查了些资料,就来这里胡说八道一番。元素被设置为float之后,会产生display:inline-block和高度塌陷的特性,那么一般就是咱们所看到了外原创 2017-05-17 17:18:22 · 653 阅读 · 0 评论 -
使用Timer+servletListener实现web服务的任务调度
首先是调度任务类package timer;import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException;import java.sql.Statement;import java.text.SimpleDateFormat;import java.util.Calendar;原创 2017-05-17 16:56:23 · 357 阅读 · 0 评论 -
mybatis的if标签对于单个基本数据类型的参数的判断问题
and sid=#{sid} 如果正常的这样写,会报错:java.lang.Integer没有sid这个property的getter方法。这是因为mybatis的这个标签,里面只对对象的属性或者map的内容进行判断。如果是单个的基本类型,并不满足以上条件,那么该如何进行test判断呢??方法1:将sid改成_parameter,如下:原创 2017-05-04 16:04:37 · 4814 阅读 · 0 评论 -
dom对象与jquery对象相互转换
jquery对象转dom对象var jqueryobj = $("p")//这一操作即得到了dom对象var domobj = jqueryobj[0]//现在就可以操作dom了,例如下面的domobj.tagName......或者使用另一种方式var domobj = jqueryobj.get(0)d原创 2017-05-03 15:34:35 · 553 阅读 · 0 评论 -
对于使用类似springmvc requestmapping跳转至页面导致的静态资源文件找不到的错误的理解
自己在接触时发现了这个问题,在网上找答案只能说没有什么人给出了明确的解决办法或者思路。这里是自己的对于这个问题一点点尝试得出的一点结论,但是没有揪出它的原理,仅供参考。通过requestmapping注解映射并跳转,在跳转到的html或者jsp页面上的相对路径会发生变化,不再是页面所在目录了。那是什么呢???举例说明@requestmapping(“/test”),如果是进原创 2017-05-02 23:39:49 · 6022 阅读 · 4 评论 -
网络原理的一点小知识
A,B,C三类地址网段号是多少到多少就不介绍那些了,主要说一下容易混淆的东西。A类地址要求32位中的第一位为0,且前八位表示网络号(包括刚才的0),那么它的默认主机号有24位;B类地址要求第一位为0,第二位为1,且前十六位表示网络号,那么它的默认主机号有16位;C类地址要求第一位为1,第二位为1,第三位为04,前24位表示网络号,那么它的默认主机号有8位。主机号不能全为原创 2016-08-12 01:16:26 · 362 阅读 · 0 评论 -
web service 权限控制以及cxf拦截器
web service权限控制正常的思路是,让服务器端规定,input消息(客户端发来的消息)一定要携带某种特殊的数据,例如,用户名,密码。服务端根据对这些数据的判断来进行权限控制。做法是,控制用户发来的xml文档片段里的信息来判断。现在用到了cxf框架,这个方法被阻断了,因为,cxf自己生成相应的xml文档片段,没有让我们手动生成。但是它提供了一个叫拦截器的东西添加拦截器1.首先获取endp原创 2016-08-30 12:59:49 · 726 阅读 · 0 评论 -
Ajax 设置Access-Control-Allow-Origin实现跨域访问
ajax跨域访问是一个老问题了,解决方法很多,比较常用的是JSONP方法,JSONP方法是一种非官方方法,而且这种方法只支持GET方式,不如POST方式安全。 即使使用jQuery的jsonp方法,type设为POST,也会自动变为GET。 官方问题说明: “script”: Evaluates the response as JavaScript and returns it as plai转载 2017-08-23 09:46:07 · 718 阅读 · 0 评论 -
JS——到底什么才是闭包
原链接:http://www.cnblogs.com/xiaohuochai/p/5728577.html古老定义 闭包(closure),是指函数变量可以保存在函数作用域内,因此看起来是函数将变量“包裹”了起来 那这样说来,包含变量的函数就是闭包//按照古老定义,包含变量n的函数foo就是闭包function foo() { var n = 0;}console.log(n)转载 2017-08-28 12:46:32 · 394 阅读 · 0 评论 -
webpack打包vue2.0,[Vue warn]: You are using the runtime-only build of Vue where the template compiler
[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build. (found原创 2017-08-28 17:02:14 · 1018 阅读 · 0 评论 -
针对Jrebel激活失效问题的解决方案
用了idea挺长时间了,今天才发现这个热更新的插件,Jrebel,在网上找到了安装指南,不料,在激活这块栽了。我激活时直接报了错,在网上也没有找到类似的错误,自己估计是这个license server失效了。那么怎么办呢?,细心的小伙伴应该会找到一些大神说的如下网址:https://my.jrebel.com ,访问它并且使用侧面的facebook或者twitter账号进行登录即可。这里原创 2018-01-22 23:01:41 · 13850 阅读 · 4 评论 -
java web中遇到的乱码问题(Get,Post)
说一下web开发中遇到的乱码问题,直接讲解一下程序是以何种方式进行编码解码的,那么就可以自己根据这个规律查找错误了,而且思路清晰。Url的编码和解码。(不包括?后面的参数)我们平时直接输入到浏览器的url地址栏上的地址,例如:https://www.baidu.com 这里提到的是不加参数的,因为参数是单独进行编码的。这里的Url根据浏览器的不同编码方式也不同。我用到的谷歌,火狐,ie原创 2018-01-12 16:59:57 · 347 阅读 · 0 评论 -
http的keep-alive和tcp的keepalive区别
1、HTTP Keep-Alive 在http早期,每个http请求都要求打开一个tpc socket连接,并且使用一次之后就断开这个tcp连接。 使用keep-alive可以改善这种状态,即在一次TCP连接中可以持续发送多份数据而不会断开连接。通过使用keep-alive机制,可以减少tcp连接建立次数,也意味着可以减少TIME_WAIT状态连接,以此提高性能和提高httpd服务器的吞吐率(更转载 2017-12-20 11:02:35 · 1093 阅读 · 0 评论 -
解决:Failed to mount component: template or render function not defined
使用webpack+vue的时候在浏览页面的时候f12报错。Failed to mount component: template or render function not defined上网查询:多数给的都是修改webpack的配置文件,如下:resolve: { alias: { ‘vue$’: ‘vue/dist/vue.js’ }, exten原创 2017-11-10 14:30:51 · 9118 阅读 · 3 评论 -
PV,UV,VV 含义
PV(Page View,浏览量),是指在一个统计周期内,浏览页面的数之和。UV(User View, 用户访问量),在一个统计周期内,访问网站的人数之和(同一用户重复访问只算一次)VV(Video View,播放数),是指在一个统计周期内,视频被打开的次数之和。原创 2017-11-09 10:29:45 · 6338 阅读 · 0 评论 -
npm安装全局和局部包版本不同时,如何使用到局部包版本(举例webpack)
我们使用npm时,例如下载的webpack,使用-g全局安装了一遍后,又使用项目中安装了另一版本的webpack,但是我们如何在项目中使用局部的webpack呢?首先我们进入项目,使用webpack -v查看一下版本,果然,结果是全局的版本。这时要想使用局部的版本,那么就使用npm的package.json来实现吧。安装初始化时给的案例,我们手动写一个script:“webpackrun”:“web原创 2017-10-13 16:06:42 · 5432 阅读 · 0 评论 -
理解回调函数与jsonp的原理(个人理解)
首先说下回调函数(js为例,java的等语言将参数换做类class类比):举例子来说:function A(b){ xxxxx b.call(this,’hello’); }function B(args){ console.log(args); }下面这个例子:A的参数接受一个function,将B作为参数创递给A入参,那么B就叫回调函数。(xxxx代表A函数自己原创 2017-10-28 23:47:44 · 3200 阅读 · 0 评论 -
布局篇之圣杯布局
圣杯布局的想法就是:外层盒子有中的子盒子都浮动起来,然后先把main固定住,利用margin留出一定空间,再将其他盒子利用marign:-xx%,以及position:relative(可能会用到)进行位置调整。这里先说一下两列自适应的。<html> <head> <meta charset="UTF-8"> <title></title> <原创 2017-10-27 11:15:14 · 387 阅读 · 0 评论 -
CommonJS语法中的require寻找‘包’的规则
最近,使用vue-cli时,webpack配置里面配置了: resolve:{ ‘vue$’: ‘vue/dist/vue.esm.js …… } 只有这样,我们在index.js(这是我的项目里面文件)中引入vue时(require(’vue’))才可以正常使用,不然会报错。我们下面将讲解一下require时,它是如何搜索包的,这样再进行解释就可以清楚明了了。类原创 2017-10-18 16:57:55 · 1927 阅读 · 0 评论 -
vue-cli webpack模板项目搭建以及打包时路径问题的解答
这里建议刚学vue的同学第一个小案例不要使用vue-cli进行操作,待对基本的api使用的比较顺手了之后再进行vue-cli的体验比较好。本人是一名后端开发人员,接触前端时间不长,这里有说的不好的地方,还请大家评论建议下。1. 安装必要的环境准备首先我们要能够暗转node.js,这个环境。百度搜索node,进入官网根据自己的操作系统进行下载即可。现在的版本都是自带npm的了。所以安装后,环境变量正常原创 2017-09-01 13:35:59 · 9101 阅读 · 2 评论 -
CSS中的层叠上下文和层叠顺序
请直接点击链接查看张鑫旭老师的博客:http://www.zhangxinxu.com/wordpress/2016/01/understand-css-stacking-context-http://write.blog.csdn.net/mdeditor#order-z-index/转载 2017-09-17 23:10:44 · 375 阅读 · 0 评论 -
cxf无法处理类型解决方法
Map以及非javabean这类无法处理的返回值类型,要自己处理使用注解标记这个类型,使用@XmlJavaTypeAdapter修饰无法自动处理的类型。使用该注解时,通过value属性制定一个转换器。这个value值的类型是xmlAdapter的子类的字节码文件也就是xxx.class,因此可以自定义类,继承自这个xmlAdapter。用这个注解告诉编译器,这个无法解决的类型将由注解指定的那个类型原创 2016-08-30 12:58:55 · 391 阅读 · 0 评论 -
第一个web service
第一个web service服务端创建一个接口,并用@WebService注解标注创建接口实现类,并用相同注解标注。接口注解中添加两个字段:endpointInterface,它的意思是指定接口名;第二个是servicename,这个是自定义的,给创建的服务起一个名字。接着引入jar包,具体见eclipse项目里面的创建一个主类,将其发布出去(这里不一定是主类,只要最后启动某一个类后,最终原创 2016-08-30 12:57:55 · 290 阅读 · 0 评论 -
css visibility和display属性区别
visibility有两个值分别是:visible和hidden,意思分别是显示和隐藏,不过,当表现为隐藏时,次元素仍然没有脱离流,正常占据它的位置display有三个值分别是:inline,block,none。inline表现为行内元素,例如:div这个元素给它加inline则表现的跟span这个元素一样可以多个显示在一行;block为默认值,就是 正常的显示,而none就是表原创 2016-01-19 12:22:57 · 605 阅读 · 0 评论 -
scrollTop,scrollWidth,offsetWidth,clientWidth区别
首先是scrollTop,例如,你有两个div,分别div1,和div2,div1包含div2,div2大于div1,这时我们会看到div1出现滚动条,div2没有完全显示,我们向下滑动滚动条,此时,div2上面被挡住的竖向距离就是scrollTop的大小。scrollWidth:例如有个div,它就是次div实际宽度,无论它是否被挡住。clientWidth和offsetWidth:of原创 2016-01-19 12:29:31 · 461 阅读 · 0 评论 -
js中正则简单介绍
创建正则的两种方式:1.var reg = /正则表达式/ [g,i,m] 2. var reg = new RegExp("正则表达式","[g.i.m]");g代表全局,i代表忽略大小写,m代表多行匹配(有时输入的子串中有换行,但是仍被看做是一个字符串,加上m后,不然,相当于被看做多个字符串,然后匹配)方式2中的写法需要注意,正则处于字符串中,出现特殊字符需要转义原创 2016-01-23 12:43:20 · 395 阅读 · 0 评论 -
Tomcat中如何配置首页面,虚拟目录。
每个web应用都会有一个首页面,那么·怎么去配置呢·?首先只要应用ide去开发的话,例如常见的eclipse,都会在创建web项目时给我们自动创建WEB-INF目录,找到其中的web.xml编辑它,在末尾加上 xxxxxx.html/xxxx.jsp 首页面就定义好了。第二个是配置域名:要理解这个原理再去看配置步骤就比较简单了。我的博客里有一篇文章原创 2016-02-01 12:43:48 · 1168 阅读 · 0 评论 -
解释一下域名是怎么回事(图片是视频中截图的)
我们在浏览器输入一个url地址,里面包含着一个域名,例如:www.baidu.com这个就是。计算机拿着这个名字先到c:\WINDOWS\system32\drivers\etc找到hosts文件,这个文件中写的是域名和其对应的IP地址。如果能够找到这个ip地址,就拿着地址去网上去连接对应服务器,如果找不到,那就查看本机dns服务器的ip地址,到dns中去找,找到了,回过头来用找到的ip地原创 2016-02-01 12:54:12 · 635 阅读 · 0 评论 -
细说Tomcat服务器目录
Tomcat目录————webapps——>html/jsp/图片/视频等文件|——web-inf——>web.xml/taglib/.tld/classes/lib||————bin——>启动文件/停止文件|————conf——>配置文件——>server.conf服务器配置|——>web.xml全部应用配置文件|——>tomcat-user.xml 访问人员配置(自7.原创 2016-02-03 22:49:22 · 355 阅读 · 0 评论 -
细说部分servlet知识点(会陆续补充)
servlet开发的三种方式:1.实现servlet接口 ; 2.继承GenericServlet ;3.继承HttpServleteclipse下面会自动为servlet配置web.xml文件,但是我们仍然需要知道如何配的:xxxxxxxxxxxxxxxxx我们根据url-pattern中的关键字来访问,服务器根据serv原创 2016-02-03 23:01:41 · 321 阅读 · 0 评论 -
http协议的一些总结
这是个大家都知道的协议,所以这里只说一些小细节问题,至于大篇幅去分析请求和响应的信息我就略过。首先说下请求头中的referer属性:它告诉服务器自己是从哪个页面过来的。我们可以用它来判断盗链问题:举例:String referer = request.getHeader("Referer");if(referer==null || ! referer.startWith原创 2016-02-04 13:52:07 · 421 阅读 · 0 评论 -
ajax&json实现二级下拉框联动,简单示例
Test1.jsp(前台显示页面) pageEncoding="UTF-8"%>Insert title herefunction createAjax(){var ajax = new XMLHttpRequest();return ajax;}function change(){//shi.length=0;//原创 2016-03-02 22:52:22 · 1026 阅读 · 0 评论 -
ajax操作流程
Ajax异步刷新技术使用流程:1. 创建XMLHttpRequest对象2. 准备发送请求:open方法,(method,url,true):method代表请求方式,get或者post;url代表请求的资源,什么也不写代表指向此项目根目录;true代表打开异步刷新,如果是false代表非异步。3. 设置请求头信息(可以不设置)4. Send方法原创 2016-03-02 22:53:41 · 624 阅读 · 0 评论 -
浅谈json,自己初认识json,写下自己对其概念的理解。
官方的话术不多说了,什么轻量级的数据交换格式,说点实用的。它就是存在于js中的一种数据格式,一般用于前台和后台进行数据交换,搭配ajax一起使用。1.后台导入jar包,也就是java文件中需要创建json对象依赖的jar包,2.因为response的输出函数可以将任何对象编程字符串形式输出,json对象是很合适的。3.我们可以将需要传入的数据封装成json对象,以及json数组,因原创 2016-03-03 13:32:18 · 737 阅读 · 0 评论 -
js prototype
由于一直对js的prototype不是很清楚,于是就去学习了一番。在这里做一个简单总结:js中构造器,例如Object,Array,Number等,以及咱们自己创建的function函数构造器,都有一个默认的prototype属性,这是一个对象属性,它指向这个构造器的原型对象。还有一个跟它很像的是_proto_,这个是chorme以及想在许多浏览器为用户提供的查找对象的prot原创 2016-05-02 21:49:25 · 364 阅读 · 0 评论