h5css3_linhuai-CSDN博客

原创去除inline-block元素间间距的N种方法

一、现象描述真正意义上的inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距，很简单的个例子：间距就来了~~我们使用CSS更改非inline-block水平元素为inline-block水平，也会有该问题：.space a { display: inline-block; padding: .5em 1em;

2017-06-23 17:59:36 752

原创仿京东防抖动菜单

完整代码： *{ padding: 0; margin: 0;}li{ list-style: none;}a{ color:#555;}.menu{ width: 220px; border: 2px solid #333; position: relative;}.menu_item{ height: 47px; padding-left

2017-06-20 11:46:11 1135

原创 Vue.js 图片不显示 | 图片资引用 | img src 路径出错

解决方法： 1、在data 里写入 logo: require('../assets/images/logo.png') 2、在模板中写入

2017-06-07 12:25:41 11169

原创 vue 项目使用sass

1、安装并在package.json中添加 npm install node-sass --save-dev npm install sass-loader --save-dev2、进入webpack.base.config.js 配置scss 找到 module -- loaders (vue2.0) module: { rules:

2017-06-06 18:40:58 1385

原创 Javascript 简单的Tab切换实现

代码： example *{ padding: 0; margin: 0; } #example{ width: 500px; height: 400px; margin: 0 auto; } #example .hd ul li{ di

2017-05-26 17:46:39 2341

原创 node-webkit 使用os模块获取用户MAC值和IP

代码：var os = require("os");// CPU 的字节序console.log('endianness : ' + os.endianness());// 操作系统名console.log('type : ' + os.type());// 操作系统名console.log('platform : ' + os.platform());// 系统内存总量

2017-05-26 14:26:16 943

原创 php设置允许跨域

代码：// 指定允许其他域名访问 header('Access-Control-Allow-Origin:*'); // 响应类型 header('Access-Control-Allow-Methods:POST'); // 响应头设置 header('Access-Control-Allow-Headers:x-requested-with,content-type')

2017-05-25 13:02:55 11558

原创使用正则解决Js、JQuery replace 只替换第一个的问题

替换全部的代码：re = new RegExp("aaa", "g");str = str.replace(re, "bbb");　　上面代码的意思是把str里的aaa全部替换为bbb　　RegExp("aaa", "g");第一个参数是想要替换的内容，第二个参数 “g”是匹配全部的意思；也可以写成“t”，意思是只匹配第一个

2017-05-23 18:02:07 4103

原创 vue.js 左侧二级菜单显示隐藏切换实例

完整代码： vue点击切换显示隐藏 *{ padding: 0; margin: 0; font-size: 14px; } ul{ width: 200px; height: auto; } h2{ background: green; border: 1px solid #fff; color: #fff; height: 3

2017-05-23 11:14:17 18772

原创 Vue.js 点击按钮显示/隐藏内容实例

实例代码： vue点击切换显示隐藏原本可以成为Google、Facebook的“爸爸”，或者微软的“儿子”，最后却像“孙子”一样被贱卖，沦为互联网浪潮的“弃子”。 new Vue({ el:"#example", data:{ btnText:"隐藏", isShow:true }, methods:{ showTo

2017-05-23 10:24:39 51630 1

原创使chrome兼容showModalDialog的方法

代码： main.html //定义window.showModalDialog如果它不存在 if(window.showModalDialog == undefined){ window.showModalDialog = function(url){ if(window.hasOpenWindow){

2017-05-22 18:21:45 14421

原创 window.opener方法的调用

在chrome浏览器里使用必须是在项目里面main.html代码 main var wd; var winTimer;//计时器变量, 监听窗口关闭 function openWindow() { wd = window.open("child.html",null," height=300,width=450, Left=300px,Top=2

2017-05-22 18:15:40 3062

原创 CSS使元素水平垂直居中的方法

1、使用绝对定位（position）和外边距（margin）适用范围：子级元素（content）宽高固定方法：（1）将父级（box）设置成相对定位（relative）；（2）将子级（content）设置成绝对定位（absolute）；（3）将子级（content）top、left设置成50%；（4）将子级（content）margin-left设置成 -（子级宽度

2017-05-16 17:39:05 507

原创使用防抖动（debounce）优化页面滚动

优化前代码var i = 0;window.addEventListener('scroll',function(){ console.log(i++);},false);优化后代码： var debounce = null; window.addEventListener('scroll',function(){ if(debounce){ clea

2017-05-16 16:48:36 1530

原创使用vue-cli构建项目步骤

1、Node.js安装 https://nodejs.org/en/download/2、安装vue-cli npm install -g vue-cli3、使用vue-cli初使化项目 vue init webpack projectName4、进入项目目录cd projectName5、安装依赖 npm instal

2017-05-15 10:24:21 1283

原创运用IE滤镜获取数据;

filePath = document.selection.createRange().text;//运用IE滤镜获取数据;

2017-05-10 15:36:29 303

原创 node-webkit无边框窗口用纯JS实现拖动改变大小

$(function () { var gui = require('nw.gui'); var sizeFlag = true; var mouseDownFlag = false; var oldPoint = {}; var dragEventFlag = {};

2017-03-17 12:39:26 2820

原创 JavaScript 易错知识点整理

1.变量作用域var a = 1;function test() { var a = 2; console.log(a); // 2}test();上方的函数作用域中声明并赋值了a，且在console之上，所以遵循就近原则输出a等于2。var a = 1;function test2() { console.log(a); // undefi

2017-02-23 15:39:11 293

原创 Node.js中cheerio详解

安装：npm install cheerio例子：let cheerio = require('cheerio')let $ = cheerio.load('Hello world') $('h2.title').text('Hello there!')$('h2').addClass('welcome') $.html()

2017-02-23 15:17:10 1173

原创 node.js中fs.createWriteStream详解

代码：　　fs.createWriteStream(path,[options]);path | options | flags defaultEncoding fd mode autoClose start 返回一个新建的 WriteStream 对象（详见可写流）。options 是一个带有以下默认值的对象或字符串：{ fl

2017-02-22 10:19:08 11829

原创 node.js的request模块详解

安装：　　npm install requestrequest 让http请求变的更简单，例子：var request = require('request');request('http://www.baidu.com',response,body){　　if(!err&&response.statusCode==200){　　　　console.log(body);

2017-02-22 09:54:52 2697 1

原创 node-webkit项目最小化到托盘（右下角）

var isShowWindow = true; var gui = require('nw.gui'); var win = gui.Window.get(); var tray = new gui.Tray({ title:'My Application', icon:'icon.png'

2017-02-20 18:13:10 2620

原创 node-webkit代码加密保护

有些情况下，代码还是不能直接暴露给用户的；我们可以使用V8 Snapshot 的方式来达到代码加密保护的目的；　　方法：　　　　使用 /nwjs.exe 来运行 nwjc source.js core.bin命令；　　　　用require('nw.gui').Window.get().evalNWBin(null, './app/v0.0.1/core.bin');参数：第一个

2017-02-20 15:07:37 2946 3

原创 node-webkit 项目中的 package.json

例子：{ "name":"nw-demo", "main":"index.html", "nodejs":true, "window":{ "title":"nw-demo", "toolbar":false, "width":600, "height":450, "position":"center" }}必填字段name　　（

2017-02-20 14:25:55 2469

原创 Javascript中点击（click）事件的3种写法

方法一： Javascript中点击事件方法一 click var btn = document.getElementById("btn"); btn.onclick=function(){ alert("hello world"); } 消除事件：btn.onclick=null;方法二： Javascript中点击事件方法二

2017-02-20 12:23:31 166809 10

原创 Node.js中rmdirSync方法的使用说明

方法说明：　　以同步的方法删除文件目录语法：fs.rmdirSync(path);由于该方法属于fs模块，使用前需要引入fs模块 var fs = require('fs')传递参数：　　path:将删除的路径例子：var fs = require('fs');var delDir = fs.rmdirSync("delDir');console.log(delDi

2017-02-20 12:10:16 4010

原创 Node.js中existsSync方法的使用说明

方法说明：　　以同步的方法检测目录是否存在语法：fs.existsSync(pach);由于该方法属于fs模块，使用前需要引入fs模块 var fs = require('fs');接收参数：　　path:将检测的目录路径

2017-02-20 11:43:29 11689

原创 Node.js中mkdir方法的使用说明

方法说明：以异步方式创建目录，如果目录存在将抛出异常语法：fs.mkdir(“path",[mode],callback(err))由于该方法属于fs模块，使用前需要引入fs模块 var fs = require("fs")接收参数：path:将创建的目录路径mode:目录权限（读写权限），默认为0777callback:回调，传递异常参数err例子：fs

2017-02-20 11:29:51 1707

原创 JavaScript 数据类型

JavaScript数据类型：字符串、数字、布尔、数组、对象、Null、Undefined声明变量类型：var carname=new String;var x= new Number;var y= new Boolean;var cars= new Array;var person= new Object;一、声明字符串va

2017-02-17 16:31:11 603

原创 JS闭包

一、什么是闭包闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成“定义在一个函数内部的函数”。二、闭包的用途（1）可以读取函数内部的变量（2）让变量的值始终保持在内存中三、使用闭包的注意点（1）由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则

2017-02-17 16:29:25 277

原创 js实现冒泡排序

var arr = new Array(3,7,2,4,99,54,78,33,88);function testOrder(arr){var len = arr.length;for (var i = 0; i for (var j = i+1; j if(arr[i]>arr[j]){//如果前面的数据比后面的数据大就交换var temp = arr[i];ar

2017-02-17 14:31:28 4096

h5css3_linhuai的博客