- 博客(37)
- 收藏
- 关注
原创 超链接访问过后hover样式就不出现的问题是什么?如何解决?
被点击访问过的超链接样式就不再具有hover和active了,解决办法就是改变css属性的排列顺序LVHA
2018-03-31 09:50:57 2629
原创 谈谈前端角度出发做好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
原创 vue脚手架搭建
前提是安装了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 190
原创 node环境配置
首先第一步下载安装nodejs,傻瓜式安装,下一步,下一步……网址:https://nodejs.org/en/,点击进入后如下图 左边的LTS是正式版,右边的Current是测试版,一般开发常用的就是LTS正式版。第二步:打开cmdnode -v npm -v 出现版本后确认已经安装成功第三步:新建两个文件夹node_global node_cache第四步:创建完两个空文件夹之后,打开c...
2018-03-30 09:33:12 1432
原创 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 363
原创 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 1254
原创 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 12167
原创 jquery中分页插件datatables各个参数
$(document).ready(function() { $('#example').dataTable();//其中example为table的id,table中必须有thead! } ); 进行参数的配置:"bPaginate": true, //翻页功能 "bLengthChange": true, //改变每页显示数据数量 "bFilter":...
2018-03-27 20:40:58 374
原创 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 2737 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 311
原创 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 7899
原创 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 5831
原创 微信小程序请求数据
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 2495
原创 数组和字符串的方法
数组的方法---------------------------------------1、数组头部添加删除元素 unshift() 添加 shift() 删除2、数组尾部添加删除元素 push() 添加 pop() 删除3、数组的拷贝 slice() 可以有一个或者两个参数23456789var numbers = [1,2,3,4,5];c...
2018-03-17 08:28:23 129
原创 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 209
原创 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 396
原创 手机端适配
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width" /><meta name="format-detection" content="telephone=no" /><me
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
原创 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 21269
原创 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 1491
原创 实现一个函数clone,可以对javascript中的5种主要的数据类型进行值复制。
数组类型:(包括Number、String、Object、Array、Boolean)
2018-03-08 16:53:10 1419
原创 在javascript中什么是伪数组?如何将伪数组转换为标准数组?
什么是伪数组? 定义: obj instanceof Array ===false 但是有length属性 伪数组就是一个含有length属性的json对象。它是按照索引的方式存储数据。它并不具有数组的一些方法,只能通过Array.prototype.slice转换为真正的数组,并且带有length属性的对象。常见的伪数组------argumentsNodeList(querySe...
2018-03-08 15:06:57 2516
原创 立即执行函数和闭包
(function(){}()) 和 (function(){})()是两种js常见的立即执行函数的函数声明:function fn(){} 使用function关键字声明一个函数,再指定一个函数名,叫函数声明。函数表达式 : var fn = function(){} 使用function关键字声明一个函数,但是没有给函数命名,最后将匿名函数赋给一个变量,叫函数表达式。匿名函数: func...
2018-03-07 23:37:43 328
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人