大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

Error running Tomcat8: Address localhost:1099 is a

Error running Tomcat8: Address localhost:1099 is a 这明显是1099端口已经被占用,解决办法如下: 第一步,命令提示符号,执行命令: netstat –ano 可见,占用1099端口的进程的PID是10584 第二步,命令提示符号,执行命令 tasklist 可见,该占用8080端口的进程是java.exe 第三步,通过任务管理器,终止进程java.exe 统统都给它结束掉。 第四步,重新启动tomcat,即可正常启动

双非校招小米Java后台,Offer

双非校招小米Java后台,Offer 声明 首先声明,我是被逼着发文的..给他打一段广告: 因为身边的同学从事互联网相关职业的比较多,并且大家闲时聊天时总会吐槽找工作有很多坑,所以打算把身边同学找工作的经验,统统收集起来。提供给想从事这方面同学,希望圈内好友可以共同进步,共同少踩坑。 个人公众号

ArrayList使用与分析

// 添加一个 list.add("A"); 源码分析 注意事项 添加时自动扩容 /** * Appends the specified element to the end of this list. * * @param e element to be appended to this list * @return true (as specified by {@link Collection#add}) */ public boolean add(E e) { ensureCapacityInternal(size + 1); // minCapacity is usually close to size, so this is a win: elementData = Arrays.copyOf(elementData, newCapacity); 参考: Guide to the Java ArrayList ArrayList API文档

丫!图片缩压! PP鸭!

丫!图片缩压! PP鸭! 无论你是UI工程师, 或是摄影师, 或是负责日常推送的编辑, 我们都免不了和图片打交道, 如果你注重细节, 图片的尺寸就需要好好关注一下了 我玩摄影, 也写简书, 同时是一个前端程序员, 所以减少图片对磁盘占用, 是必须要解决的问题 压缩图片的探索历程(从入门到放弃) 开始使用Photoshop压缩图片, 但效率低 运行一些压缩图片的开源脚

前端本地代码在手机端显示页面

前端本地代码在手机端显示页面 有时候我们会遇到这样的项目,以apache为前端服务的手机端项目,这种项目在调试的时候会出现明明电脑调试没毛病,手机端却有毛病,这个时候我们可能需要在手机端看看有什么问题。 下面介绍一种方法: 1.首先启动项目的apache服务。 2.将手机和电脑连在同一局域网之下。 3.将项目的 localhost 换成 ip。 将localhost 换成 ip 4.将3中得到的网址放在

webpack学习笔记——入门篇:通俗理解webpack

webpack学习笔记——入门篇:通俗理解webpack 前言 (在过去)对我这种渣渣来说,在项目里面一旦配置好了webpack之后,就再也不想碰这玩意儿了,因为实在是太多的坑。。。使用一个插件可能要把config文件改个十几二十遍,还得不断地跑起来看是不是生效了,有时候突然生效了也不知道原因是啥-. const HtmlWebpackPlugin = require('html-webpack-plugin');css$/, use: 'css-loader' }, { test: /\.

微服务太分散?使用Fundebug集中式bug监控

微服务太分散?使用Fundebug集中式bug监控 摘要: 微服务日志分散,可以使用Fundebug的异常监控将它们集中起来。 当一个项目复杂到一定程度,功能越来越多,随之对应的模块也越来越多。 如果都放在一个大的项目下面,共同开发,整合发布,那么会变得越来越复杂,难以维护。 image 如果模块之间没有非常强的耦合性,我们可以考虑把它们单独拆开。 把某些模块作成一个独

h5实现slider滑块功能及样式自定义

ne-range_thumb, input.ne-range[type=range]::-webkit-slider-thumb { width: 2em; margin-left: -0.3em; } 有点多,说下关键点,thumb相关的是设置滑块按钮(即那个圆点)相关属性,track即那一条滑动条。 需要注意的是下面两行代码 background: -webkit-linear-gradient(#40c35f, #40c35f) no-repeat #cccccc; $input.bind("input", function (e) { $input.attr('value', this.value);RangeSlider({ min: 0, max: 550, step: 1, callback: change }); $("#amount").

关于 Flex 中的 flex-grow、flex-shrink、flex-basis

关于 Flex 中的 flex-grow、flex-shrink、flex-basis 在使用 flex 布局的时候难以理解的是 flex-grow、flex-shrink、flex-basis 几个属性的用法,下面通过几个例子来演示。 flex-basis flex-basis 用于设置子项的占用空间。如果设置了值,则子项占用的空间为设置的值;如果没设置或者为 auto,那子项的空间为width/height 的值。 flex-basis 对于子项1,flex-basis 如果设置默认是auto,子项占用的宽度使用width

Flex 布局

属性就定义了一个flex容器,它的直接子元素会接受这个flex环境 .container{ flex-wrap: nowrap | wrap | wrap-reverse;container { align-content: flex-start | flex-end | center | space-between | space-around | stretch;item { order: ; /* default auto */ } flex flex-grow, flex-shrink,flex-basis 的缩写 .] } align-self align-self 设置或检索弹性盒子元素在侧轴(纵轴)方向上的对齐方式,可以覆盖父容器align-items的设置 .

移动端常见bug

设置input里面placeholder字体的大小 Q: 设置input里面placeholder字体的大小 A:代码如下 ::-webkit-input-placeholder{ font-size:10pt; } 实现横屏竖屏的方案 css 用 css3媒体查询,缺点是宽度和高度不好控制 @media screen and (orientation: portrait) { . transform: rotate(0) } } js 判断屏幕的方向或者resize事件 var evt = "onorientationchange" in window ? "orientationchange" : "resize"; $print = $('#print'); $print.css('left', 0-(height-width)/2 );

关于localStorage和sessionStorage

关于localStorage和sessionStorage 一,什么是Storage Storage是web Brower储存数据到本地的一种方式,其数据以键值对的形式储存在本地服务器web storage中。Storage分为sessionStorage和localStorage。 sessionStorage:临时存储,为每一个数据源维持一个储存区域,在浏览器打开和加载页面的过程中存在。 localStorage:长期存储,为每一个数据源维持一个储存区域,在浏览器中长期存在,除非手动清除

Get和Post的正解

Get和Post的正解 前言:很多小伙伴对于get和post都是浅层次的理解。这篇文章将带你从通俗易懂的语言上深入的了解get和post。 一,什么是Get/Post? 在了解get和post之前,我们要先了解TCP/IP和http。简单来说,TCP/IP是网络架构,TCP/IP是五层网络架构(区分于OSI七层架构),TCP/IP自上而下分为应用层,传输层,网络层,数据链路层,物理层。更深入的知识这里就不涉及,有兴趣可以

通俗易懂的“闭包”

通俗易懂的“闭包” 一,闭包是什么? 闭包:有权访问另一个函数中作用域的变量的函数。即间接访问变量(隐藏一个变量)。创建闭包的常见方式就是在函数的内部创建一个函数。 如上图就是一个简单的闭包,内部的函数可以访问全局的变量。 二,为什么会有闭包的概念 因为JavaScript语言的特殊性,JavaScript并没有类的概念,如何让一个数据封装成private变量就成了一个大

JS数组排序

JS数组排序 JS数组排序方法有两个:reverse()和sort(),其中reverse()可将数组进行倒序,而sort()则可将数组项灵活地进行升序或降序排列。 一、reverse() var arr = [8,4,9,1]; console.log(arr.reverse()); // [8, 9, 16, 90] // 降序 console.log(arr.sort(function (a, b) { return b - a;

构建你的第一个Vue.js组件

构建你的第一个Vue.js组件 我记得当时我拿起CakePHP,我很喜欢,开始使用它是多么容易。这些文档不仅结构合理,详尽无遗,而且用户友好。多年以后,这正是我在Vue.js中感受到的。然而,与Cake相比,Vue文档star { color: #f3d23e;

JavaScript模块化

// 或 var moduleFunc = require('a.js'). // 执行顺序: // a.js // b.js // main.js 然而, 他也有他的不足之处 按照 AMD 的规范,在定义模块的时候需要把所有依赖模块都罗列一遍(前置依赖),而且在使用时还需要在 factory 中作为形参传进去。 define(['a', 'b', 'c', 'd', 'e', 'f', 'g'], function(a, b, c, d, e, f, g){ . console.log(moduleA.name); export { m }; // 引出模块对象(引入所有) import * as ModuleA from 'a-module';

CSS3动画:DIY Loading动画

top: 50%; margin-top: -10px; } } /*定义基本样式,绑定动画,定义动画属性*/ . animation-name: rotateLoading;/*css代码*/ @keyframes pillarLoading { 0%, 100% { background: lightgreen;pillar-loading { margin: 150px auto;box { width: 600px; transform: translate(550px,0) /*沿x轴偏移550px*/ } 再来一个稍微难一点的。 transform动画 漂洋过海来看你 OST 原声辑 严艺丹 /*css样式代码*/ .item-tt::after { content: "." } 参考资料:CSS3 transform

less 引用与配置

Set default font family to sans-serif. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ button[disabled], html input[disabled] { cursor: default; } /** * 1.

bootstrap教程,SQL

} enabled选择器 CSS3-Meddia Query device-width,device-height width,height orientation resolution bootstrap框架: //netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css jquery库: http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js bootstrap.min.js:http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js navbar Brand Link .