2018年03月_Null_Bugs

原创超链接访问过后hover样式就不出现的问题是什么？如何解决？

被点击访问过的超链接样式就不再具有hover和active了，解决办法就是改变css属性的排列顺序LVHA

2018-03-31 09:50:57 2628

原创谈谈前端角度出发做好SEO需要考虑什么？

搜索引擎主要以: 外链数量和质量，网页的内容和质量来决定某关键字下的网页搜索排名前端应该注意网页结构和内容方面的情况： meta标签优化主要包括title description autor language如何选取关键词并在网页中放置关键词搜索就要用关键词，关键词分析和选择是SEO的重要工作之一。首先要给网站确定关键词（一般在5个左右），然后对这些关键词进行优化，包...

2018-03-31 08:39:40 794

原创命令行运行vue-cli+webpack项目没有自动在浏览器打开

// Various Dev Server settings host: 'localhost', // can be overwritten by process.env.HOST port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determi...

2018-03-30 20:39:40 591

前提是安装了node,搭配了node环境 ……………………第一步安装webpack打开命令行工具输入：npm install webpack -g，安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。第二步安装vue-cli安装vue-cli脚手架构建工具，打开命令行工具输入：npm install vue-cli -g，安装完成之后输入 vue -V（注意这里是...

2018-03-30 09:56:03 189

原创 node环境配置

首先第一步下载安装nodejs,傻瓜式安装，下一步，下一步……网址：https://nodejs.org/en/，点击进入后如下图左边的LTS是正式版，右边的Current是测试版，一般开发常用的就是LTS正式版。第二步：打开cmdnode -v npm -v 出现版本后确认已经安装成功第三步：新建两个文件夹node_global node_cache第四步：创建完两个空文件夹之后，打开c...

2018-03-30 09:33:12 1431

原创 vue购物车地址列表

注意：给more加事件的时候我们可以@click="limitNum=addressList.length"new Vue({ el:'.address', data:{ addressList:[], limitNum:3, curentIndex:0, shippingMethod:1 }, mounted:function(){ this.$nextTick(function(){...

2018-03-30 08:43:01 407

原创 es6的箭头函数的this问题

1、var x=11;var obj={ x:22, say:function(){ console.log(this.x) }}obj.say();//console.log输出的是22 其中this指向obj这个对象var x=11;var obj={ x:22, say:()=>{ console.log(this.x); }}obj.say();//输出的值为11...

2018-03-29 23:20:20 362

原创 vue中的一些注意事项

在使用v-for的时候，如果想要拿到下标：v-for="(item,index) in products"在原生的: [1,2].foreach(function(value,index){ console.log(value,index)})jquery: $.each(function(index,value){})加载图片： v-bind:src="item.productIm...

2018-03-29 23:02:50 1253

原创 http常见的状态码

100 Continue 初始的请求已经接受，客户应当继续发送请求的其余部分101 Switching Protocols 服务器将遵从客户的请求转换到另外一种协议200 OK 一切正常，对GET和POST请求的应答文档跟在后面201 Created 服务器已经创建了文档，Location头给出了它的URL。202 Accepted 已经接受请求，但处理尚未完成。20...

2018-03-29 22:52:35 3129

原创整理loadsh方法

1、_.chunk(['a','b','c','d'],2) 将以为数组转为多维数组=>[['a','b'],['c','d']]2、_.compact([0,1,false,'',2,3]) 排除是假的值=>[1,2,3]3、_.concat()将数组与数组或值连接在一起var array = [1] _.concat(array,[2],0,[[4]])=>[1,2,0...

2018-03-28 20:54:23 1044

原创 loadsh一维数组转换为多维数组方法

_.chunk(['a','b','c','d'],2)[['a', 'b'], ['c', 'd']]

2018-03-28 20:19:22 3094

原创 vue中radio或者checked如何默认选中？

attrList数据：[ { propertyValueId: 1, valueData: "sku1 text alias" }, { propertyValueId: 2, valueData: "sku1 text alias" }, { propertyValueId: 3, valueData: ...

2018-03-28 19:08:49 12162

原创 jquery中分页插件datatables各个参数

$(document).ready(function() { $('#example').dataTable();//其中example为table的id，table中必须有thead！ } ); 进行参数的配置："bPaginate": true, //翻页功能 "bLengthChange": true, //改变每页显示数据数量 "bFilter":...

2018-03-27 20:40:58 373

原创 vue中vue-router、transition、keep-alive结合使用

<transition :name="name"> <keep-alive> <router-view class="router-view" v-if="$route.meta.alive"></router-view> </keep-alive></tr

2018-03-27 12:09:09 2736 6

原创 vuex的理解

vuex是一个专门为vuejs设计的集中式状态管理架构。状态简单来说就是data中需要共用的属性。1、引入vuex 利用npm install vuex --save2、x新建一个store文件夹，并在文件夹下面新建一个store.js文件，文件中引入我们的vue和vuex import Vue from 'vue' import Vuex from 'vuex'3、使用vuex...

2018-03-20 12:06:56 310

原创 js接收到后台返回的数据是二进制流图片乱码

处理二进制流显示的代码到回调里var img = document.createElement('img');img.src = window.URL.createObjectURL(data);img.height = 60;img.onload = function() { window.URL.revokeObjectURL(this.src);}body.appendC...

2018-03-20 08:41:05 7897

原创 js判断数据类型的方法

1、typeof2、instanceof3、constructor4、prototype Object.prototype.toString.call()

2018-03-19 23:02:01 196

原创微信小程序bindtap事件怎么获取当前点击标签？

在bindtap的响应函数里，声明event参数 event.currentTargetevent的结构：{"type":"tap","timeStamp":895,"target": { "id": "tapTest", "dataset": { "hi":"WeChat" }},"currentTa

2018-03-19 22:47:18 5829

原创微信小程序请求数据

var that = this; wx.request({ url:'https://louqibang.com/app/user/getUserInfo', data:{}, success:function(res){ console.log(res.data) that.setData({ title:res.data.msg })}...

2018-03-19 22:38:26 2494

原创数组和字符串的方法

数组的方法---------------------------------------1、数组头部添加删除元素 unshift() 添加 shift() 删除2、数组尾部添加删除元素 push() 添加 pop() 删除3、数组的拷贝 slice() 可以有一个或者两个参数23456789var numbers = [1,2,3,4,5];c...

2018-03-17 08:28:23 128

原创 html5和css3的新特性

css3有哪些新特性？ 1、css3实现圆角（border-radius）,阴影（box-shadow） 2、对文字加特效（text-shadow）,线性渐变(gradient）,旋转（transform） 3、transform：rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg) 4、增...

2018-03-16 20:38:01 208

原创 innerHtml和innerText的区别

innerHtml 打印标签之间的内容，包含标签的文本信息，各浏览器都支持。innerText 打印的是纯文本信息innerText 有兼容性低版本的火狐浏览器不支持使用，而支持使用textContent,因此封装一个兼容版本：<pre class="html" name="code">// 获取标签的对象 var box = document.getElem...

2018-03-16 19:34:22 143

原创 a={v:1}, b=a, b.v=3, b==a?

var a = {v: 1}var b = ab.v = 2a.v == b.v // true 如果希望在改变b.v的时候a不变，……var a = {v: 1} var b = JSON.parse(JSON.stringify(a)) b.v = 2 a.v == b.v // false或者var a = {v: 1}var b = O...

2018-03-16 13:10:21 395

原创手机端适配

2018-03-16 12:19:27 303

原创跳转页面

<a href=”html”> </a>Js:window.location.href=test.html；（本地不支持，服务器支持)self.location='jb51.htm'; window.history.back(-1); （返回上一页）window.navigate("jb51.jsp"); top.location='jb51.jsp'; （非法访问）...

2018-03-16 12:10:59 354

原创定义手机端尺寸大小

方法:1：function adapt(designWidth, rem2px){ var d = window.document.createElement('div'); d.style.width = '1rem'; d.style.display = "none"; var head = window.document.getElementsByTagName('h...

2018-03-16 12:09:50 737

原创 px和rem 和em的区别

px使用一个绝对字体大小。rem是一个相对字体大小单位，是根据Html根元素。em是根据父元素的字体大小。

2018-03-16 11:40:33 340 1

原创 css3中哪些属性可以继承？

1、字体系列属性 font font-fanmily font-weight font-size font-style 2、文本系列属性 text-indent text-align line-height color direction 3、元素可见性 visibility ...

2018-03-16 11:23:29 1826

原创冒泡排序

//冒泡排序 function popSort(arr){ for(var i = 0 ;i<arr.length-1;i++){ for(var j= 0;j<arr.length-i-1;j++){ if(arr[j]>arr[j+1]){ var max = arr[j] arr[j] = arr[j+1] ...

2018-03-16 11:15:10 140

转载 H5新增了哪些API和内容？

1、document.querySelector()和document.querySelectorAll()两个方法两者的作用是一样的，前者根据css选择器返回第一个匹配的元素，如果没有匹配的返回null;后者返回的是元素的数组，没有匹配的元素返回的是一个空数组。2、classList <body> <ul class="class1 class2 class3 "&...

2018-03-13 07:52:28 1096

原创判断NaN

isNaN()函数，总会隐式的将参数中的值转换为数字再做判断。在使用isNaN()之前先检查一下这个值是不是数字类型，这样能避免隐式转换。function myIsNaN(value){ return typeof value === 'number' && isNan(value)}...

2018-03-09 22:21:30 372

原创微信小程序内嵌套网页（webview）

如何使用呢？首先设置权限，要在小程序中访问外部的网页，需要先设置允许访问的业务网站的域名，登录小程序平台管理后台页面，进入“设置”->开发设置:”点击开始配置使用web-view组件显示HTM页面 <web-view src="https://www.xxxxxxxxx.com/index.html" />注意：<iframe>可以嵌套入到页面的任意部分，而...

2018-03-09 13:44:55 21263

原创 js实现多维数组转换为一维数组

//使用递归 function test(array){ var newArray = []; for(var i=0;i<array.length-1;i++){ if(array[i] instanceof Array){//判断是不是数组 newArray = newArray.concat(test(array[i])) }else{ ...

2018-03-09 10:08:50 1059

原创高效查找一个字符串中，出现次数最多的字符

//查找字符串中出现最多的字符及次数-----------//采用hash计数统计 function find(str) { var hash = {},max = 0,c; var length = str.length; for(var i = 0;i<length;i++){ var char =str.charAt(i) if(hash.hasOwnProperty...

2018-03-08 17:42:58 1490

原创实现一个函数clone,可以对javascript中的5种主要的数据类型进行值复制。

数组类型：（包括Number、String、Object、Array、Boolean）

2018-03-08 16:53:10 1418

原创在javascript中什么是伪数组？如何将伪数组转换为标准数组？

什么是伪数组？定义： obj instanceof Array ===false 但是有length属性伪数组就是一个含有length属性的json对象。它是按照索引的方式存储数据。它并不具有数组的一些方法，只能通过Array.prototype.slice转换为真正的数组，并且带有length属性的对象。常见的伪数组------argumentsNodeList（querySe...

2018-03-08 15:06:57 2514

原创立即执行函数和闭包

(function(){}()) 和 (function(){})()是两种js常见的立即执行函数的函数声明：function fn(){} 使用function关键字声明一个函数，再指定一个函数名，叫函数声明。函数表达式 : var fn = function(){} 使用function关键字声明一个函数，但是没有给函数命名，最后将匿名函数赋给一个变量，叫函数表达式。匿名函数： func...

2018-03-07 23:37:43 328

Null_Bugs的博客