LFWMP-CSDN博客

转载 Linux之Centos安装xrdp，通过window远程桌面连接linux

1.默认库不包含xrdp，需要安装epel库。yum install epel-release然后安装xrdpyum install xrdp2.安装tigervnc-serveryum install tigervnc-server如果需要客户端，可同时安装tigervncyum install tigervnc3.为当前用户设置vnc密码，如果是其他...

2018-06-05 14:11:33 1607

原创 css3实现鼠标悬浮文字上方，文字底部的下划线向两边缩放！

采用css3加伪类的方式显示当鼠标悬浮在文字上方时，文字底部出现向两边展开的效果！css部分.text-underline{ display: inline; text-align: center; position: relative; } .text-underline::a...

2018-05-01 23:05:36 2562

原创实现移动端1px边框

最近学了一下vue的实战课程，学习到了其中的一个页面设计技巧，觉得深有感触，于是便写个博客记录下来，以便下次查阅项目中是通过vue+stylus来实现的，那么首先需要说一下实现原理，因为在移动端中物理像素是设备像素的两倍，那么以平时在pc端中设计的1px ,在移动端设备中就是2px了，那么，我们要实现移动端的1px边框，就需要对这个1px边框进行缩放。假如我们有一个div，我们要设置它在移...

2018-02-28 14:35:13 438

原创 Apache中使用include引入共同部分的页面

前言：一般网站都会有共同的header和footer,如果该网站的网页很少，那在每一个网页里面都写一份相同的header或者footer代码是没有什么问题的，但是如果该网站的页面数量很庞大，在每一个页面都重写一份header或者footer的代码，在后期维护是相当恐怖的，所以我们需要吧网页中的共同部分抽取出来，实现修改一个页面内，多处实现的效果。那么include方式就可以实现我们的这个目的了。

2018-01-23 17:15:46 1411

原创 Apache自定义404界面

自定义404界面我也是看别人的博客的，怕忘记，所以就写个博客做个笔记。我也是学一种做法，因为觉得这个简单。 .htaccess 文件简介： .htaccess 文件是 Apache 服务器中的一个配置文件，它负责相关目录下的网页配置。通过 htaccess 文件，可以帮我们实现：网页 301 重定向、自定义 404 错误页面、改变文件扩展名、允许/阻止特定的用户或者目录的访问、禁止目录列表

2018-01-23 16:46:42 3658

原创 JS获取本地文件的方式

通过js来获取文件的方式，记录两种方法：第一种，通过input获取： html: <input type="file" id="files" multiple="multiple" >其中multiple表示可以同时选中多文件 JS:<script>window.onload=function(){ var getFile =document.getElementById("

2017-12-23 17:08:13 27305

原创 javascript中的this的学习总结

this 学习的总结 1、普通的function函数里面的this指向的是函数外的全局变量var name = "tom";function getName(){ var name = "mike"; console.log(this.name);//该this指针指向window的name}getName();//将输出tom**2、对象中的function函数是属于该对象

2017-12-21 14:49:32 168

原创 RequireJS的入门，基础用法

最近学了requireJS模块化开发，所以现在赶紧过来写个博客记录一下，便于下次查阅。 RequireJS主要就是用来加载模块的，有了他，可以使我们的应用程序在开发中简洁明了，不会显得乱糟糟的。首先啦，我们肯定是要有一份RequireJS的啦，那么就去官网下载一份吧。下载：RequireJS官网下载将下载回来的RequireJS放进我们的项目的中，哪个都行，新建的libs文件夹也行，只要放在目

2017-12-19 15:27:13 874

原创 JQ中的width()，height(),innerwidth(),innerheight(),outerwidth(),outheight()的区别

对jq的 width()， height(), innerwidth(), innerheight(), outerwidth(), outheight() 理解

2017-12-12 16:29:21 483

转载根据经纬度坐标值在百度地图上绘制轨迹

因为项目需要做物体轨迹检测，所以要把物体移动的轨迹在百度地图上进行绘制和显示，于是就在网上找到了这个方法，现在做个记录方便以后查阅：1、html 部分设置存放地图的容器和设置你的百度地图的ak html:<div id="baiduMap"></div><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&a

2017-12-11 11:08:04 23461 7

原创 CSS3实现渐变色字体

前两天在学习移动端项目，于是就拿京东的移动端页面来模仿和学习了，在模仿的过程中，我发现了京东移动端页面的字体有渐变色，很是好奇，很感兴趣，于是就是查看了代码，并且百度了一下，发现实现渐变色字体的两种方法，（目前我自己就发现两种），第一种比较简单，直接上代码：方法一： html结构<p class="font1">你好，这是我的渐变色字体</p>样式：.font1{

2017-12-01 10:59:26 29865

原创 fwslider--属于自己的一个图片轮播插件

一直在学习，一直在提升，一直在想什么时候自己也能写个简单的图片轮播啊？终于，我写出来了，虽然没有别人写的那么牛逼，我也没有办法和大牛比，所以跟自己比就好了，自己有提升就很开心，这个图片轮播写出来一段时间后，都没有封装起来，今天有空就把它封装一下，记录在博客里，以后需要用就直接回来看博客。。。。如果有小伙伴喜欢我这个图片轮播插件的也可以拿去用，这个图片轮播真的真的很简单，非常的简单，也非常适合

2017-09-02 20:55:35 1134

原创自定义组件--nav菜单

做这个东西的出发点很简单，就是把做过的东西，封装起来，写个博客，记录一下，以后项目需要用就可以直接拿来用，做法很简单，不喜欢的勿喷，觉得有用的可以拿去试试。直接上代码html部分：<div class="ul"> <ul> <li><a href="javascript:void(0)">首页</a></li> <li><a href="javascript:

2017-08-24 22:39:57 1003

原创 Eric Meyer’s “Reset CSS” 2.0

前端开发的都知道，一般在进行设计页面的时候都应该写一份公共样式表，用来重置标签元素的样式而下面这份就是常用的Erik Meyer’s CSS Reset(样式重置)/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/html, body, div,

2017-08-13 00:19:03 949

原创 CSS中的单位

PX(pixel)像素，相对长度单位。像素px是相对于显示器分辨率而言的特点： 1、IE无法调整那些使用px作为单位的字体大小 2、国外的大部分网站能够调整的原因在于其使用了em或者rem作为单位 3、Firefox能够调整px和em，rem，但是96%以上的用户使用IE内核或IE浏览器EM 相对长度单位。相对于当前对象内文本的字体尺寸。若当前行内文本文本的字体尺寸未被人为设置，则相对于浏

2017-08-07 22:34:51 462

转载 XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。

XMLHttpRequest 对象提供了在网页加载后与服务器进行通信的方法。<script type="text/javascript"> var xmlhttp; function loadXMLDoc(url){ xmlhttp = null; if(window.XMLHttpRequest){ //code

2017-08-06 09:59:02 2225

原创事件模型--冒泡与捕获

Traditional Module（传统方式的事件模型）直接在DOM元素上绑定事件处理器window.onload=function(){…}obj.onmouseover=function(e){…}obj.onclick=function(){…}优点：无论在IE还是Firefox等其他浏览器上都可以成功运行的通用方式，在Event处理函数内部的this变量无一例外的都只想被绑定的DO

2017-08-06 09:43:16 593

原创 DOM--如何添加、移除、移动、复制、创建和查找节点等。

创建新节点:createDocumentFragment() //创建一个DOM片段createElement() //创建一个具体的元素createTextNode() //创建一个文本节点var mP = createElement("p");//创建一个p标签var ptext = createTextNode("这是创建的文本！");//创建一个文本节点添加、移除、替换、插

2017-08-06 08:31:14 1891

转载 CSS hack原理与常见的hack

hack原理：原理：利用不同浏览器对CSS的支持和解析结果不一样编写针对特定浏览器样式。常见的hack有1）属性 hack。2）选择器hack。3）IE条件注释IE条件注释：适用于[IE5, IE9]常见格式如下常见的hack选择器hack：不同浏览器对选择器的

2017-08-05 22:26:13 513

常见兼容性问题1、png24位的图片在iE6浏览器上出现背景，解决方案是做成PNG8.2、浏览器默认的margin和padding不同。解决方案是加一个全局的 *{margin:0;padding:0;}来统一。3、IE6双边距bug:块属性标签float后，又有横行的margin情况下，在ie6显示margin比设置的大。5、这种情况之下IE会产生20px的距离，解决方案是在float的标签样式

2017-08-05 22:08:22 714

转载严格模式与混杂模式

如何区分严格模式与混杂模式，它们有何意义！严格模式：又称标准模式，是指浏览器按照 W3C 标准解析代码。混杂模式：又称怪异模式或兼容模式，是指浏览器用自己的方式解析代码。区分方法：如果文档包含严格的 DOCTYPE ，那么它一般以严格模式呈现。包含过渡 DTD 和 URI 的 DOCTYPE ，也以严格模式呈现，但有过渡 DTD 而没有 URI （统一资源标识符，就是声明最后的地址）会导致页面以

2017-08-05 21:36:59 2050

转载 DIV居中方案

水平居中//给div设置一个宽度，然后添加margin:0 auto属性 div{ width:200px; margin:0 auto; }让绝对定位的div居中 div { position: absolute; width: 300px; height: 300px; margin: auto; top: 0; left:

2017-08-05 21:29:10 320

原创电脑安装了WPS之后，文档无法用原来的office打开，右键新建的文档是wps类型的而不是office类型的解决方案

前言：因为我身边很多小伙伴都遇到自己的电脑已经安装了office，之后又安装了WPS，安装了WPS之后，每次打开文档都是默认用WPS打开，有时想右键新建一个office的文档，但是建立的都是WPS文档，新建office文档就只好在所有程序中找到office的快捷方式（这里是主要说的是你要打开文档的快捷方式，excel的就找excel的，word的就找word的，为了方便，我直接就说是office 的

2017-07-02 14:41:41 47317 1

转载 js常用的正则表达式

最近看到一篇文章说到了js中用正则表达式检测手机号码的，觉得以后可能会用到，所以赶紧写篇博客记录下来。

2017-04-16 20:37:22 217

原创 HTML5文档结构代码

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">   <!--文

2017-04-09 10:55:11 1179

转载 Javascript中匿名函数的多种调用方式

本文转自：http://www.cnblogs.com/snandy/archive/2011/02/28/1966664.htmlJavaScript中定义函数的方式有多种，函数直接量就是其中一种。如var fun = function(){},这里function如果不赋值给fun那么它就是一个匿名函数。好，看看匿名函数的如何被调用。方式1，调用函数，得到返回值。强制运算符使函数调用执行(fun

2017-04-08 13:22:29 594

原创 unslider图片轮播插件初体验（二）

在上一篇文章中我大概介绍了unslider的基本特性和用法，并实现了一个简单的图片轮播特效。那么，在这一章上，我就继续完善上一章我们做的图片轮播，给它加上图片，底部圆点导航，左右控制按钮。首先，我们还是在原来的代码去修改：我们现在的代码是这样的：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <titl

2017-04-07 15:10:28 1961

原创首次体验phonegap实现的Android APP

PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用IOS，Android，Palm，Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功

2017-04-06 22:05:58 829

原创 unslider图片轮播插件初体验（一）

前短时间在做一个网页，然后要用到图片轮播，这下头大了，新手一枚，自己又不会写图片轮播，即使写出来也是很糟糕，不好维护的。怎么办呢，百度咯。。。。！于是我找到了一个JQuery的图片轮播插件叫unslider，符合我的项目要求。虽然最后并没有采用，但是仍然有学习的价值。因此写下一篇博客，以后忘记了还可以回来看，也当做在这里储备知识了。提示：（这里面的知识需要JQuery和Javascript基

2017-04-06 14:48:29 1063

原创 java实现遍历文件目录，并在控制台以树形结构展示搜索出来的文件

最近学会了一个用java遍历文件目录，并且在控制台以树形结构的方式展开搜索的文件，怕忘记了，所以记录下来，废话不再多说，直接上代码！具体方法，代码中都有相应的注释了，这里就不在重复说明了。若有错误，欢迎各位大牛指正！import java.io.File;public class Test { static int dirs = 0;//定义的变量用于存放统计出来的目录数量和文件数量

2017-04-06 10:16:42 5637 1

LFW的博客